Recommended
More Related Content
Similar to Session2Part1.pptx
Similar to Session2Part1.pptx (20)
More from pinglada1
More from pinglada1 (20)
Session2Part1.pptx
- 1. Orjix www.RongRean.com หลักสูตร สร้างเว็บด้วย HTML: Session ที่ 2 ตอนที่ 1
- 2. 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
- 3. กาหนดรูปแบบข้อความที่เป็นหัวเรื่อง 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
- 4. 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
- 5. <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
- 6. การใช้สีในเว็ปเพจ สีในคอมพิวเตอร์เกิดขึ้นจากการผสมค่าสีโหมด 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
- 8. กาหนดสีพื้นและตัวอักษร <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
- 9. กาหนดสีเฉพาะข้อความใดๆ <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
- 10. การกาหนดอักษรวิ่ง <marquee> : attributes ต่าง ๆ ของ <marquee> Behavior : กาหนดรูปแบบการวิ่งของข้อความ Scroll – วิ่งหายไปจากขอบ แล้ววนกลับไปเริ่มใหม่ Slide – วิ่งไปหยุดที่ขอบ Alternate – วิ่งกลับไปกลับมา www.rongrean.com Orjix
- 11. การกาหนดอักษรวิ่ง <marquee> : attributes ต่างๆ ของ <marquee> Direction : กาหนดทิศทางการเคลื่อนที่ left, right, up, down Width : กาหนดความกว้างของกรอบmarquee (ค่าเป็นหน่วยวัด เช่น px หรือ %) Height : กาหนดความสูงของกรอบ marquee (ค่าเป็นหน่วยวัด เช่น px หรือ %) Hspace : กาหนดระยะห่างของข้อความที่เคลื่อนไหวกับกรอบซ้าย-ขวา Vspace : กาหนดระยะห่างของข้อความที่เคลื่อนไหวกับกรอบบน-ล่าง Loop : กาหนดจานวนรอบการวิ่ง Scrollamount : กาหนดระยะในการขยับข้อความ ยิ่งมากยิ่งไกล Scrolldelay : กาหนดเวลารอเป็นหน่วย ยิ่งมากยิ่งขยับช้า(หน่วย milliseconds) www.rongrean.com Orjix vspace hspace