2005-06 p.1 HTML HyperText Mark-up Language 1. HTML Logo, Pascal, C++, Java HTML 2. HTML (tag) 3. HTML 4. HTML 1. HTML 2. 3. 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. <> 2. 3. <u> </u> 4. 5.
2005-06 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> 11 12 </HTML> 1. HTML 1. 2. 3. 4. 5. 6. 7. 8. p1.htm 9.
2005-06 p.3 HTML 1. IE ( ) 2. 3. 4. 5. p1 ( ) 6. p1 IE 1. 2. 3. p1 HTML 4. </body> <h2><u> </u></h2> 5. 6. IE 7. <h4><h3><h2> <b> <i> <u> 4 <title>
2005-06 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 > 14 15 </font> 16 <br> 17 <font size=4 color= lime > 18 19 </font> 20 </body> 21 </html>
2005-06 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= http://twghwflc.school.net.hk > <a href= mailto:twghwflc@school.net.hk >
2005-06 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>
2005-06 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>
2005-06 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>
2005-06 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. Insert Image 2.Insert Table 3.Draw Layer Dreamweaver Objects Common 5. Insert Rollover Image 4 1 4. Insert Horizontal Ruler
2005-06 p.11 Dreamweaver 2 (Insert Table) OK Rollover Image Insert Rollover Image
2005-06 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.htm 6. Save All Frames 逹 p0.htm Properties Link Target
2005-06 p.14 Target _blank _parent _self mainframe leftframe 啓
2005-06 p.15 (URL) www.hkedcity.net hk.geocities.yahoo.com p1.htm wfl-01234 www.hkedcity.net/ihouse/wfl-01234/p1.htm ( ) index.htm index.html www.hkedcity.net/ihouse/wfl-01234/ index.htm index.html 1. index.htm 2. 8 3. 4. 5. (Yahoo Geocities) wflcs3 index.htm hk.geocities.com/wflcs3
2005-06 p.16 1. 2. 3. 4. 5. http://it-school.twghwflc.edu.hk/it-school/homepage/s200x###/
2005-06 p.17 2006 5 12 5 13 5 31 index.htm http://www.hkedcity.net/ihouse/wfl-cl/s3project/ http://www.hkedcity.net/ihouse/wfl-hiking/
2005-06 p.18
2005-06 p.19
2005-06 p.20