text_html

การจัดรูปแบบของขอ้ ความในเอกสาร ภาษา HTMLวชิ า การโปรแกรมดว้ ยภาษา HTML 1 Kru_NARISSARA

การจัดรปู แบบของข้อความในเอกสาร• <BR> ข้ึนบรรทดั• <P> ย่อหน้าใหม่• <CENTER>…</CENTER> กลางบรรทัด• <HR> เสน้ ค่ันแนวนอน 2

การจดั รูปแบบของขอ้ ความในเอกสาร• <H1> </H1> .. <H6> </H6> 3 หัวเรือ่ ง 1(ใหญ่สุด) ถึง 6 เลก็ สุด• <B> .. </B> ตัวหนา• <I>.. </I> ตัวเอียง• <U>..</U> ขีดเสน้ ใต้

การจดั รปู แบบของขอ้ ความในเอกสาร• <STRIKE> </STRIKE> ขดี เส้นทับขอ้ ความ• <BLINK> </BLINK> ข้อความกระพรบิ• <PRE> </PRE> จดั ข้อความเหมือนในเอกสาร• <LISTING> </LISTING> แสดง Source Code 4

การสร้างเว็บเพจดว้ ยภาษา HTML• Multimedia• การแทรกรปู ภาพ และ เสียง• การใส่สสี นั ใหก้ ับเอกสาร• การแม็ปภาพ (Image Map) 5

Multimedia (1)สง่ิ หนง่ึ ที่จะทาให้ Web มจี ดุ เดน่ และได้รับความสนใจ คอื Web Page ที่มที ง้ัภาพ, เสียง จนถึงภาพเคลอื่ นไหวตา่ งๆซึ่งจะทาให้ WebPage มชี วี ิต ชีวา 6

Multimedia (2)ปญั หาทสี่ าคญั ของ Multimedia บน Web คือขนาดของไฟล์ ซง่ึ ปกตไิ ฟล์ Multidia เชน่ ไฟล์เสียง หรือ VDO จะมีขนาดใหญ่ มากซ่งึ อาจจะทาใหผ้ ใู้ ชต้ ้องเสียเวลาในการ Loadนาน 7

Multimedia (3)ปญั หา ความหลากหลายของคอมพิวเตอร์และโปรแกรมของผู้ใช้ : จะตอ้ งแน่ใจว่าไฟล์ที่เราเลอื กใช้ จะตอ้ งสามารถดู หรอื ฟังได้ให้ครอบคลุมกลุม่ ผใู้ ช้ใหม้ ากทสี่ ดุ ที่เปน็ ไปได้ 8

การสรา้ งภาพภาพน่งิ ตอ้ งเปน็ ภาพ JPG,JPEG หรอื GIFเน่อื งจากเปน็ รูปแบบไฟล์ท่มี ขี นาดเลก็ สามารถสร้างโดยใช้โปรแกรมเชน่ Photoshop, PaintShopโดยการวาด, ออกแบบ, การถา่ ยจากกลอ้ ง Digitalหรอื การใช้ Scanner 9

การแทรกรปู ภาพ (1)ตอ้ งเปน็ ภาพ JPG,JPEG หรอื GIF<IMG src=“ไฟล์ หรอื url ภาพ”>- ALT=“text” ข้อความจะแสดงเมือ่ ภาพยังปรากฏ- WIDTH=x HEIGHT=y ความกว้าง ความสงู- LOWSRC=“ไฟลภ์ าพ” ภาพความละเอยี ดตา่- BORDER=n เสน้ ขอบ 10

การแทรกรูปภาพ (2)การจัดตาแหนง่ ขอ้ ความรอบ Image 11 -ALIGN=left ใหภ้ าพอยดู่ า้ นซ้าย -ALIGN=right ให้ภาพอยดู่ ้านขวาเว้นระยะรอบ Image - HSPACE=x เวน้ แนวนอน - VSPACE=y เวน้ แนวตัง้

การแทรกรปู ภาพ (3)การจัดตาแหน่ง Image -ALIGN=“option” top, middle, absmiddle, bottom, absbottom 12

SOUND (1)การสรา้ งไฟล์เสยี ง- เสียงพดู ปกตจิ ะ Save เป็นไฟล์ .WAV,.AU- เพลงท่มี ีความยาว จะใช้ เป็น .RA (RealPlayer) หรอื .MP3- ดนตรี จะใชร้ ปู แบบ Midi ไฟล์ 13

SOUND (2)การแทรกดนตรีใน Web- สาหรับ NetScape<EMBED SRC=“sound url”>controls= form | console | smallconsole | playbutton |volumelever width=w height=h 14

SOUND (3)- สาหรับ NetScape (ตอ่ ) LOOP = n จานวน loop หรือ LOOP = True วนไปเร่อื ยๆ จนกวา่ จะ click stopใช้ได้กับไฟล์ AIFF, WAV, AU, MIDI 15

SOUND (4)- สาหรับ Internet Explorer <BGSOUND SRC=“sound url” Loop=n หรอื Loop=infinite ใช้ได้กับไฟล์ WAV,AU และ MIDI 16

การใสส่ ีสันให้กบั เอกสาร (1)• การกาหนดปกตสิ ขี องตัวอกั ษร < BODY • TEXT=#RRGGBB ข้อความปกติ • LINK=#RRGGBB • VLINK=#RRGGBB link เคยทไ่ี ปแลว้ • ALINK=#RRGGBB link ทก่ี าลังถูกกด 17

การใส่สสี นั ให้กบั เอกสาร (2) • การกาหนดสีพนื้ และ ภาพ Background • < BODY • BGCOLOR=#RRGGBB • BACKGROUND=“Image url” 18