SlideShare a Scribd company logo
วิชา อาชีพธุรกิจ 2 (ง31102)
โรงเรี ยนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่

ความรู้เบื้องต้นเกี่ยวกับเว็บไซต์
เว็บไซต์ (Website) คือแหล่งทีเ่ ก็บรวมรวม
ข้อมูล เอกสาร และสื่อประสมประเภทต่าง ๆ
เช่น ภาพ เสียง และข้อความ
 เว็บไซต์แต่ละหน้าเรียกว่า Webpage
 หน้าแรกของเว็บไซต์เรียกว่าหน้า
Homepage ส่วนใหญ่จะตังชื่อเป็น index
้
 เว็บไซต์ คือ เว็บเพจอย่างน้อย 2
หน้ารวมกัน
 URL (Uniform Resource Locator)
เป็นที่อยู่ที่ใช้ระบุตาแหน่งข้อมูลของเว็บไซต์

องค์ประกอบของ URL
วิชา อาชีพธุรกิจ 2 (ง31102)
โรงเรี ยนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่

การออกแบบเว็บไซต์
การจัดวาง layout
วิชา อาชีพธุรกิจ 2 (ง31102)
โรงเรี ยนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่
วิชา อาชีพธุรกิจ 2 (ง31102)
โรงเรี ยนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่

จิตวิทยาการใช้สี
สีฟ้า
สามารถลดความตื่นเต้น และช่วยทาให้มสมาธิ แต่ถ้ามีสีน้าเงินเข้มเกินไปก็จะทาให้รู้สึกซึมเศร้าได้
ี
สีเหลือง
เป็นสีแห่งความเบิกบาน เร้าอารมณ์ และเรียกร้องความสนใจ ให้ความรูสึกแจ่มใส ความสดใส ความร่าเริง
้
ความเบิกบานสดชื่น ชีวิตใหม่ ความสด ใหม่ ความสุกสว่าง การแผ่กระจาย อานาจบารมี
สีเขียว
เป็นสีในวรรณะเย็น จะสร้างความรู้สึกเย็นสบาย ใช้เป็นสีที่ช่วยผ่อนคลายความเครียดได้ ให้ความรูสึก สงบ
้
เงียบ ร่มรื่น ร่มเย็น การพักผ่อน การผ่อนคลาย ธรรมชาติ ความปลอดภัย ปกติ ความสุข ความสุขุม เยือกเย็น
สีม่วง
เป็นสีทปลอบโยน และช่วยลดความเครียด แต่เดิมสีม่วงได้มาจากสัตว์มีกระดอง,เปลือก ในทะเลเมดิเตอร์
ี่
เรเนียน มีชื่อว่า Purpura จึงได้ชื่อภาษาอังกฤษว่า Purple
สีแดง
เป็นสีทสร้างความตื่นเต้น และกระตุ้นสมอง สีแดงปานกลางแสดงถึงความมีสุขภาพดี ความมีชีวิต ความรัก
ี่
ความสาคัญ ความอุดมสมบูรณ์ ความมั่งคั่ง
สีน้าตาล
ให้ความรูสึกอบอุ่น ได้พักผ่อน แต่ควรใช้ร่วมกับสีส้ม เหลือง หรือสีทอง เพราะถ้าใช้สีน้าตาลเพียงสีเดียว อาจ
้
ทาให้เกิดความรู้สกหดหู่ได้
ึ
สีเทา
สีนี้มีข้อดีคือทาให้เย็น แต่สร้างความสร้างความรูสึกหม่นหมองได้ ควรใช้ร่วมกับสีที่มีชีวิต โทนสว่างอย่าง
้
น้อยหนึ่งสี
สีขาว
ให้ความรูสึก บริสทธิ์ สะอาด สดใส เบาบาง อ่อนโยน เปิดเผย การเกิด ความรัก ความหวัง ความจริง ความ
้
ุ
เมตตา ความศรัทธา ความดีงาม
วิชา อาชีพธุรกิจ 2 (ง31102)
โรงเรี ยนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่

25 Mistake of website developing
 แสดงผลได้ช้ามาก ๆ (Overload)
 ไม่มีเนวิเกชัน
 การใช้สีสันที่แสบตา
 การสะกดคาผิด
 เนื้อหาในเว็บเพจ
 ขนาดของตัวอักษร และชนิดของตัวอักษร font
 การเว้นวรรค , การเว้นบรรทัด และการจัดช่องไฟของตัวอักษร
 การใส่เพลงประกอบเว็บไซต์ โดยที่ผู้ใช้งานไม่สามารถปิดมันได้
 การทาเว็บไซต์โดยไม่ได้วางองค์ประกอบของหน้ามาก่อน
 การทาหน้าเว็บเพจที่ยาวเกินไป
 ขณะนี้อยู่ระหว่างการปรับปรุง
 เนื้อหาในเว็บเพจ
 เนวิเกชันที่ไม่สื่อความหมาย
 ทาเว็บไซต์อย่างลวกๆ
 ไม่เคยอัพเดทเว็บไซต์เลย
 จานวนคลิกเพื่อเข้าถึงข้อมูลมากเกินไป
 สร้างความมั่นใจในส่วนของความปลอดภัยแก่ผู้ใช้
 ไม่มีที่อยู่ หรือที่ติดต่อกลับ
 โฆษณาที่มีมากจนเกินไป
 รูปภาพ
 เว็บไซต์นี้แสดงผลได้ดีที่สุดในขนาด 1024 x 768
 ไม่ใส่ราคา
 การใช้ Free web hosting
 การใช้ Free E-mail addresses

More Related Content

Viewers also liked

Fb0f72f73ea99491b5d86d39ddf69493
Fb0f72f73ea99491b5d86d39ddf69493Fb0f72f73ea99491b5d86d39ddf69493
Fb0f72f73ea99491b5d86d39ddf69493
Sittichat Lanugool
 
What is strategy
What is strategyWhat is strategy
What is strategy
hiwa042
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
Clinic Gen Next
 
Семинар "Жемчужина Любви"
Семинар "Жемчужина Любви"Семинар "Жемчужина Любви"
Семинар "Жемчужина Любви"
Жанна Юла
 
engranajes helicoidales
engranajes helicoidales engranajes helicoidales
engranajes helicoidales
nilioj
 
Школа Таро. Модуль 1. Медитация
Школа Таро. Модуль 1. МедитацияШкола Таро. Модуль 1. Медитация
Школа Таро. Модуль 1. Медитация
Жанна Юла
 
Paul Brown Long Version
Paul Brown Long VersionPaul Brown Long Version
Paul Brown Long Version
paul brown
 
Final report digital presentation
Final report   digital presentationFinal report   digital presentation
Final report digital presentation
Jc Acuna
 
software
softwaresoftware
software
Derick Mansilla
 

Viewers also liked (9)

Fb0f72f73ea99491b5d86d39ddf69493
Fb0f72f73ea99491b5d86d39ddf69493Fb0f72f73ea99491b5d86d39ddf69493
Fb0f72f73ea99491b5d86d39ddf69493
 
What is strategy
What is strategyWhat is strategy
What is strategy
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
Семинар "Жемчужина Любви"
Семинар "Жемчужина Любви"Семинар "Жемчужина Любви"
Семинар "Жемчужина Любви"
 
engranajes helicoidales
engranajes helicoidales engranajes helicoidales
engranajes helicoidales
 
Школа Таро. Модуль 1. Медитация
Школа Таро. Модуль 1. МедитацияШкола Таро. Модуль 1. Медитация
Школа Таро. Модуль 1. Медитация
 
Paul Brown Long Version
Paul Brown Long VersionPaul Brown Long Version
Paul Brown Long Version
 
Final report digital presentation
Final report   digital presentationFinal report   digital presentation
Final report digital presentation
 
software
softwaresoftware
software
 

More from IrinApat

Unit2 เรื่องการเขียนโปรแกรมด้วยภาษาจาวา
Unit2 เรื่องการเขียนโปรแกรมด้วยภาษาจาวาUnit2 เรื่องการเขียนโปรแกรมด้วยภาษาจาวา
Unit2 เรื่องการเขียนโปรแกรมด้วยภาษาจาวา
IrinApat
 
Unit 2 Java Programming
Unit 2 Java ProgrammingUnit 2 Java Programming
Unit 2 Java Programming
IrinApat
 
Unit1 psudocode
Unit1 psudocodeUnit1 psudocode
Unit1 psudocode
IrinApat
 
Unit1 decveloping concept
Unit1 decveloping conceptUnit1 decveloping concept
Unit1 decveloping concept
IrinApat
 
U1 computer language
U1 computer languageU1 computer language
U1 computer languageIrinApat
 
Programming overview M.5
Programming overview M.5Programming overview M.5
Programming overview M.5
IrinApat
 

More from IrinApat (6)

Unit2 เรื่องการเขียนโปรแกรมด้วยภาษาจาวา
Unit2 เรื่องการเขียนโปรแกรมด้วยภาษาจาวาUnit2 เรื่องการเขียนโปรแกรมด้วยภาษาจาวา
Unit2 เรื่องการเขียนโปรแกรมด้วยภาษาจาวา
 
Unit 2 Java Programming
Unit 2 Java ProgrammingUnit 2 Java Programming
Unit 2 Java Programming
 
Unit1 psudocode
Unit1 psudocodeUnit1 psudocode
Unit1 psudocode
 
Unit1 decveloping concept
Unit1 decveloping conceptUnit1 decveloping concept
Unit1 decveloping concept
 
U1 computer language
U1 computer languageU1 computer language
U1 computer language
 
Programming overview M.5
Programming overview M.5Programming overview M.5
Programming overview M.5
 

Unit1 design

  • 1. วิชา อาชีพธุรกิจ 2 (ง31102) โรงเรี ยนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่ ความรู้เบื้องต้นเกี่ยวกับเว็บไซต์ เว็บไซต์ (Website) คือแหล่งทีเ่ ก็บรวมรวม ข้อมูล เอกสาร และสื่อประสมประเภทต่าง ๆ เช่น ภาพ เสียง และข้อความ  เว็บไซต์แต่ละหน้าเรียกว่า Webpage  หน้าแรกของเว็บไซต์เรียกว่าหน้า Homepage ส่วนใหญ่จะตังชื่อเป็น index ้  เว็บไซต์ คือ เว็บเพจอย่างน้อย 2 หน้ารวมกัน  URL (Uniform Resource Locator) เป็นที่อยู่ที่ใช้ระบุตาแหน่งข้อมูลของเว็บไซต์ องค์ประกอบของ URL
  • 2. วิชา อาชีพธุรกิจ 2 (ง31102) โรงเรี ยนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่ การออกแบบเว็บไซต์ การจัดวาง layout
  • 3. วิชา อาชีพธุรกิจ 2 (ง31102) โรงเรี ยนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่
  • 4. วิชา อาชีพธุรกิจ 2 (ง31102) โรงเรี ยนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่ จิตวิทยาการใช้สี สีฟ้า สามารถลดความตื่นเต้น และช่วยทาให้มสมาธิ แต่ถ้ามีสีน้าเงินเข้มเกินไปก็จะทาให้รู้สึกซึมเศร้าได้ ี สีเหลือง เป็นสีแห่งความเบิกบาน เร้าอารมณ์ และเรียกร้องความสนใจ ให้ความรูสึกแจ่มใส ความสดใส ความร่าเริง ้ ความเบิกบานสดชื่น ชีวิตใหม่ ความสด ใหม่ ความสุกสว่าง การแผ่กระจาย อานาจบารมี สีเขียว เป็นสีในวรรณะเย็น จะสร้างความรู้สึกเย็นสบาย ใช้เป็นสีที่ช่วยผ่อนคลายความเครียดได้ ให้ความรูสึก สงบ ้ เงียบ ร่มรื่น ร่มเย็น การพักผ่อน การผ่อนคลาย ธรรมชาติ ความปลอดภัย ปกติ ความสุข ความสุขุม เยือกเย็น สีม่วง เป็นสีทปลอบโยน และช่วยลดความเครียด แต่เดิมสีม่วงได้มาจากสัตว์มีกระดอง,เปลือก ในทะเลเมดิเตอร์ ี่ เรเนียน มีชื่อว่า Purpura จึงได้ชื่อภาษาอังกฤษว่า Purple สีแดง เป็นสีทสร้างความตื่นเต้น และกระตุ้นสมอง สีแดงปานกลางแสดงถึงความมีสุขภาพดี ความมีชีวิต ความรัก ี่ ความสาคัญ ความอุดมสมบูรณ์ ความมั่งคั่ง สีน้าตาล ให้ความรูสึกอบอุ่น ได้พักผ่อน แต่ควรใช้ร่วมกับสีส้ม เหลือง หรือสีทอง เพราะถ้าใช้สีน้าตาลเพียงสีเดียว อาจ ้ ทาให้เกิดความรู้สกหดหู่ได้ ึ สีเทา สีนี้มีข้อดีคือทาให้เย็น แต่สร้างความสร้างความรูสึกหม่นหมองได้ ควรใช้ร่วมกับสีที่มีชีวิต โทนสว่างอย่าง ้ น้อยหนึ่งสี สีขาว ให้ความรูสึก บริสทธิ์ สะอาด สดใส เบาบาง อ่อนโยน เปิดเผย การเกิด ความรัก ความหวัง ความจริง ความ ้ ุ เมตตา ความศรัทธา ความดีงาม
  • 5. วิชา อาชีพธุรกิจ 2 (ง31102) โรงเรี ยนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่ 25 Mistake of website developing  แสดงผลได้ช้ามาก ๆ (Overload)  ไม่มีเนวิเกชัน  การใช้สีสันที่แสบตา  การสะกดคาผิด  เนื้อหาในเว็บเพจ  ขนาดของตัวอักษร และชนิดของตัวอักษร font  การเว้นวรรค , การเว้นบรรทัด และการจัดช่องไฟของตัวอักษร  การใส่เพลงประกอบเว็บไซต์ โดยที่ผู้ใช้งานไม่สามารถปิดมันได้  การทาเว็บไซต์โดยไม่ได้วางองค์ประกอบของหน้ามาก่อน  การทาหน้าเว็บเพจที่ยาวเกินไป  ขณะนี้อยู่ระหว่างการปรับปรุง  เนื้อหาในเว็บเพจ  เนวิเกชันที่ไม่สื่อความหมาย  ทาเว็บไซต์อย่างลวกๆ  ไม่เคยอัพเดทเว็บไซต์เลย  จานวนคลิกเพื่อเข้าถึงข้อมูลมากเกินไป  สร้างความมั่นใจในส่วนของความปลอดภัยแก่ผู้ใช้  ไม่มีที่อยู่ หรือที่ติดต่อกลับ  โฆษณาที่มีมากจนเกินไป  รูปภาพ  เว็บไซต์นี้แสดงผลได้ดีที่สุดในขนาด 1024 x 768  ไม่ใส่ราคา  การใช้ Free web hosting  การใช้ Free E-mail addresses