Templates by BIGtheme NET
หน้าแรก / joy (page 7)

joy

4.2 ภาษาโปรแกรมที่ใช้ในการสร้างเว็บไซต์

เรามาถึงขั้นตอนลงมือสร้างเว็บเพจแต่ละหน้าแล้ว แต่คาดว่าหลายๆ คนอาจจะยังขาดทักษะด้านการเขียนโปรแกรมอยู่  แต่ไม่ต้องตกใจไปค่ะ ค่อยๆ ศึกษากันไป . ภาษาโปรแกรมที่ใช้ในการพัฒนาเว็บไซต์ โดยพื้นฐาน ได้แก่ 1. HTML (ย่อมาจาก Hyper Text Markup Language) เป็นภาษาที่ใช้สำหรับสร้างเว็บเพจ มีโครงสร้างประกอบไปด้วย tag และ attribute ต่างๆ ที่ใช้ในการควบคุมการแสดงผลของข้อความ รูปภาพ หรือวัตถุอื่น ๆ     ภาษา HTML นั้นเป็นภาษาประเภท Markup ไม่จัดเป็นภาษาประเภท Programming  สามารถที่จะเรียนรู้ได้ง่าย 2. CSS (ย่อมาจาก Cascading Style Sheets) เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ ถูกกำหนดขึ้นเพื่อใช้เสริมภาษา HTML ให้สามารถจัดรูปแบบการแสดงผลให้กับเอกสาร HTML ได้สมบูรณ์แบบมากขึ้น 3. XHTML ...

อ่านต่อ »

4.1 รูปแบบของเว็บไซต์

รูปแบบของเว็บไซต์แบ่งได้เป็น 2 รูปแบบหลักๆ คือ 1. Static Website หมายถึง เว็บไซต์ที่สร้างด้วยภาษา HTML ธรรมดา และบันทึกเป็นไฟล์นามสกุล .html    เนื้อหาข้อความ รูปภาพในหน้าเว็บเพจนั้นจะเป็นไปตามที่เราเขียนกำหนดไว้ เมื่อมีผู้เรียกดูหน้าเว็บเพจนั้น  Web Server ก็จะส่งไฟล์นั้นไปให้ยังเครื่องที่ร้องขอ และแสดงผลออกทางโปรแกรมเว็บเบราเซอร์บนเครื่องของผู้ชมนั้น Static Website เหมาะกับเว็บไซต์ที่มีขนาดไม่ใหญ่ จำนวนหน้าเว็บเพจไม่มาก ไม่มีการเปลี่ยนแปลงข้อมูลบ่อยๆ  และไม่มีการติดต่อฐานข้อมูล ถ้าเราจะสร้างเว็บรูปแบบนี้ สามารถทำได้ไม่ยาก โดยต้องศึกษาเรื่องการเขียนเว็บเพจด้วย HTML ก่อน ข้อดีของเว็บรูปแบบนี้ คือ เราสามารถกำหนดรูปแบบการตกแต่ง และเนื้อหา ของแต่ละหน้าได้ตามต้องการ  แต่ก็ควรควบคุมสไตล์ของแต่ละหน้าให้เหมือนกันด้วย อย่าให้หน้าใดโดดจนคิดว่าเป็นคนละเว็บไซต์กัน ส่วนข้อเสีย ก็คือ การแก้ไขเปลี่ยนแปลงยุ่งยาก จะต้องแก้ไขกับไฟล์หน้าเว็บเพจนั้นๆ เมื่อแก้ไขแล้ว ก็ต้อง Upload ไฟล์นั้นขึ้นไป Web Server ใหม่ทุกครั้ง  และเว็บรูปแบบนี้จะไม่สามารถใช้งานฐานข้อมูลได้ ...

อ่านต่อ »

4 ลงมือสร้างเว็บไซต์และทดสอบ

หลังจากที่วางแผนงานว่าจะสร้างเว็บไซต์เกี่ยวกับอะไร มีจุดประสงค์อย่างไรในการจัดทำ จะมีหน้าเนื้อหาอะไรบ้าง และได้ออกแบบหน้าตาเว็บเพจแล้ว ก็มาถึงขั้นตอนลงมือสร้างแล้วนะคะ แต่ก่อนที่จะลงมือสร้างเว็บไซต์ อยากให้รู้จักกับหัวข้อต่างๆ ต่อไปนี้ก่อนค่ะ 4.1 รูปแบบของเว็บไซต์ 4.2 เรียนรู้ภาษาโปรแกรม ที่ใช้ในการสร้างเว็บไซต์ 4.3 โปรแกรมช่วยงาน ที่ใช้ในการสร้างเว็บไซต์ 4.4 ลงมือสร้างเว็บไซต์ (Case Study) คลิกอ่านเรื่องถัดไป ที่ด้านล่างต่อเลยค่ะ

อ่านต่อ »

การใช้งานภาพกราฟฟิก

ประเภทของไฟล์รูปภาพ ไฟล์รูปภาพที่ใช้อยู่ในปัจจุบันนี้มีหลายประเภท แต่ไม่สามารถนำมาใช้กับเว็บเพจได้ทุกประเภท ประเภทของไฟล์รูปภาพที่นิยมมาใช้กับเว็บเพจมี 3 ประเภทคือ 1. ไฟล์ประเภท GIF (Graphics Interchange Format) เป็นไฟล์ภาพที่มีขนาดเล็ก คุณภาพต่ำ เนื่องจากถูกบีบอัดข้อมูลให้มีขนาดเล็ก แสดงสีได้ 256 สี แต่เป็นที่นิยมสำหรับผู้เขียนเว็บเพจเป็นอย่างมากเนื่องจากสามารถทำเป็นภาพเคลื่อนไหว (Animation) และกำหนดให้แสดงภาพแบบโปร่งแสง มองทะลุไปด้านหลังได้ ไฟล์ประเภทนี้ส่วนใหญ่จะเป็น รูปวาด ภาพการ์ตูน รูป icon, emotion, ป้ายโฆษณาแบนเนอร์ และภาพที่ไม่ต้องการความละเอียดมากนัก ตัวอย่าง รูป emotion ต่างๆ สามารถทำภาพแบบโปร่งแสงได้ เมื่อนำไปวางบนพื้นหลังสีอะไร ด้านหลังรูปจะเป็นสีตามพื้นหลัง 2. ไฟล์ประเภท JPEG หรือ JPG (Joint Photographics Expert Group) เป็นไฟล์รูปภาพที่มีการบีบอัดข้อมูลน้อยกว่าไฟล์ประเภท GIF สามารถแสดงสีได้ 16.7 ...

อ่านต่อ »

สิ่งที่ต้องคำนึงถึงในการออกแบบเว็บไซต์

ในกระบวนการออกแบบและสร้างเว็บไซต์นั้นมีองค์ประกอบหลายประการที่ผู้ออกแบบจะต้องคำนึงถึงเพื่อที่จะให้เว็บไซต์ที่สร้างขึ้นมานั้นสามารถบรรลุจุดประสงค์สูงสุดที่ตั้งเอาไว้ได้ ทั้งนี้ก็เพื่อผลประโยชน์ต่อบุคคล กลุ่มบุคคล หรือองค์กรที่สร้างเว็บไซต์ขึ้นมานั้นเอง การออกแบบเว็บไซต์ต้องคำนึงถึงองค์ประกอบต่าง ๆ ดังต่อไปนี้ 1. ความเรียบง่าย (Simplicity) หมายถึง หน้าเว็บเพจของเว็บไซต์มีรูปแบบและลักษณะที่เรียบง่าย ไม่ซับซ้อน และใช้งานได้อย่างสะดวก ไม่มีกราฟฟิกหรือตัวอักษรที่เคลื่อนไหวอยู่ตลอดเวลา เพราะการที่เว็บเพจมีกราฟฟิกหรือตัวหนังสือที่เคลื่อนไหวอยู่มากเกินไป ก็จะเกิดการรบกวนสายตาทำให้ผู้ที่ใช้เกิดความรำคาญและอาจทำให้ผู้ใช้สนใจในกราฟฟิกมากเกินไปจนละเลยหรือมองข้ามต่อเนื้อหาสำคัญที่อยู่ในหน้าเว็บเพจได้ 2. ความสม่ำเสมอ (Consistency) หมายถึง การใช้รูปแบบเดียวกันตลอดทั้งเว็บไซต์ เช่น รูปแบบของหน้า รูปแบบกราฟฟิก ระบบ Navigation และโทนสี ซึ่งสิ่งต่างๆ เหล่านี้ควรมีลักษณะที่เหมือนกันโดยตลอดทั้งเว็บไซต์ ทั้งนี้ก็เพื่อที่จะทำให้ผู้เข้ามาใช้เกิดความรู้สึกว่าแต่ละหน้าของเว็บไซต์มีความเป็นหนึ่งเดียวและรู้สึกถึงความเป็นระเบียบอีกด้วย 3. ความเป็นเอกลักษณ์ (Uniqueness) หมายถึง การออกแบบเว็บไซต์ที่เน้นการสร้างจุดเด่นหรือเอกลักษณ์เฉพาะตัวให้เกิดขึ้นกับเว็บไซต์นั้นๆ โดยที่จุดเด่นหรือเอกลักษณ์นั้นจะต้องสามารถสะท้อนบุคลิกหรือลักษณะเฉพาะที่ไม่เหมือนใครของเจ้าของหรืองค์กรที่สร้างเว็บไซต์นั้นๆ ขึ้นมาได้อย่างดี โดยการสร้างเอกลักษณ์นี้อาจทำได้โดยการใช้สีสัน ตัวอักษร กราฟฟิก การจัดหน้า ฯลฯ ซึ่งผู้สร้างเว็บไซต์จะเลือกใช้แบบไหนนั้นก็ขึ้นอยู่กับเป้าหมายของเว็บไซต์นั่นเอง 4. เนื้อหามีประโยชน์ (Usefulness) หมายถึง การออกแบบเนื้อหาให้มีประโยชน์เป็นสิ่งสำคัญที่ต้องคำนึงถึงเป็นอย่างยิ่ง เพราะเนื้อหาถือว่าเป็นสิ่งที่สำคัญที่สุดในเว็บไซต์ ...

อ่านต่อ »

ออกแบบเว็บเพจอย่างไรให้ดูดี (Web 2.0 Design)

Web 2.0 Design ส่วนประกอบของดีไซน์ยุคใหม่นั้นมีอะไรกันบ้าง ที่มา : http://www.divland.com/blog/2007/11/13/web-2-design/ เรียบง่าย ความเรียบง่ายหมายถึงการใช้จำนวน pixel ตามที่ต้องใช้เพื่อให้สื่อสารสิ่งที่ต้องการให้ได้และในการสื่อสารนั้นก็ประกอบไปด้วย ข้อมูลหลัก hard data และ เนื้อหาที่ซ่อนอยู่ soft information ตัวอย่างของข้อมูล Hard data – ข้อมูล สาระ เนื้อหาสำคัญที่ต้องการจะสื่อ เช่น ข่าว ราคาสินค้า ตารางเวลารถไฟ Soft Information – ความรู้สึก บรรยกาศของหน้าเว็บ เปรียบเทียบได้กับความรู้สึกเมื่อแรกพบของผู้ชมที่มีต่อเว็บ ว่าน่าไว้ใจแค่ไหน จะเหมาะสมกับผู้ใช้หรือไม่ ตัวอย่างที่ดี ดี เพราะ ละเอียด ตื่นตา น่าสนใจ แต่ก็เรียบง่ายในขณะเดียวกัน ตัวอย่างที่ไม่ดี ไม่ดี เพราะ ยุ่งเหยิง มีขีดเส้นมากมายที่ไม่ได้ช่วยเป็นส่วนประกอบในการสื่อสาร หาเมนูได้ยากไม่โดดเด่น ...

อ่านต่อ »

3.3.2 โครงสร้างและรูปแบบของเว็บเพจ

ในหน้าเว็บเพจหนึ่งๆ ประกอบไปด้วยส่วนหัวของหน้า (Page Header), ส่วนเนื้อหา และการเชื่อมโยง (Page Body)  และส่วนท้ายของหน้า (Page Footer) ย้อนอ่านเนื้อหาเดิมเรื่องส่วนประกอบของหน้าเว็บเพจ คลิกที่นี่ . ในเว็บไซต์หนึ่งๆ อาจมีโครงสร้างหน้าเว็บเพจหลายๆ แบบก็ได้ แต่จะต้องมีเอกลักษณ์ และลักษณะที่ใกล้เคียงกัน จะต้องจัดองค์ประกอบของหน้าเว็บเพจให้เหมาะสม ได้แก่ เนื้อหา กราฟฟิก โลโก้ ระบบเนวิเกชั่น ป้ายโฆษณา และอื่นๆ การแบ่งพื้นที่ของหน้าเว็บเพจเพื่อแสดงส่วนประกอบต่างๆ ทำได้หลายรูปแบบ เช่น แบ่งแบบอิสระ ตัวอย่าเว็บไซต์ . แบ่ง 2 ส่วน . แบ่ง 3 ส่วน จะมีส่วน Footer หรือไม่ก็ได้ ตัวอย่างเว็บไซต์   ส่วนเนื้อหายังสามารถแบ่งสัดส่วนเพื่อแสดงเนื้อหาต่างๆ ได้อีก ตัวอย่างเว็บไซต์

อ่านต่อ »

Blog คืออะไร

คิดว่าในปัจจุบัน คนส่วนใหญ่น่าจะรู้จัก Blog กันอยู่แล้ว แต่สำหรับมือใหม่ ถ้ายังไม่รู้จัก ก็มารู้จักกันในบทความนี้เลยค่ะ Blog (มาจากศัพท์คำว่า Weblog)   เป็นเว็บไซต์รูปแบบหนึ่ง ที่มีระบบจัดการให้เราสามารถเขียนเรื่องต่างๆ ไม่ว่าจะเป็นเรื่องราวส่วนตัว ข่าว หรือบทความเฉพาะด้านต่างๆ ได้อย่างสะดวก   (ไม่เหมือนเมื่อก่อนที่ต้องทำหน้าเว็บเพจทีละหน้า และทำลิงค์เชื่อมโยงแต่ละหน้าเอง) โดยเนื้อหาที่เราเขียนแต่ละครั้ง จะถูกเรียงลำดับตามเวลา เรื่องที่เราเขียนล่าสุดจะถูกแสดงอยู่ด้านบนสุดของหน้า Blog    เพื่อให้ผู้เยี่ยมชมสามารถติดตามอ่านเรื่องราวที่เรา Update ใหม่ได้ง่าย Blog อาจเขียนโดยคนเพียงคนเดียว หรือเป็นกลุ่มช่วยกันเขียนก็ได้  ผู้ที่เขียน Blog หรือเจ้าของ Blog เรียกว่า Blogger เรื่องหรือบทความที่เขียนมักเป็นเรื่องเจาะจงเรื่องใดเรื่องหนึ่ง แต่ก็อาจจะมีเรื่องอื่นปะปนบ้าง แล้วแต่เจ้าของ Blog     แต่ทางที่ดีควรจะให้ผู้อ่านที่เข้ามาทราบว่า Blog ของเรานั้นเน้นเนื้อหาเรื่องใด ถ้าเรื่องที่เขียนใน Blog มีความหลากหลาย เรายังสามารถจัดหมวดหมู่ให้กับเรื่องที่เราเขียนได้อีกด้วยค่ะ อย่างที่ enjoyday ก็เป็น Blog ที่ผู้เขียนตั้งใจเขียนเรื่องเกี่ยวกับการทำเว็บไซต์เป็นหลัก ...

อ่านต่อ »

26 ขั้นตอนการสร้างเว็บไซต์ให้ยอดวันละหมื่นห้า

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

อ่านต่อ »

Social Bookmark กับลิงค์แบบ DoFollow และ NoFollow

จากบทความก่อนที่ได้แนะนำว่า Social Bookmark คืออะไร และมีประโยชน์ช่วยโปรโมทเว็บไซต์อย่างการช่วยเพิ่มจำนวนผู้ชม (Traffic) ให้กับเว็บไซต์ของเรา ในบทความนี้จะอธิบายเพิ่มเติม ให้เราได้รู้จัก Social Bookmark อย่างลึกซึ้งขึ้น การที่เราไปแนะนำลิงค์ของหน้าเนื้อหา ข่าว หรือบทความต่างๆ ของเว็บไซต์เรา ในเว็บประเภท Social Bookmark   นอกจากจะช่วยเพิ่มจำนวนคนเข้าชมเว็บไซต์ (Traffic) แล้ว ยังจะช่วยเพิ่มจำนวนลิงค์จากเว็บไซต์อื่นที่ลิงค์เข้ามาเว็บไซต์เรา (ที่เรียกว่า Backlink) อีกด้วย ซึ่งการที่มี Backlink เข้ามาเว็บไซต์ของเรามากๆ    Search Engine จะเข้าใจว่าเนื้อหาในเว็บไซต์ของเรามีประโยชน์ มีคุณภาพ    จึงมีเว็บไซต์ต่างๆ ลิงค์มาหา    ก็จะทำการจัดอันดับเว็บไซต์ (PageRank) ของเราไว้ในอันดับดีๆ ให้ถูกค้นหาเจอในหน้าแรกๆ . สำหรับเว็บไซต์ภาษาไทย การใช้ Social Bookmark ของไทยน่าจะดีกว่าใช้ของต่างประเทศ อันนี้เป็นลิงค์ที่มีผู้รวบรวม Social Bookmark ของไทยพร้อมแยกประเภท DoFollow / ...

อ่านต่อ »