SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Downloaden Sie, um offline zu lesen
การจัดการข้อความ
เรียบเรียงโดย ชายดาคอมพิวเตอร์
FTP Software
 FTP Client Software เป็นโปรแกรมที่ใช้ในการส่งไฟล์ไปที่เครื่อง server หรือดึงไฟล์
บนเครื่อง server มาที่เครื่องเรา เช่น โปรแกรม FileZilla
 FTP Login Information
* Site Name : Homework
* Host / IP / URL : Shydum.hol.es
* Username : u45404417
* Password : shydum
กาหนดรูปแบบข้อความที่เป็นหัวเรื่อง
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>
HTML Text Formatting
 การกาหนดลักษณะตัวอักษร
* <b> Text </b>
* <i> Text </i>
* <sup> Text </sup>
* <sub> Text </sub>
 Tag ที่ใช้ในการจัดรูปแบบตัวอักษรทั้งหมด
* http://www.w3schools.com/html/html_formatting.asp
<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>
การใช้สีในเว็ปเพจ
 สีในคอมพิวเตอร์เกิดขึ้นจากการผสมค่าสีโหมด 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
เว็บไซต์ช่วยเลือกสี
 https://color.adobe.com/create/color-wheel
 http://paletton.com/#uid=12W0u0kllllaFw0g0qFqFg0w0aF
กาหนดสีพื้นและตัวอักษร
 กาหนดสีพื้นและตัวอักษร <body bgcolor=“…” text=“…”>
<body bgcolor=" lightgreen " >
<p> this is text </p>
</body>
<body bgcolor=" lightgreen" text= " #0000FF " >
<p> this is text </p>
</body>
กาหนดสีเฉพาะข้อความใดๆ
 กาหนดสีเฉพาะข้อความใดๆ <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>
การกาหนดอักษรวิ่ง (ต่อ)
 การกาหนดอักษรวิ่ง <marquee> : attributes ต่าง ๆ ของ <marquee>
* Behavior : กาหนดรูปแบบการวิ่งของข้อความ
* Scroll – วิ่งหายไปจากขอบ แล้ววนกลับไปเริ่มใหม่
 * Slide – วิ่งไปหยุดที่ขอบ
 * Alternate – วิ่งกลับไปกลับมา
การกาหนดอักษรวิ่ง (ต่อ)
 การกาหนดอักษรวิ่ง <marquee> : attributes ต่างๆ ของ <marquee>
* Direction : กาหนดทิศทางการเคลื่อนที่ left, right, up, down
* Width : กาหนดความกว้างของกรอบ marquee (ค่าเป็นหน่วยวัด เช่น px หรือ %)
* Height : กาหนดความสูงของกรอบ marquee (ค่าเป็นหน่วยวัด เช่น px หรือ %)
* Hspace : กาหนดระยะห่างของข้อความที่เคลื่อนไหวกับกรอบซ้าย-ขวา
* Vspace : กาหนดระยะห่างของข้อความที่เคลื่อนไหวกับกรอบบน-ล่าง
* Loop : กาหนดจานวนรอบการวิ่ง
* Scrollamount : กาหนดระยะในการขยับข้อความ ยิ่งมากยิ่งไกล
* Scrolldelay : กาหนดเวลารอเป็นหน่วย ยิ่งมากยิ่งขยับช้า(หน่วย milliseconds)
hspace
vspace

Weitere ähnliche Inhalte

Was ist angesagt?

การสร้างเว็บเพจด้วยภาษา Html
การสร้างเว็บเพจด้วยภาษา Htmlการสร้างเว็บเพจด้วยภาษา Html
การสร้างเว็บเพจด้วยภาษา Html
Fair Kung Nattaput
 
สรุป2 html
สรุป2 htmlสรุป2 html
สรุป2 html
School
 
Hyper text markup language
Hyper  text  markup  languageHyper  text  markup  language
Hyper text markup language
ungpao
 
ใบความรู้ที่ 2
ใบความรู้ที่ 2ใบความรู้ที่ 2
ใบความรู้ที่ 2
POmp POmpomp
 

Was ist angesagt? (14)

Digital Content for Web
Digital Content for WebDigital Content for Web
Digital Content for Web
 
การสร้างเว็บเพจด้วยภาษา Html
การสร้างเว็บเพจด้วยภาษา Htmlการสร้างเว็บเพจด้วยภาษา Html
การสร้างเว็บเพจด้วยภาษา Html
 
KMUTNB - Internet Programming 7/7
KMUTNB - Internet Programming 7/7KMUTNB - Internet Programming 7/7
KMUTNB - Internet Programming 7/7
 
HTML5 Startup
HTML5 StartupHTML5 Startup
HTML5 Startup
 
WordPress Theme Development Short Manual
WordPress Theme Development Short ManualWordPress Theme Development Short Manual
WordPress Theme Development Short Manual
 
Html wordpress
Html wordpressHtml wordpress
Html wordpress
 
เขียนเว็บไซต์ด้วย Html 5
เขียนเว็บไซต์ด้วย Html 5เขียนเว็บไซต์ด้วย Html 5
เขียนเว็บไซต์ด้วย Html 5
 
สรุป2 html
สรุป2 htmlสรุป2 html
สรุป2 html
 
บทที่ 2 html introduction
บทที่ 2 html introductionบทที่ 2 html introduction
บทที่ 2 html introduction
 
Webpage by html
Webpage by htmlWebpage by html
Webpage by html
 
บทที่ 2 html introduction
บทที่ 2 html introductionบทที่ 2 html introduction
บทที่ 2 html introduction
 
Hyper text markup language
Hyper  text  markup  languageHyper  text  markup  language
Hyper text markup language
 
ใบความรู้ที่ 2
ใบความรู้ที่ 2ใบความรู้ที่ 2
ใบความรู้ที่ 2
 
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQLเอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
เอกสารประกอบการอบรมเชิงปฎิบัติการ การสร้างเว็บไซต์ด้วยภาษา PHP และ ภาษา SQL
 

Andere mochten auch

Introdução ao OpenShift, o PaaS open source da Red Hat
Introdução ao OpenShift, o PaaS open source da Red HatIntrodução ao OpenShift, o PaaS open source da Red Hat
Introdução ao OpenShift, o PaaS open source da Red Hat
Fabiano Franz
 
ใบงานสำรวจตนเองแบร์ M6
ใบงานสำรวจตนเองแบร์ M6ใบงานสำรวจตนเองแบร์ M6
ใบงานสำรวจตนเองแบร์ M6
4095340953
 
Alison Blackwell
Alison BlackwellAlison Blackwell
Alison Blackwell
BioDundee
 
News Jul 6-19
News Jul 6-19 News Jul 6-19
News Jul 6-19
nuthorn
 

Andere mochten auch (12)

คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(delete)คำสั่ง Sql เบื้องต้น(delete)
คำสั่ง Sql เบื้องต้น(delete)
 
Introdução ao OpenShift, o PaaS open source da Red Hat
Introdução ao OpenShift, o PaaS open source da Red HatIntrodução ao OpenShift, o PaaS open source da Red Hat
Introdução ao OpenShift, o PaaS open source da Red Hat
 
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
 
ใบงานสำรวจตนเองแบร์ M6
ใบงานสำรวจตนเองแบร์ M6ใบงานสำรวจตนเองแบร์ M6
ใบงานสำรวจตนเองแบร์ M6
 
Θα τα καταφέρω..!
Θα τα καταφέρω..!Θα τα καταφέρω..!
Θα τα καταφέρω..!
 
Alison Blackwell
Alison BlackwellAlison Blackwell
Alison Blackwell
 
News Jul 6-19
News Jul 6-19 News Jul 6-19
News Jul 6-19
 
Docker all the things
Docker all the thingsDocker all the things
Docker all the things
 
Pasos scratch
Pasos  scratchPasos  scratch
Pasos scratch
 
A definitive guide to the brexit negotiations, By Sadaf Alidad
A definitive guide to the brexit negotiations, By Sadaf AlidadA definitive guide to the brexit negotiations, By Sadaf Alidad
A definitive guide to the brexit negotiations, By Sadaf Alidad
 
Hizb 51
Hizb 51Hizb 51
Hizb 51
 
Class Slideshow
Class SlideshowClass Slideshow
Class Slideshow
 

Ähnlich wie บทที่ 5 การจัดการข้อความ

ทบทวน Html
ทบทวน Htmlทบทวน Html
ทบทวน Html
School
 
ทบทวน Html 1
ทบทวน Html 1ทบทวน Html 1
ทบทวน Html 1
School
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
Samorn Tara
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
Samorn Tara
 
รายงาน
รายงานรายงาน
รายงาน
kongdang
 
รายงาน
รายงานรายงาน
รายงาน
pim1122
 
รายงาน
รายงานรายงาน
รายงาน
pim1122
 
รายงาน เรื่อง css
รายงาน เรื่อง cssรายงาน เรื่อง css
รายงาน เรื่อง css
nongnan
 
รายงาน
รายงานรายงาน
รายงาน
noopim
 
รายงาน
รายงานรายงาน
รายงาน
kongdang
 
CSS คืออะไร?
CSS คืออะไร?CSS คืออะไร?
CSS คืออะไร?
Somsak Phusririt
 

Ähnlich wie บทที่ 5 การจัดการข้อความ (20)

Session2Part1.pptx
Session2Part1.pptxSession2Part1.pptx
Session2Part1.pptx
 
Session2Part1.ppt
Session2Part1.pptSession2Part1.ppt
Session2Part1.ppt
 
สร้าง Style ด้วย css 3
สร้าง Style ด้วย css 3สร้าง Style ด้วย css 3
สร้าง Style ด้วย css 3
 
ทบทวน Html
ทบทวน Htmlทบทวน Html
ทบทวน Html
 
ทบทวน Html 1
ทบทวน Html 1ทบทวน Html 1
ทบทวน Html 1
 
การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 05
การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 05การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 05
การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 05
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
 
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtmlใบความรู้ที่ 2.3 รู้จักภาษาhtml
ใบความรู้ที่ 2.3 รู้จักภาษาhtml
 
Css 3
Css 3Css 3
Css 3
 
ภาษาในการพัฒนาเว็บไซต์
ภาษาในการพัฒนาเว็บไซต์ภาษาในการพัฒนาเว็บไซต์
ภาษาในการพัฒนาเว็บไซต์
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน เรื่อง css
รายงาน เรื่อง cssรายงาน เรื่อง css
รายงาน เรื่อง css
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน
รายงานรายงาน
รายงาน
 
Html
HtmlHtml
Html
 
CSS คืออะไร?
CSS คืออะไร?CSS คืออะไร?
CSS คืออะไร?
 
การสร้่างเว็บด้วยภาษา html
การสร้่างเว็บด้วยภาษา htmlการสร้่างเว็บด้วยภาษา html
การสร้่างเว็บด้วยภาษา html
 
style and selector
 style and selector style and selector
style and selector
 

Mehr von Nattipong Siangyen

Mehr von Nattipong Siangyen (20)

บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
บทที่ 2 ประเภทของคอมพิวเตอร์ (ตามราคาและความเร็ว)
 
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
 
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
บทที่ 1 ความหมายและประเภทของคอมพิวเตอร์
 
คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(update)คำสั่ง Sql เบื้องต้น(update)
คำสั่ง Sql เบื้องต้น(update)
 
คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(select)คำสั่ง Sql เบื้องต้น(select)
คำสั่ง Sql เบื้องต้น(select)
 
คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)คำสั่ง Sql เบื้องต้น(insert into)
คำสั่ง Sql เบื้องต้น(insert into)
 
คำสั่ง Sql เบื้องต้น(create table)
คำสั่ง Sql เบื้องต้น(create table)คำสั่ง Sql เบื้องต้น(create table)
คำสั่ง Sql เบื้องต้น(create table)
 
คำสั่ง Sql เบื้องต้น(create db)
คำสั่ง Sql เบื้องต้น(create db)คำสั่ง Sql เบื้องต้น(create db)
คำสั่ง Sql เบื้องต้น(create db)
 
09 ชนิดข้อมูล
09 ชนิดข้อมูล09 ชนิดข้อมูล
09 ชนิดข้อมูล
 
07 e r model
07 e r model07 e r model
07 e r model
 
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
06 แบบจำลองฐานข้อมูลเชิงสัมพันธ์
 
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
05 ภาษาที่ใช้ในระบบการจัดการฐานข้อมูล
 
03 ชนิดของความสัมพันธ์
03 ชนิดของความสัมพันธ์03 ชนิดของความสัมพันธ์
03 ชนิดของความสัมพันธ์
 
02 ความรู้เบื้องต้นฐานข้อมูล
02 ความรู้เบื้องต้นฐานข้อมูล02 ความรู้เบื้องต้นฐานข้อมูล
02 ความรู้เบื้องต้นฐานข้อมูล
 
01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ01 ข้อมูลและสารสนเทศ
01 ข้อมูลและสารสนเทศ
 
01ข้อมูลและสารสนเทศ
01ข้อมูลและสารสนเทศ01ข้อมูลและสารสนเทศ
01ข้อมูลและสารสนเทศ
 
10 กรณีศึกษา
10 กรณีศึกษา10 กรณีศึกษา
10 กรณีศึกษา
 
อ้างอิง
อ้างอิงอ้างอิง
อ้างอิง
 
02 การทำโครงงานอย่างง่าย
02 การทำโครงงานอย่างง่าย02 การทำโครงงานอย่างง่าย
02 การทำโครงงานอย่างง่าย
 
01 ความหมายของโครงงาน
01 ความหมายของโครงงาน01 ความหมายของโครงงาน
01 ความหมายของโครงงาน
 

บทที่ 5 การจัดการข้อความ