Post on 16-Apr-2017
Orjix
www.RongRean.com
หลักสตูร สรา้งเวบ็ด้วย HTML: Session ท่ี 2 ตอนท่ี 1
FTP SoftwareFTP 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>
การกำาหนดอักษรวิง่ <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
การกำาหนดอักษรวิง่ <marquee> : attributes ต่าง ๆ ของ <marquee>
Behavior : กำาหนดรูปแบบการวิง่ของขอ้ความScroll – วิง่หายไปจากขอบ แล้ววนกลับไปเริม่ใหม่
Slide – วิง่ไปหยุดที่ขอบ
Alternate – วิง่กลับไปกลับมา
www.rongrean.com Orjix
การกำาหนดอักษรวิง่ <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