p.2 1 <HTML> 2 3 <HEAD> 4 <TITLE> </TITLE> 5 </HEAD> 6 7 <BODY> 8 <H3><B> </B></H3> 9 <H4><I> </I></H4> 10 </BODY> </HTML> 1. HTML 1. 2.

Size: px

Start display at page:

Download "p.2 1 <HTML> 2 3 <HEAD> 4 <TITLE> </TITLE> 5 </HEAD> 6 7 <BODY> 8 <H3><B> </B></H3> 9 <H4><I> </I></H4> 10 </BODY> </HTML> 1. HTML 1. 2."

桦屠
5 years ago
Views:

1 p.1 HTML HyperText Mark-up Language 1. HTML Logo, Pascal, C++, Java HTML 2. HTML (tag) 3. HTML 4. HTML 1. HTML FTP HTML HTML html 1. html html html cutehtmleasyhtml 2. wyswyg (What you see what you get) html Dreamweaver, FrontPage, Composer 3. html Word, Excel, PowerPoint (Tag) 1. <> <u> </u> 4. 5.

2 p.2 1 <HTML> 2 3 <HEAD> 4 <TITLE> </TITLE> 5 </HEAD> 6 7 <BODY> 8 <H3><B> </B></H3> 9 <H4><I> </I></H4> 10 </BODY> </HTML> 1. HTML p1.htm 9.

3 p.3 HTML 1. IE ( ) p1 ( ) 6. p1 IE p1 HTML 4. </body> <h2><u> </u></h2> IE 7. <h4><h3><h2> <b> <i> <u> 4 <title>

4 p.4 <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML> 1 <html> 2 <head> 3 <title> </title> 4 </head> 5 <body> 6 <center> 7 <font size=6 color= gold ><b> 8 9 </b></font> 10 </center> 11 <hr> 12 <br> 13 <font size=5 color= red > </font> 16 <br> 17 <font size=4 color= lime > </font> 20 </body> 21 </html>

5 p.5 HTML <HTML> </HTML> HTML <HEAD> </HEAD> <TITLE> </TITLE> <HEAD> </HEAD> <BODY> </BODY> <BODY BGCOLOR= colour name > color name <H#> </H#> # 1 6 ( ) <FONT> </FONT> <FONT SIZE= # FACE= font name COLOR= color name > # : 1 7 font name arial, courier new, <I> </I> <B> </B> <U> </U> <marquee> </marquee> <marquee behavior= slide/alternate> <CENTER> </CENTER> <BR> <HR> <HR ALIGN=LEFT/CENTER/RIGHT SIZE= # WIDTH= # / #% > <IMG SRC= filename > filename <IMG SRC = filename WIDTH= # HEIGHT= # BORDER= 0/1 > <A HREF= filename URL filename/url > </A> <a href= > <a href= mailto:twghwflc@school.net.hk >

6 p.6 <html> <head> <title> </title> </head> <body> <font size=5 color=blue> </font> <br> <br> <table border=1 width=60%> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> <tr> </body> </html> <table>

7 p.7 <HTML> <HEAD> <TITLE>JavaScript Example 1</TITLE> </HEAD> <BODY onload="window.alert(' ')"; onunload="window.alert(' ')"> <font color="blue" size="4"> <br> </font> </BODY> </HTML> popup.htm <HTML> <HEAD> <TITLE>JavaScript Example 2</TITLE> </HEAD> <BODY> <font size="4" color="green"> </font> <script> window.open("popup.htm","pu","width=200,height=30 0") </script> </BODY> </HTML>

8 p.8 JavaScript JavaScript <script> window.open("popup.htm","pu","width=200,height=30 0") </script> JavaScript JavaScript HTML (Hyper Text Markup Language) JavaScript Netscape Communication JavaScript JavaScript HTML HTML JAVASCRIPT <script language = javascript > </script>

9 p.9 Dreamweaver Dreamweaver Macromedia Dreamweaver MX 2004 Dreamweaver 1. Site Objects Properties Window Properties Objects 3.

2005-06 p.10 4. InsertImage Select Image Source 5. 6. Modify 7. 8. 9. FilePreview in Browser ( F12) (Objects) 1.

10 p InsertImage Select Image Source Modify FilePreview in Browser ( F12) (Objects) 1. Insert Image 2.Insert Table 3.Draw Layer Dreamweaver Objects Common 5. Insert Rollover Image Insert Horizontal Ruler

11 p.11 Dreamweaver 2 (Insert Table) OK Rollover Image Insert Rollover Image

2005-06 p.12 (Frame) 1. p0.htm p1.htm 2.

12 p.12 (Frame) 1. p0.htm p1.htm 2. index.htmindex 3. Object Frames p0.htm leftframe p1.htm mainframe 4. Window Frames index.htm 5. Properties Src leftframe Src p0.htm (Src)

2005-06 p.13 (p0.htm) leftframe p0.htm mainframe p1.

13 p.13 (p0.htm) leftframe p0.htm mainframe p1.htm 6. Save All Frames 逹 p0.htm Properties Link Target

14 p.14 Target _blank _parent _self mainframe leftframe 啓

15 p.15 (URL) hk.geocities.yahoo.com p1.htm wfl ( ) index.htm index.html index.htm index.html 1. index.htm (Yahoo Geocities) wflcs3 index.htm hk.geocities.com/wflcs3

2005-06 p.16 1. 2. 3. 4. 5. http://it-school.

16 p

17 p index.htm

18 p.18

19 p.19

20 p.20

A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ / ] NotePad A-2

HTML A-1 HTML A-2 A-2 HTML A-8 A-3 A-14 A-4 A-26 A-5 A-30 A-6 A-42 A-1 HTML A-1-1 HTML 1 HTML JSP HTML HTML HTML JSP A HTML HTML HTML HTML HTML HTML HTML HTML.htm.html HTML Windows NotePad HTML IE [ /