Commm

KI Day 1
March 4, 2010
By
Chompoonut Watcharinkorn
Prapa Meuanjob
Software Team of School of Information Technology,

King Mongkuts University of Technology Thonburi
KI day :
Software eam of SIT, KMUTT
Table of Contents
Macromedia Dreamweaver 8
10
15
23
26
28
30
33
KI day :
(Internet)

(World Wide Web)
(World Wide Web)
(World Wide Web www) (web)
URL (
)
3 :
URL (Uniform Resource Locator) (Address)

URL
http://www.sit.kmutt.ac.th/
HTTP (HyperText Transfer Protocol) www
http:// URL Address
HTML (HyperText Markup Language)
html
<html>
<head>
<title>hello</title>
</head>
<body>hello <br>My name is...
</body>
</html>
KI day :
(Web Browser)
(Web Browser)

Microsoft Internet Explorer (IE), Mozilla Firefox, Opera
(Web Page) (Web site)
(Webpage)
(Browser)
(Web Site)

(Homepage)
(Domain Name)
(Domain Name)

sanook.com yahoo.com
KI day :
Com
edu
gov
mit
net
org
ac
co
or
net
go
(Commercial)
(Education)
(Government)
(Military)
(Network Services)
(Organizations)
(Academic)
(Commercial)
(Organizations)
(Networking)
(Government)
www.ibm.com
www.chula.edu
www.whitehouse.gov
www.dtic.mil
www.greenpeace.org

www.ksc.net.th th
au
Austtralia
fr
France
hk
Hong Kong
jp
Japan
th
Thailand
sg
Singapore
uk
United Kingdom
KI day :
Macromedia Dreamweaver 8 CD

1. Install Dreamweaver 8
2.
3. Next
4. I accept the terms in the license agreement

Dreamweaver Next
KI day :
5. Macromedia Dreamweaver 8
Change Shortcut
Quick launch (Desktop) Next
6. Macromedia Dreamweaver Select All Next
7. Install
KI day :
8.
9. Finish
10.
KI day :
1. start
All Programs >> Macromedia >> Macromedia Dreamweaver 8
2. Macromedia Dreamweaver 8
3
1 Open a Recent Item
2 Create New
HTML, Cold Fusion, PHP, ASP, JavaScript
3 Create from Samples
KI day :
3. HTML 2 Create New
4.

KI day :
Title Bar
Meun Bar
3
Insert Bar
4
Status Bar
Tool Bar
Document window
Properties Inspector
Panel
10
KI day :
1. Title bar ()
*
Untitled Document
2. Menu bar ()
3. Insert Bar ()

3.1 Common ,
3.2 Layout div, frame

layout
11
KI day :
3.3 Forms form radio, check box
3.4 Text

3.5 HTML HTML
3.6 Application
3.7 Flash element Flash
3.8 Favorites
4. Tool bar
12
KI day :
Show Code View HTML HTML

(Script)
Show Code and Design HTML
Show Design View

5. Document window

Document window Show Code View, Show
Code and Design View
13
KI day :
6. Status bar
(Document window)
2 Tag Selector HTML

7. Properties inspector
Properties inspector
property inspector , ,
,
8. Panel
14
KI day :

Panels Code, CSS, Behavior
Site

1. Site New Site
2. Basic "What would you like to name your site?"

DD Web site "What is the HTTP Address (URL) of your site?"
URL http://sit-dem2.sit.kmutt.ac.th/user25/ Next >
15
KI day :

URL
Next >
3. ("No, I do not want to use a server technology.")

Next >
16
KI day :
Next >
4. "Edit local copies on my machine, then upload to server when ready

(recommended)."
Next >
17
KI day :
Next >
5. How do you connect to your remote server ?

FTP
What is the hostname or FTP address of your Web server ?
FTP Server sit-dem2.sit.kmutt.ac.th
What is your FTP login
Username user25
What is your FTP password
Password
Next >
18
KI day :
FTP
FTP Server
Username
Password
Next >
Test Connection
19
KI day :
6. "No, do not enable check in and check out." Next >
20
KI day :
Next >
7. Done
21
KI day :
Done
22
KI day :
(Table) (Row) (Column)

23
KI day :

1.
2. Insert >> Table
3.
(Table) Common Layout
4. < Ctrl > + < T > Table
24
KI day :
5.
Table Size
Rows
()
Columns
()
Table Width

Border Thickness
()
Cell Padding
Cell Spacing
6. 3 4
OK

25
KI day :
Document window
()
HTML <h1>
</h1> , <h2></h2>
Search Engine Google
<h1>
1.
2. Property inspector Format

26
KI day :
font
font
1.
2. Property inspector font font
3. size
font Edit font list
27
KI day :
1. Enter <p> </p>
2. shift + enter <br /> code <p> </p>

<br>

1.
2.
3.
4.
5.
1.
2. Insert
(Image)
28
KI day :
3.
4. OK
29
KI day :
link
1. Dreaweaver
2.
3.
a. Text
b. link folder
local root
folder
c. Target
30
KI day :
target='_blank' link
target='_parent' link (
)
target='_self' link frame (
frame)
target='_top' link frame
4.

link wikipedia.org
link
1.
2.

3. Insert > Named Anchor

4. OK Code <A NAME=?

?></A>
5.
6. Property inspector
31
KI day :
1.
2.
3. Property inspector
4. http://www.hellomyweb.com ( http:// )
5. border 0
6.
32
KI day :
http://www.nr.ac.th/w/Dream/indexDream.html
http://aeesoh.multiply.com/journal/item/2/2
http://www.sidawittaya.com
http://www.hellomyweb.com/index.php/main/tutorial/4/16
http://www.com-learning2u.com
http://www.csun.edu/accessibility/training/materials/dreamweaveroverview/setup.html#site
https://wiki.csuchico.edu/confluence/display/usrvkb/Setting+Up+a+New+Site+in+Dreamweaver
http://www.enjoyday.net/2009/03/build-website-vocab/
http://th.wikipedia.org/
33

Commm

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Commm

Uploaded by

Copyright:

Available Formats

KI Day 1

Software Team of School of Information Technology,

URL (Uniform Resource Locator) (Address)

4. I accept the terms in the license agreement

6. Macromedia Dreamweaver Select All Next

3. HTML 2 Create New

3.2 Layout div, frame

3.3 Forms form radio, check box

3.5 HTML HTML

3.7 Flash element Flash

Show Code View HTML HTML

Show Design View

2. Basic "What would you like to name your site?"

3. ("No, I do not want to use a server technology.")

4. "Edit local copies on my machine, then upload to server when ready

5. How do you connect to your remote server ?

6. "No, do not enable check in and check out." Next >

(Table) (Row) (Column)

(Table) Common Layout

4. < Ctrl > + < T > Table

font Edit font list

1. Enter <p> </p>

2. shift + enter <br /> code <p> </p>

4. OK Code <A NAME=?

You might also like