jibiko
ดู Blog ทั้งหมด

Web Page

เขียนโดย jibiko

เว็บเพจ คือ หน้าไฟล์เว็บไซต์หน้าต่างๆ จะมีเนื้อหา ภาพ เสียง และองค์ประกอบอื่นๆ ที่สามารถสร้างขึ้นมาได้ เปรียบเสมือนหนังสือเล่มหนึ่ง ที่สามารถเปิดอ่านได้หลายๆ หน้า เว็บเพจแต่ละหน้าจะถูกระบุเชื่อมโยงด้วยที่อยู่ของเว็บเพจที่เรียกว่า Url (Uniform Resource Locator) และในเว็บเพจยังมีจุดเชื่อมโยง (Links) หรือ ไฮเปอร์ลิงค์ (Hyperlink) ที่เป็นข้อความ หรือภาพที่ให้คลิกเม้าส์เพื่อเชื่อมโยงไปยังที่อยู่ของเว็บเพจอื่นๆ โดยการระบุด้วย Url นั่นเอง ตัวอย่าง Url ของเว็บไซต์ เช่น http://faodoo.com/index.html ซึ่งถ้าเราเข้าเว็บไซต์ด้วยชื่อนี้ ก็จะปรากฏหน้าแรก หรือหน้า โฮมเพจ นั่นเอง หรือถ้าเข้าเว็บไซต์ด้วย http://faodoo.com/hosting.htm ก็จะปรากฏหน้า เว็บเพจ อีกหน้า เป็นต้น

                                      



จาก http://www.faodoo.com/modules.php?name=Web_Board&file=view&No=19

การทำงานของ Web Page คือ 

อินเทอร์เน็ต (Internet )เป็นระบบเครือขายคอมพิวเตอร์ขนาดใหญที่ครอบคลุมไปทั่วโลก เป็นการนำเครือข่ายระดับแวนหลาย ๆ เครือข่ายมารวมเข้าด้วยกัน เพื่ออำนวยความสะดวกในการให้บริการข้อมูลข่าวสาร Internet เป็นคำย่อของ Inter connection network หมายถึงเครือข่ายคอมพิวเตอร์ที่ใหญ่ที่สุดในโลก การทำงานของอินเทอร์เน็ตจะอยู่ภายใต้กฎมาตรฐานหรือโปรโตคอลเดียวกันทั่วโลก 3 มาตรฐาน คือ อินเทอร์เน็ตโปรโตคอล (Internet Protocol :IP) ซิมเปิลเมล์ทรานซ์เฟอร์โปรโตคอล (Simple Mail Transfer Protocol:SMTP) และ โดเมนเนมซีสเต็ม (Doman Name System:DNS) ทำให้เครื่องคอมพิวเตอร์ และอุปกรณ์ที่ใช้เชื่อมต่อเข้าระบบทุกระบบสามารถติดต่อรับ-ส่งข้อมูลกันได้

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

    


ที่มา : www. school.obec.go.th
  
โปรแกรมที่ใช้สร้าง Webpage

 

โปรแกรมที่ช่วยให้เราสามารถสร้างเว็บขึ้นมาโดยไม่จำเป็นต้องเขียนโค้ดภาษา HTML เลยก็ได้ ซึ่งการสร้างเว็บเพจก็สามารถเลือกใช้เครื่องมือ (Tools) ต่างๆ ได้มากมาย โปรแกรมที่ใช้ในการสร้างเว็บ มีประสิทธิภาพและมีข้อดีข้อเสียที่แตกต่างกัน แล้วแต่จะนำไปใช้ ตัวอย่าง เครื่องมือที่ใช้สร้างเว็บเพจ เช่น โปรกรม Dreamweaver, NetObject, HomeSite , ColdFusion, FrontPage, Visual InterDev หรืออาจสร้างได้โดยใช้ภาษาสำหรับสร้างเว็บเพจ (Web Program's Language) โดยเฉพาะ เช่น Active Server Page (ASP) ,PHP, Java Server Pages (JSP), JavaScript, VBScript, Visual C++.Net ,Visual C# .Net

ทุกโปรแกรมที่ได้กล่าวถึงข้างต้นต่างก็มีพื้นฐานมาจากการใช้ภาษา HTML (HyperText Markup Language) เกือบทั้งหมด โดยเป็นภาษาที่มีลักษณะของโค้ด คือเป็นไฟล์เก็บข้อมูลที่เป็นตัวอักษรในมาตรฐานของรหัสแอสกี (ASCII Coed) ซึ่งสามารถที่จะอ่านเข้าใจได้ และเป็นเอกสารที่มีความสามารถสูงกว่าเอกสารธรรมดาทั่วไป ทั้งนี้เพราะเป็นเอกสารแบบไฮเปอร์เท็กซ์ และจัดอยู่ในตระกูลของภาษาที่ใช้สำหรับกำหนดรูปแบบของเอกสาร (Markup Language)

กราฟิกสำหรับเว็บก็เป็นอีกองค์ประกอบหนึ่งที่สำคัญที่จะช่วยสื่อความหมายของเว็บให้ผู้ใช้ได้เข้าใจได้ง่ายยิ่งขึ้น รูปแบบกราฟิกสำหรับเว็บมีประเภทไฟล์อยู่ 2 ประเภทที่นิยม คือ GIF (Graphic Interchange Format) และ JPEG (Photographic Experts Group) ทั้งสองไฟล์นี้เป็นไฟล์ที่นักออกแบบเว็บส่วนใหญ่นำมาใช้บนหน้าเว็บเพราะเป็นไฟล์ที่มีขนาดเล็ก เมื่อนำมาจัดแสดงบนหน้าเว็บใช้เวลาในการดาว์นโหลดหน้าเว็บไม่นาน   

โปรแกรม Micromedia Dreamweaver MX
โปรแกรม Dreamweaver MX เป็นเวอร์ชันล่า โดยเป็นโปรแกรมประเภท Visual Webpage Layout Tool ที่ประกอบด้วยเครื่องมือต่างๆ ที่ใช้สำหรับสร้างเว็บเพื่อนำเสนอบนอินเทอร์เน็ต มีความสามารถในด้านต่างๆ คือ สามารถสนับสนุนรูปแบบของ Dynamic HTML จัดรูปแบบหน้าเว็บด้วย CSS (Cascading Style Sheets) Dynamic HTML Animation JavaScript Behaviors การออกแบบตาราง เฟรม และการจัดการของเว็บทั้งหมดนี้เป็นเพียงบางส่วนเท่านั้น ซึ่งยังมีคุณสมบัติที่นอกเหนือจากนี้อีก ที่จะให้คุณสามารถจัดการกับเว็บได้อย่างมืออาชีพ


โปรแกรม Microsoft FrontPage 2002
จุดเด่นของโปรแกรม FrontPage ในเรื่องของการบริหารเว็บไซต์ได้อย่างดีเยี่ยมเพราะเหมาะสำหรับเว็บที่มีเนื้อหาอยู่ในรูปของโปรแกรม Microsoft Office เป็นส่วนใหญ่ โดยมีการใช้งานที่ง่ายกว่า Micromedia Dreamweaver MX เพราะไม่มีขั้นตอนยุ่งยาก โดยสามารถเปลี่ยนแปลงไฟล์เอกสารที่อยู่ในชุด Office ไม่ว่าจะเป็น Word Excel Access และ PowerPoint ให้เป็นไฟล์ HTML ได้อย่างง่าย เพราะปัจจุบันไมโครซอฟต์ได้พัฒนาชุด Office สนับสนุนการใช้บนเว็บมากยิ่งขึ้น บางเว็บไซต์ยังใช้โปรแกรมตัวนี้อยู่เพราะเหมาะสำหรับผู้เริ่มต้น


โปรแกรม Macromedia Flash MX
เมื่อคุณต้องการสร้างงานในรูปแบบมัลติมีเดียบนหน้าเว็บของคุณโปรแกรม Macromedia Flash MX เป็นโปรแกรมที่คุณไม่ควรมองข้าม นอกจากจะทำให้เว็บมีรูปแบบที่สวยงามแล้ว ยังสามารถสร้างภาพเคลื่อนไหว สร้างการโต้ตอบ หรือใส่ลูกเล่นต่างๆ ได้ เพื่อให้เว็บมีความน่าสนใจมากยิ่งขึ้น จะเห็นได้ว่าในปัจจุบันโปรแกรมตัวนี้ได้รับความนิยมสำหรับการออกแบบเป็นอยางดี ส่วนใหญ่เป็นเว็บเกี่ยวกับบันเทิง เกมส์ การ์ตูน ที่นำมาใช้ออกแบบบนหน้าเว็บ นอกจากนี้แล้วความสามารถของโปรแกรมตัวนี้ยังสามารถเพิ่มเติมรองรับกับโค้ดภาษา HTML และ Java Script อีกด้วย


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


โปรแกรม Adobe PhotoShop
เป็นโปรแกรมที่ใช้ในการตกแต่งภาพให้เหมาะกับเว็บเพจ ปรับแต่งรูปภาพ ความคมชัดลึกของภาพ การปรับภาพให้คมชัดหรือพร่ามัว การปรับแต่งสีภายในภาพ การใช้ประโยชน์จากเลเยอร์ การสร้างภาพพื้นผิวแบบต่างๆ รวมไปถึงการใช้ฟิลเตอร์เพื่อปรับแต่งภาพหรือปรับขนาดภาพได้ตามความต้องการเพื่อดูสวยงามและเหมาะสมกับหน้าเว็บเพจ ปกติในหนึ่งหน้าจอขนาดจะเป็น 800 X 600 พิกเซล ที่เป็นที่นิยมแต่แนวโน้มในอนาคตการปรับขนาดของจอมอนิเตอร์ความละเอียดจะสูง โดยจะต้องใช้ขนาด 1024 X 768 พิกเซล

 

ที่มา http://www.mew6.com/web/webdesign4.php

ขั้นตอนการออกแบบเว็บไซต์

 
web process
ขั้นแรก ปรึกษากับเรา
การปรึกษากับเราเพื่อช่วยให้คุณได้ไอเดียดีๆ และทำความเข้าใจในการทำธุรกิจออนไลน์สำหรับผู้ที่ไม่เคยมีประสบการณ์ด้านนี้มาก่อน เช่น เราสามารถให้คำแนะนำคุณในเรื่องดีไซน์และฟังค์ชั่นต่างๆ ที่จะใส่ไว้ในเว็บไซต์ของคุณ ในทางกลับกัน การได้คุยกับคุณเพื่อได้รับรู้ถึงความต้องการและจุดประสงค์ในการทำเว็บไซต์ แล้วนำมาสร้างเว็บไซต์ให้ตรงใจคุณมากที่สุด
ขั้นที่ 2 กำหนดโครงสร้างเว็บไซต์
กำหนดโครงสร้างของเว็บไซต์ เช่น เมนู, จำนวนหน้าและองค์ประกอบอื่นๆ ขั้นตอนนี้ก็เหมือนกับการร่างโครงสร้างพร้อมระบุว่าเว็บไซต์จะมีส่วนประกอบ อะไรบ้าง เช่น มีหน้า Homepage, About Us, Products, Contact และอื่นๆ
ขั้นที่ 3 ออกแบบ Layout
หลังจากที่เราได้โครงสร้างของเว็บไซต์แล้ว เราจึงวิเคราะห์และออกแบบ layout เช่น การจัดวางรูปแบบเนื้อหาสาระแต่ละหน้า เพื่อดึงดูดความสนใจและแสดงภาพลักษณ์ขององค์กร การวางเมนู ฯลฯ
ขั้นที่ 4 ออกแบบ Graphic
ใส่รายละเอียดด้าน graphic ลงไป เช่น โทนสี, รูปภาพ, โลโก้, พื้นหลัง เป็นต้น จากนั้นเราจะส่ง layout ไปให้คุณเลือก 2 แบบ และเราจะทำการแก้ไขดีไซน์จนกว่าคุณจะพอใจ
ขั้นที่ 5 สร้างเว็บไซต์เต็มรูปแบบ
เมื่อแก้ไข graphic เป็นที่เรียบร้อยแล้ว เราจะทำการสร้างเว็บไซต์โดยการใช้ HTML และ CSS และใส่ฟังก์ชั่นต่างๆ ตามที่ได้ตกลงกันไว้ในสัญญาว่าจ้าง รวมถึงทำ SEO ขั้นพื้นฐาน
ขั้นตอนสุดท้าย
งานทุกอย่างเสร็จสมบูรณ์ เราจะทำการส่งมอบงานและติดตั้งใน server เพื่อให้เว็บไซต์คุณออนไลน์เต็มรูปแบบ
 

มาจาก http://namtarnn.blogspot.com/2012/11/blog-post_6916.html

ความคิดเห็น

ยังไม่มีความคิดเห็น