SlideShare a Scribd company logo
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=&quot;Blackadder ITC&quot; >Text</font><br> <font  face=&quot;Algerian&quot; > Text </font><br> <font  face=&quot;Castellar&quot; > Text </font><br> ไม่ควรใช้  <font>   ใช้  CSS  แทนเสมอ www.rongrean.com Orjix
การใช้สีในเว็ปเพจ สีในคอมพิวเตอร์เกิดขึ้นจากการผสมค่าสีโหมด  RGB  หรือ  Red Green Blue เขียนเป็นรหัสเลขฐาน 16  ได้ว่า  # FF FF FF   โดย  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= &quot;lightgreen &quot;   > <p>this is text</p> </body> <body  bgcolor= &quot;lightgreen&quot; text= &quot; # 0000FF  &quot;  >   <p>this is text</p> </body> www.rongrean.com Orjix
กำหนดสีเฉพาะข้อความใดๆ  <font color=“…”> <font  color=  &quot;  red  &quot;  > this is text. </font> <font  color= &quot;#F0a018&quot;  > this is text. </font> การกำหนดอักษรวิ่ง  <marquee> <marquee behavior=  &quot;  slide  &quot; >this text is moving</marquee>   <marquee behavior=&quot;slide&quot; direction=&quot;right&quot;>this text is moving</marquee> <marquee behavior= &quot; slide &quot; 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 vspace hspace

More Related Content

PDF
Iskalni rezultati se bolj prikrojeni Googlovemu uporabniku_Marketing Magazin_...
PPT
Weten wat werkt in de wijk Atrivé/Mensitt 020212
PPT
Bepalingsmethode en Nationale Milieudatabase
PPT
Duurzaamheid Troef - Provinciekantoor Noord-Holland
PPT
Algemene introductie Symposium Duurzame Huisvesting: Groen vastgoed, goed ver...
PPTX
Maker Faire Singapore by TAKASU Masakazu [Oversea Maker Faire Meetup 2016 Tokyo]
PPTX
The Princeton Review, MCAT 2015 Dashboard - MITX Award Entry
PPT
Workforce composition
Iskalni rezultati se bolj prikrojeni Googlovemu uporabniku_Marketing Magazin_...
Weten wat werkt in de wijk Atrivé/Mensitt 020212
Bepalingsmethode en Nationale Milieudatabase
Duurzaamheid Troef - Provinciekantoor Noord-Holland
Algemene introductie Symposium Duurzame Huisvesting: Groen vastgoed, goed ver...
Maker Faire Singapore by TAKASU Masakazu [Oversea Maker Faire Meetup 2016 Tokyo]
The Princeton Review, MCAT 2015 Dashboard - MITX Award Entry
Workforce composition

Viewers also liked (17)

PPTX
201608 Opensource, Moodle, and Education
PDF
Oracle linux 5 installation
PDF
eBbook: Five Standards For An OFCCP Compliant Compensation Self Evaluation
PDF
Idealware social media_workbook
PPTX
Tess Of The D’Urbervilles
PPTX
Modern Governor Developments, Challenges and Outcomes
PDF
Blitz Bureau Profile
PDF
Groene ICT en Duurzaamheid
PPT
Big picture ppt compressed
PPT
Groenregeling na update ubouw nieuwbouw en renovatie
PDF
Enabling remote desktop connection on windows 7 64 bit
PPTX
Luna poletna sola geek ali genij, 14.8 public.
PPTX
Itep corpus nº2 2009
PDF
Installing solaris on virtual box and installing weblogic server
PPTX
PPTX
WKO: droom verkopen, nachtmerries leveren?
201608 Opensource, Moodle, and Education
Oracle linux 5 installation
eBbook: Five Standards For An OFCCP Compliant Compensation Self Evaluation
Idealware social media_workbook
Tess Of The D’Urbervilles
Modern Governor Developments, Challenges and Outcomes
Blitz Bureau Profile
Groene ICT en Duurzaamheid
Big picture ppt compressed
Groenregeling na update ubouw nieuwbouw en renovatie
Enabling remote desktop connection on windows 7 64 bit
Luna poletna sola geek ali genij, 14.8 public.
Itep corpus nº2 2009
Installing solaris on virtual box and installing weblogic server
WKO: droom verkopen, nachtmerries leveren?
Ad

More from maovkh (14)

PPT
Rupert Murdoch2
PPT
Buddhist Economics
PPT
Rupert Murdoch
PPT
Session2 part2
PPT
Session1 part3
PPT
Session1 part2
PPTX
Session1 part1
PPT
Session1 part1
DOC
International Finance Doc
PDF
Ch11 International Finance
DOC
Pretiontation Doc
PPT
Pretiontation Ppt
PPT
Interfinancespecial
PDF
doc me
Rupert Murdoch2
Buddhist Economics
Rupert Murdoch
Session2 part2
Session1 part3
Session1 part2
Session1 part1
Session1 part1
International Finance Doc
Ch11 International Finance
Pretiontation Doc
Pretiontation Ppt
Interfinancespecial
doc me
Ad

Session2 part1

  • 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=&quot;Blackadder ITC&quot; >Text</font><br> <font face=&quot;Algerian&quot; > Text </font><br> <font face=&quot;Castellar&quot; > Text </font><br> ไม่ควรใช้ <font> ใช้ CSS แทนเสมอ www.rongrean.com Orjix
  • 6. การใช้สีในเว็ปเพจ สีในคอมพิวเตอร์เกิดขึ้นจากการผสมค่าสีโหมด RGB หรือ Red Green Blue เขียนเป็นรหัสเลขฐาน 16 ได้ว่า # FF FF FF โดย 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= &quot;lightgreen &quot;  > <p>this is text</p> </body> <body bgcolor= &quot;lightgreen&quot; text= &quot; # 0000FF &quot; > <p>this is text</p> </body> www.rongrean.com Orjix
  • 9. กำหนดสีเฉพาะข้อความใดๆ <font color=“…”> <font color= &quot; red &quot; > this is text. </font> <font color= &quot;#F0a018&quot; > this is text. </font> การกำหนดอักษรวิ่ง <marquee> <marquee behavior= &quot; slide &quot; >this text is moving</marquee> <marquee behavior=&quot;slide&quot; direction=&quot;right&quot;>this text is moving</marquee> <marquee behavior= &quot; slide &quot; 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