-»(◕〝◕)*.♡ Welcome To My blog 5250110184 >> alfa<< (◕‿◕✿)

Lecture

  >> ออกแบบลักษณะหน้าตาเว็บเพจ

         สร้างแบบจำลองรายละเอียดข้อมูลในหน้าเว็บ

         ในขั้นนี้จะเป็นการสร้างแบบจำลองข้อมูลด้วยตัวหนังสือยังไม่มีลักษณะของกราฟิก

         และสิ่งที่จะสร้างขึ้นก็เป็นแบบจำลองของหน้าเว็บหลักๆ เท่านั้น

         ซึ่งเมื่อนำไปรวมกับการออกแบบลักษณะหน้าตาของเว็บจะได้เป็นเทมเพลตเพื่อไปใช้
       
         กับหน้าย่อยอื่นต่อไป


.....................................................................................................................................


>> จัดแบ่งพื้นที่ในหน้าเว็บ


        เริ่มต้นจากการพิจารณารายการโครงสร้างของไซต์ ร่วมกับข้อสรุปขอบเขตเนื้อหาแล้วจำแนกรูปแบบ
       
        ของหน้าเว็บที่จำเป็นต้องมี จากนั้นสรุปให้เหลือเพียง 2- 3 แบบ ขั้นตอนนี้ต้องจัดแบ่ง พื้นที่ในหน้า

        เว็บ โลโก้หรือลัญลักษณ์ของหน่วยงานควรมีปรากฏอยู่ในทุกหน้า แสดงให้รู้ว่ากำลังอยู่ในเว็บ

        เดียวกัน ตำแหน่งที่ดีที่สุดในการวางโลโก้ไว้คือ มุมซ้ายบนสุดระบบเนวิเกชันหลักจำเป็นต้องมีอยู่ใน

        ทุกๆ หน้า ณ ตำแหน่งเดียวกันตลอดทั้งเว็บ


.....................................................................................................................................



>> ออกแบบโครงร่างของหน้าตาเว็บ

        ขั้นตอนนี้ต้องอาศัยผู้เชี่ยวชาญการออกแบบกราฟิกเข้ามาช่วย เริ่มจากการร่างภาพคร่าวๆใน

       กระดาษอาจเริ่มจากโปรแกรม Photoshop สร้างเป็นรูปของโครงร่างของหน้าเว็บขึ้นทันทีหลังจาก

       จบขั้นตอนนี้จะได้ตัวอย่างลักษณะของเว็บ ซึ่งอาจดีไซน์ออกมาได้หลายรูปแบบ


.....................................................................................................................................



>> พัฒนาเว็บต้นแบบและโครงสร้างเว็บขั้นสุดท้าย

         สร้างและทดสอบเว็บต้นฉบับ

                   หลังจากเลือกรูปแบบเว็บที่ต้องการได้แล้วนำไปสร้างเป็นเว็บต้นแบบซึ่งจะประกอบด้วยตัว

                   อักษรลิงค์ และองค์ประกอบหลักๆ เท่าที่จำเป็นเพื่อนำไปทดสอบการใช้งานกับตัวอย่าง

                    กลุ่มผู้ใช้หลายๆคน


.....................................................................................................................................


>> ระบุข้อกำหนดในการพัฒนาเว็บไซท์

             ข้อกำหนด(Specs) คือเอกสารที่กำหนดลักษณะการออกแบบ หรือสิ่งที่ต้องการทางเทคนิค                                   

                 ที่ได้จากขั้นตอนต่างๆ ที่ผ่านมาซึ่งจะประกอบด้วยรูปแบบโครงสร้างเว็บ 

                 การจัดระบบข้อมูล เทคโนโลยีที่จะนำมาใช้ ระบบการตั้งชื่อไฟล์ให้สื่อความหมาย
  
                รวมถึงรายละเอียดต่างๆที่จะนำไปใช้เป็นแนวทางในการพัฒนาเว็บ

.....................................................................................................................................


>>  ลงมือพัฒนาเว็บ

              1 เรียบเรียงและตรวจสอบข้อมูล

                      เริ่มจากการจัดเตรียมข้อมูลให้พร้อม โดยนำข้อมูลที่มีอยู่มาเรียบเรียงให้มีรูปแบบ
                      
                      ที่เหมาะสมจัดรูปแบบเนื้อหาให้อ่านง่ายและชัดเจน ตรวจสอบคำผิดและข้อผิดพลาดอื่นๆ    

                       เพื่อไม่ให้ผู้อ่านรู้สึกสับสนและเสียความเชื่อถือได้
         
              2 ตกแต่งหน้าเว็บให้สมบูรณ์
                        
                        นำต้นแบบเว็บที่ได้ออกแบบไว้มาตกแต่งปรับปรุงให้สมบูรณ์ในขั้นตอนนี้ 
                             
                        โดยเว็บที่ได้จะประกอบด้วยข้อความ รูปภาพ กราฟิก เนวิเกชันและองค์ประกอบที่จำเป็น

              3สร้างเทมเพลตสำหรับหน้าเว็บ
                        
                          เมื่อทุกอย่างลงตัวแล้วเราควรจะสร้างโครงร่างมาตรฐานหรือเรียกว่าเทมเพลต  

                          ซึ่งคือไฟล์ HTMLที่ประกอบด้วยโครงสร้างหลักขององค์ประกอบต่างๆ                               

                          ที่จะมีอยู่ในทุกหน้าของเว็บ เมื่อเอาเนื้อหาที่มีอยู่มาใส่ในเทมเพลตก็จะได้เป็นหน้าเว็บ

                           ที่สมบูรณ์


                        



.....................................................................................................................................



















ไม่มีความคิดเห็น:

แสดงความคิดเห็น

|| News ||

♫~* Music*♫~ (◡‿◡✿)

QR-Code My blog :")

qrcode