SlideShare a Scribd company logo
เตรียมเนื้อหาที่จะนาเสนอ

1กาหนดเป้ าหมาย ( Target ) : จะทาเว็บไซต์เกี่ยวกับเรื่องอะไรและเนื้อหาต่างๆ
       เรื่องที่จะทาในเว็บเกี่ยวกับเรื่องงานกราฟฟิก ส่วนเรื่องเนื้อหาจะมีความเป็นมาของงานกราฟฟิก
รูปภาพเกี่ยวกราฟฟิคต่างๆ

2ทาให้ใคร (Visitor) : ผู้ชมเว็บคือใคร อยู่ที่ไหน ภาษา วัฒนธรรม
        เพื่อบุคคลทั่วไป ผู้ที่สนใจข้อมูลที่นาเสนอ ภาษาที่ใช้ในเวบก็จะเป็นภาษาไทยเพื่อให้ผู้อ่านเข้าใจ
มากขึ้น

3กาหนดกรอบแนวคิด (Concept) : ระเบียบความคิดสู่เป้ าหมาย
        หาข้อมูลเกี่ยวกับเรื่องที่ทาบวกภาพประกอบที่จะใส่ลงในเว็บ
ศึกษาเว็บที่จะทาเพื่อให้เกิดความคล่องมือก่อนทา
        จัดการวาแผนในการวางหน้าเว็บว่าควรจะมีไรบ้าง
เริมลงมื       อทาหน้าเว็บ

4รวบรวมข้อมูล (Search) : รวบรวมวัตถุดิบ
          รวบรวมข้อมูลจากแหลง่เว็บต่างๆและมีข้อมูลอ้างอิง
ภาพประกอบ, เสียง และอื่น ๆ ให้เป็นหมวดหมู่
          คิดว่าน่าจะไม่มีเสียงประกอบแต่อาจจะมีภาพประกอบเป็นสไลน์ไห้ดูแต่ละภาพ อาจจะมี
วีดีโอเกี่ยวกับงานให้ดู

                                    Concept to Concept Design

         จะมีเนื้อหาเกี่ยวกับกราฟฟิก เว็บไซต์ไม่ลายตามากเพราะมันจะทาให้กวนข้อความที่โพส สีทางเว็บ
จะออกมืดๆเพื่อให้ภาพที่โพสในเว็บนั้นดูเด่นขึ้น แต่ส่วนมากในเว็บจะมีแต่ภาพนาเสนอ อาจจะมีสไลภาพ
ลงให้ดูเพื่อให้ความสะดวกขึ้น
ออกแบบเว็บไซต์
 Theme : “แนว” ไหน?
        แบล็คกราวจะออกไปทางดาๆเพื่อให้ภาพเด่นแล้วข้อมูลเด่น จะออกในสไตล์เรียบง่าย
Font : ข้อความ ชนิด ขนาด สี
        หัวข้อจะมีขนาดใหญ่ขนาดประมาณ 35 ตัวหนา
 ส่วนถ้าเป็นหัวข้อย่อยจะมีขนาดที่เล็กลงมาขนาดระมาน             20หรือ18และตัวหนา
        ส่วนเรื่องเนื้อหาจะไซต์ปกติ ขนาดประมาน 14-16 ตัวบาง ทั้งหมดนี้จะมีสีที่สว่างเช่นสี
ขาว ครีม เหลือง




                              ร่างรูปแบบเค้าโครงของเว็บไซต์




          Name                       Content                       list menu
                                                                   list menu
                                                                   list menu
          Home                                                     list menu
          about
ออกแบบหน้าตาเว็บไซต์

More Related Content

Similar to แนน แนน

วิธีสร้างเว็บไซต์
วิธีสร้างเว็บไซต์วิธีสร้างเว็บไซต์
วิธีสร้างเว็บไซต์
เม เป๋อ
 
คู่มือ Dreamwever 8
คู่มือ Dreamwever 8คู่มือ Dreamwever 8
คู่มือ Dreamwever 8
duangnapa27
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
Patchra Jitti
 
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์
Moon Sweet
 
ออกแบบ
ออกแบบออกแบบ
ออกแบบ
JiJee Pj
 
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
Samorn Tara
 
หน่วยที่ 2
หน่วยที่ 2หน่วยที่ 2
หน่วยที่ 2
pom_2555
 

Similar to แนน แนน (15)

เตยยยยยย
เตยยยยยยเตยยยยยย
เตยยยยยย
 
lec03_webdesign.pdf
lec03_webdesign.pdflec03_webdesign.pdf
lec03_webdesign.pdf
 
วิธีสร้างเว็บไซต์
วิธีสร้างเว็บไซต์วิธีสร้างเว็บไซต์
วิธีสร้างเว็บไซต์
 
เมเม
เมเมเมเม
เมเม
 
Designing of Web-Based Instruction of Education
Designing of Web-Based Instruction of EducationDesigning of Web-Based Instruction of Education
Designing of Web-Based Instruction of Education
 
เล่มเล็ก New
เล่มเล็ก Newเล่มเล็ก New
เล่มเล็ก New
 
คู่มือ Dreamwever 8
คู่มือ Dreamwever 8คู่มือ Dreamwever 8
คู่มือ Dreamwever 8
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์
 
Common
CommonCommon
Common
 
Navigation
NavigationNavigation
Navigation
 
ออกแบบ
ออกแบบออกแบบ
ออกแบบ
 
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
 
Unit2
Unit2Unit2
Unit2
 
หน่วยที่ 2
หน่วยที่ 2หน่วยที่ 2
หน่วยที่ 2
 

แนน แนน

  • 1. เตรียมเนื้อหาที่จะนาเสนอ 1กาหนดเป้ าหมาย ( Target ) : จะทาเว็บไซต์เกี่ยวกับเรื่องอะไรและเนื้อหาต่างๆ เรื่องที่จะทาในเว็บเกี่ยวกับเรื่องงานกราฟฟิก ส่วนเรื่องเนื้อหาจะมีความเป็นมาของงานกราฟฟิก รูปภาพเกี่ยวกราฟฟิคต่างๆ 2ทาให้ใคร (Visitor) : ผู้ชมเว็บคือใคร อยู่ที่ไหน ภาษา วัฒนธรรม เพื่อบุคคลทั่วไป ผู้ที่สนใจข้อมูลที่นาเสนอ ภาษาที่ใช้ในเวบก็จะเป็นภาษาไทยเพื่อให้ผู้อ่านเข้าใจ มากขึ้น 3กาหนดกรอบแนวคิด (Concept) : ระเบียบความคิดสู่เป้ าหมาย หาข้อมูลเกี่ยวกับเรื่องที่ทาบวกภาพประกอบที่จะใส่ลงในเว็บ ศึกษาเว็บที่จะทาเพื่อให้เกิดความคล่องมือก่อนทา จัดการวาแผนในการวางหน้าเว็บว่าควรจะมีไรบ้าง เริมลงมื อทาหน้าเว็บ 4รวบรวมข้อมูล (Search) : รวบรวมวัตถุดิบ รวบรวมข้อมูลจากแหลง่เว็บต่างๆและมีข้อมูลอ้างอิง ภาพประกอบ, เสียง และอื่น ๆ ให้เป็นหมวดหมู่ คิดว่าน่าจะไม่มีเสียงประกอบแต่อาจจะมีภาพประกอบเป็นสไลน์ไห้ดูแต่ละภาพ อาจจะมี วีดีโอเกี่ยวกับงานให้ดู Concept to Concept Design จะมีเนื้อหาเกี่ยวกับกราฟฟิก เว็บไซต์ไม่ลายตามากเพราะมันจะทาให้กวนข้อความที่โพส สีทางเว็บ จะออกมืดๆเพื่อให้ภาพที่โพสในเว็บนั้นดูเด่นขึ้น แต่ส่วนมากในเว็บจะมีแต่ภาพนาเสนอ อาจจะมีสไลภาพ ลงให้ดูเพื่อให้ความสะดวกขึ้น
  • 2. ออกแบบเว็บไซต์ Theme : “แนว” ไหน? แบล็คกราวจะออกไปทางดาๆเพื่อให้ภาพเด่นแล้วข้อมูลเด่น จะออกในสไตล์เรียบง่าย Font : ข้อความ ชนิด ขนาด สี หัวข้อจะมีขนาดใหญ่ขนาดประมาณ 35 ตัวหนา ส่วนถ้าเป็นหัวข้อย่อยจะมีขนาดที่เล็กลงมาขนาดระมาน 20หรือ18และตัวหนา ส่วนเรื่องเนื้อหาจะไซต์ปกติ ขนาดประมาน 14-16 ตัวบาง ทั้งหมดนี้จะมีสีที่สว่างเช่นสี ขาว ครีม เหลือง ร่างรูปแบบเค้าโครงของเว็บไซต์ Name Content list menu list menu list menu Home list menu about