Embed Size (px)
Citation preview
Orjix
www.RongRean.com
หลั�กสู�ตร สูรางเว็�บด้ว็ย HTML: Session ที่�� 2 ตอนที่�� 1
FTP Software
FTP Client Software เป็�นโป็รแกรมที่��ใช้ในการสู�งไฟลั"ไป็ที่��เคร$�อง server หร$อด้%งไฟลั"บนเคร$�อง server มาที่��เคร$�องเรา เช้�น โป็รแกรม Core FTP
FTP Login Information Site Name : Homework Host / IP / URL : homework.rongrean.com Username : u45404417-homework Password : rongrean Dowload FTP Software: Core FTP
www.rongrean.com Orjix
ก&าหนด้ร�ป็แบบข้อคว็ามที่��เป็�นห�ว็เร$�อง HTML Headings
ก&าหนด้ร�ป็แบบข้อคว็ามที่��เป็�นห�ว็เร$�อง <hn> มี�ทั้��งหมีด 6 ระด�บ h1,h2,h3,h4,h5,h6 H1 เป็�นระด�บสู�งสู�ด ห�วข้�อใหญ่�สู�ดในหน�าเอกสูาร สูามีารถป็ร�บ ข้นาด font และ สู� ได�โดยใช้� CSS ใช้� HTML Heading Tag เสูมีอ ในการทั้$าห�วข้�อข้องข้�อมี�ลใน
หน�าเว%บ เน&'องจาก Search Engine จะมีองหา Tag เหล�าน�� เพื่&'อใช้�ในการจ�ดสูารบ�ญ่ข้องหน�าเว%บข้องเรา ว�าจะอย��ในหมีวด
หมี��เร&'องใดหร&อ Search Word คำ$าใด
<h1>header</h1>
<h4>header</h4>
www.rongrean.com Orjix
HTML Text Formatting
การก&าหนด้ลั�กษณะต�ว็อ�กษร<b>Text</b>
<i>Text</i><sup>Text</sup><sub>Text</sub>
Tag ที่��ใช้ในการจั�ด้ร�ป็แบบต�ว็อ�กษรที่�,งหมด้ http://www.w3schools.com/html/html_formatting.asp
www.rongrean.com Orjix
<font>
ป็ร�บเป็ลั��ยนข้นาด้ต�ว็อ�กษร <font size=“…”><font size=“7”>Text</font>
<font size=“5”> Text </font><font size=“3”> Text </font>
ก&าหนด้แบบต�ว็อ�กษร <font face size=“…”><font face="Blackadder ITC">Text</font><br><font face="Algerian"> Text </font><br><font face="Castellar"> Text </font><br>
ไม�คว็รใช้ <font> ใช้ CSS แที่นเสูมอ
www.rongrean.com Orjix
การใช้สู�ในเว็�ป็เพจั สู�ในคำอมีพื่+วเตอร-เก+ดข้.�นจากการผสูมีคำ�าสู�โหมีด RGB หร&อ Red Green Blue เข้�ยนเป็�นรห�สูเลข้ฐาน 16 ได�ว�า #FFFFFF โดย 2 ต�วแรกแทั้นสู�แดง, สู�เข้�ยว และสู�น$�าเง+น
ต�อมีาตามีล$าด�บ แต�ละสู�มี�คำ�าได�ต��งแต� 0 (hex 00) 255– (hex FF) 16 ล�านสู� (256*256*256) การระบ�รห�สูสู�ทั้$าได� 2 ร�ป็แบบ
แบบรห�สูเลข้ฐาน 16 (Color HEX) #00000 แบบ RGB (Color) rgb(0,0,0)
หร&อจะระบ�สู�โดยใช้�ช้&'อ (ไมี�แนะน$า) เช้�น red, black, blue ด�ช้&'อสู�ภาษาอ�งกฤษทั้��งหมีดทั้�'Browser ทั้�'วไป็สูน�บสูน�นได�จากhttp://www.w3schools.com/html/html_colornames.asp
http://www.w3schools.com/html/html_colors.asp
www.rongrean.com Orjix
เว็�บไช้ต"ช้�ว็ยเลั$อกสู�http://kuler.adobe.com/#themes/
mostpopular?time=30
http://colorschemedesigner.com
www.rongrean.com Orjix
ก&าหนด้สู�พ$,นแลัะต�ว็อ�กษร <body bgcolor=“…” text=“…”><body bgcolor="lightgreen " >
<p>this is text</p></body>
<body bgcolor="lightgreen" text= " #0000FF " > <p>this is text</p>
</body>
www.rongrean.com Orjix
ก&าหนด้สู�เฉพาะข้อคว็ามใด้ๆ <font color=“…”><font color= " red " > this is text. </font><font color="#F0a018" > this is text. </font>
การก&าหนด้อ�กษรว็0�ง <marquee><marquee behavior= " slide " >this text is moving</marquee> <marquee behavior="slide" direction="right">this text is moving</marquee><marquee behavior= " slide " loop=100>this text is moving</marquee>
www.rongrean.com Orjix
การก&าหนด้อ�กษรว็0�ง <marquee> : attributes ต�าง ๆ ข้อง <marquee>
Behavior : ก$าหนดร�ป็แบบการว+'งข้องข้�อคำวามีScroll – ว+'งหายไป็จากข้อบ แล�ววนกล�บไป็เร+'มีใหมี�
Slide – ว+'งไป็หย�ดทั้�'ข้อบ
Alternate – ว+'งกล�บไป็กล�บมีา
www.rongrean.com Orjix
การก&าหนด้อ�กษรว็0�ง <marquee> : attributes ต�างๆ ข้อง <marquee>
Direction : ก$าหนดทั้+ศทั้างการเคำล&'อนทั้�' left, right, up, down Width : ก$าหนดคำวามีกว�างข้องกรอบ marquee ( คำ�าเป็�นหน�วยว�ด เช้�น px หร&อ %) Height : ก$าหนดคำวามีสู�งข้องกรอบ marquee ( คำ�าเป็�นหน�วยว�ด เช้�น px หร&อ %) Hspace : ก$าหนดระยะห�างข้องข้�อคำวามีทั้�'เคำล&'อนไหวก�บกรอบซ้�าย-ข้วา
Vspace : ก$าหนดระยะห�างข้องข้�อคำวามีทั้�'เคำล&'อนไหวก�บกรอบบน-ล�าง
Loop : ก$าหนดจ$านวนรอบการว+'ง Scrollamount : ก$าหนดระยะในการข้ย�บข้�อคำวามี ย+'งมีากย+'งไกล Scrolldelay : ก$าหนดเวลารอเป็�นหน�วย ย+'งมีากย+'งข้ย�บช้�า( หน�วย milliseconds)
www.rongrean.com Orjix
vspacehspace
