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

การลงโฆษณาและการโปรโมทเว็บไซต์สามารถทำได้หลากหลายวิธี จะขอยกตัวอย่างวิธีหลักๆ ที่เ็ป็นที่นิยมกัน 5 วิธีดังนี้ครับ

[1] การลงโฆษณากับเว็บไซต์ทั่วไป

เป็นการลงโฆษณาบนเว็บไซต์ใดๆ ที่คิดว่าเป็นที่อยู่ของกลุ่มเป้าหมาย สามารถเลือกลงโฆษณาได้หลากหลายรูปแบบขึ้นอยู่ว่าเว็บไซต์ที่รับลงโฆษณานั้นๆ จะมีรูปแบบการโฆษณาแบบใดให้เลือกบ้าง เช่นป้ายโฆษณากราฟิก (Banner) ตามขนาดหรือตำแหน่งต่างๆ บนหน้าเว็บ, Text Link, ป้ายโฆษณา Pop-up Banner, ภาพ Background ของเว็บ ฯลฯ

งบประมาณของการลงโฆษณาบนเว็บไซต์ที่รับลงโฆษณาแต่ละเว็บจะแตกต่างกัน มีตั้งแต่ระดับหลักร้อยถึงหลักแสน ขึ้นอยู่กับปัจจัยต่างๆ เช่น ความนิยมของเว็บไซต์ ซึ่งอาจวัดจากจำนวนการเข้าชมเว็บไซต์ที่ถูกเก็บเป็นสถิติไว้, ระยะเวลาการลงโฆษณา, ตำแหน่งหรือรูปแบบของโฆษณา ฯลฯ

เว็บไซต์ที่ทำหน้าที่เก็บสถิติเว็บไซต์ต่างๆ ในประเทศไทยที่มักได้รับการอ้างถึงคือเว็บไซต์ทรูฮิต

[2] การลงโฆษณากับ Search Engine (Google, Yahoo, Bing, …)

เป็นการโฆษณาประชาสัมพันธ์เว็บไซต์โดยที่ข้อความโฆษณาจะถูกแสดงในหน้าผลการค้นหาตาม Keyword ใดๆ ที่ผู้ลงโฆษณาเลือกไว้ ผู้ลงโฆษณาจะต้องจ่ายเงินตามจำนวนครั้งที่มีคนคลิกลิงก์โฆษณานั้นๆ (CPC: Cost Per Click)

สำหรับงบประมาณโฆษณาและมูลค่าของลิงก์ต่อการคลิกแต่ละครั้งสามารถกำหนดได้ตามต้องการ เช่น กำหนดงบทั้งหมดไว้ 3,000 บาท และกำหนดมูลค่าของลิงก์ไว้ที่คลิกละ 3 บาท นั่นหมายความว่างบประมาณ 3,000 บาท โฆษณาจะถูกคลิกได้ 1,000 ครั้ง

โฆษณารูปแบบนี้บน Google เรียกว่า Google AdWords

[3] การลงโฆษณาบน Facebook

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

สำหรับงบประมาณการโฆษณาสามารถกำหนดได้ตามความต้องการ และมีรูปแบบของการโฆษณาให้เลือกทั้งแบบ จ่ายเงินตามจำนวนครั้งที่คนคลิกลิงก์ (CPC: Cost Per Click) หรือ จำนวนครั้งที่โฆษณานั้นปรากฏบนหน้า Facebook (CPM: Cost Per Impression)

เช่นถ้าผู้ลงโฆษณาเลือกลงโฆษณาแบบ CPM โดยกำหนดงบประมาณไว้ 3,000 บาท โฆษณาจะถูกแสดงผลบนหน้าเว็บไซต์ได้ถึงประมาณ 650,000 ครั้ง (ประมาณค่าจากค่าใช้จ่าย 0.15 USD ต่อการแสดงผล 1,000 ครั้ง ตามที่ Facebook แนะนำ)

[4] การจ้างเขียนบทความโฆษณา (Advertorial)

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

สำหรับงบประมาณที่จะต้องใช้จ้าง Blogger ก็จะแตกต่างกันตั้งแต่หลักพันถึงหลักหมื่นต่อการเขียนบทความ 1 เรื่อง ขึ้นอยู่กับความนิยมของ Blog, ชื่อเสียงของ Blogger ฯลฯ

[5] การทำ SEO (Search Engine Optimization)

เป็นการปรับแต่งเว็บไซต์เพื่อให้ได้อันดับผลการค้นหาจากการค้นหาด้วย Search Engine ในตำแหน่งสูงๆ

ผู้ที่มีความรู้เกี่ยวกับการทำเว็บไซต์เบื้องต้นสามารถเรียนรู้การทำ SEO ได้จากหนังสือหรือเว็บไซต์ที่มีสอนการทำ SEO

หรือสามารถใช้บริการบริษัทต่างๆ ที่รับทำ SEO ได้ โดยงบประมาณในการจัดทำ SEO มีราคาแตกต่างกันตั้งแต่หลักพันถึงหลักแสน (หลักล้านก็มี) ขึ้นอยู่กับปัจจัยต่างๆ เช่น จำนวน Keyword, ความยากง่ายและการแข่งขันของ Keyword, การรับประกันอันดับผลการค้นหา, ระยะเวลาที่ต้องการให้ Keyword ติดอันดับ ฯลฯ

โดยทั่วไปบริษัทที่รับทำ SEO มักจะมี Package สำหรับการทำ SEO ให้เลือกตามงบประมาณ เช่น

Package 20,000 บาท

• สามารถเลือก Keyword เพื่อทำ SEO ได้ 5 คำ
• รับประกันว่าจะติดอันดับผลการค้นหา Top 1-20
• รักษาอันดับผลการค้นหาเป็นระยะเวลา 4 เดือน

Package 65,000 บาท

• สามารถเลือก Keyword เพื่อทำ SEO ได้ 5 คำ
• รับประกันว่าจะติดอันดับผลการค้นหา Top 1-5
• รักษาอันดับผลการค้นหาเป็นระยะเวลา 6 เดือน

คร่าวๆ ก็มีแค่นี้ล่ะครับ ถ้ามีโอกาสจะมาเขียนเจาะลึกแต่ละวิธีให้ได้อ่านกันต่อนะครับ (แต่จะว่างไหม -_-’)

เอ.. แล้ว Web Designer นี่เค้าทำอะไรกันบ้างนะ?

เมื่อเช้าวันศุกร์ตื่นขึ้นมาทราบข่าวการเสียชีวิตของไมเคิล แจ็กสัน (Michael Jackson) รู้สึกใจหายกับการจากไปจริงๆ ความตายนั้นจะเป็นจุดเริ่มต้นของการเดินทางเหมือนที่ในหนังเรื่อง Departures บอกไว้หรือเปล่านะ..

สำนักข่าวทั่วโลกต่างก็รีบนำเสนอข่าวนี้เป็นข่าวใหญ่กัน พอดีได้ผ่านเข้าไปดูที่เว็บไซต์ของ CNN เห็นว่ามีการนำประวัติของไมเคิลมานำเสนอในรูปแบบ Timeline ได้น่าสนใจ ใช้งานง่าย และเข้าใจได้รวดเร็ว ก็เลยนำมาให้ดูกันครับ

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

• ลำดับเหตุการณ์ปิดโรงแรมรอยัล คลิฟ บีช พัทยา ในช่วงเดือนเมษายน 2552
• ช่วงเวลาดำเนินการแผนพลิกฟื้นเศรษฐกิจของรัฐบาล

ปล. สัญญากับตัวเองว่าจะอัพบล็อกบ่อยๆ

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

sIFR ย่อมาจาก Scalable Inman Flash Replacement ซึ่งก็คือเทคนิคการแทนที่การแสดงผล Font บนหน้าเว็บที่เป็น HTML ธรรมดาด้วย Font สวยๆ ตามต้องการ โดยใช้ JavaScript กับ Flash เข้ามาช่วย

มีรายละเอียดและการใช้งานเป็นภาษาไทยอยู่แล้ว สามารถอ่านเพิ่มเติมได้ตามนี้ครับ..

• ใช้ font สวยๆ บนเว็บไซต์ ด้วย sIFR
• sIFR คืออะไร
• ฝัง sIFR ลงบนเว็บเพจ

ถ้าอยากให้มีไอคอน RSS Feed โผล่ขึ้นมาในช่อง Address bar ก็ให้เอาโค้ดนี้ไปใส่ในส่วน head ได้เลยครับ

[code lang="html"]

เมื่อกี้จะเข้าไปจ่ายค่าโทรศัพท์ในเว็บ แต่รู้สึกงงๆ นิดหน่อย.. พอดีเห็นลิงค์ Ais Call Center ก็เลยลองกดดู.. โอ้โห.. เดี๋ยวนี้มีระบบแบบนี้ด้วย สะดวกดีจัง !! ทำได้หลายอย่างเลย ที่เด็ดๆ ก็สามารถ Chat กับ Call Center ได้ มีแบบเปิด WebCam เห็นหน้ากันได้ด้วยครับ แถมยังมีบริการภาษามือสำหรับบริการผู้พิการอีกด้วย เจ๋งจริงๆ !!

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

.
.

CC พิซซ่า :P มีเขาด้วย !! (วันนี้เป็นวันฮาโลวีน)

.
.

http://www.gsmadvance.ais.co.th/callcenter/

ตัวอย่าง: ลองกดดูสิครับ !!

.

1. โค้ด JavaScript สำหรับฟังก์ชันสำหรับ ซ่อน/แสดง เนื้อหา (Copy โค้ด JavaScript ด้านล่างนี้ไปวางในไฟล์ html)

.

2. ส่วนเนื้อหาที่อยู่ใน DIV (ใช้โค้ดด้านล่างนี้สำหรับส่วนที่จะ ซ่อน/แสดง เนื้อหา)

.

3. โค้ดสำหรับสร้าง Link ให้ผู้ใช้กดเพื่อซ่อนหรือแสดงเนื้อหาในข้อ 2

กดที่นี่เพื่อ แสดง/ซ่อน เนื้อหา


.

จบแล้วครับ ลองนำไปประยุกต์ใช้กับการออกแบบเว็บ เผื่อจะเป็นประโยชน์ได้บ้างครับ

• เครื่องมือสร้าง XML Sitemap
• เครื่องมือสร้างไฟล์ Robots.txt
• เครื่องมือสร้าง Password
• เครื่องมือสร้าง META Tags
• เครื่องมือสร้างไฟล์ htaccess
• เครื่องมือสร้าง Form สวยๆ
• เครื่องมือสร้างรูป Favicon.ico
• เครื่องมือสร้างกราฟิก E-mail
• เครื่องมือสร้าง CSS
• เครื่องมือสำหรับเลือกโทนสีในการออกแบบเว็บ

___________________________________________________________

เครื่องมือสร้าง XML Sitemap

• Google Sitemap Generator
• ROR Sitemap Generator
• Free Sitemap Generator
• Google Sitemaps Generator for WordPress

เครื่องมือสร้างไฟล์ Robots.txt

• Robots.txt Generator
• Robots.txt Syntax Checker

เครื่องมือสร้าง Password

• Perfect Password
• Password Generator

เครื่องมือสร้าง META Tags

• META Tags and Title Generator
• META Tag Generator
• META Tag Builder

เครื่องมือสร้างไฟล์ htaccess

• mod_rewrite RewriteRule generator
• Htaccess disable image hotlinking code generator

เครื่องมือสร้าง Form สวยๆ

• Web Form Factory
• PHP FormMail Generator
• Accessible Form Element Generator
• Website Contact Form Generator

เครื่องมือสร้างรูป Favicon.ico

• Favicon Generator

เครื่องมือสร้างกราฟิก E-mail

• E-mail Icon Generator

เครื่องมือสร้าง CSS

• Free CSS Template Code Generator
• Cornershop
• CSS Formatter
• DevDude
• CSS Creator
• Clean CSS

เครื่องมือสำหรับเลือกโทนสีในการออกแบบเว็บ

• I Like Your Colors
• Gradient Image Maker
• Palette Generator
• Color Calculator
• Color Blender

ที่มา: Online Tools For Web Design

สวัสดีครับ วันนี้มีเครื่องมือช่วยสร้าง HTML Form มาแนะนำครับ phpform.org เป็นเว็บไซต์ที่ให้เราสามารถเข้าไปสร้าง Form ได้เองตามรูปแบบที่เราต้องการ สามารถเลือกสี และเพิ่ม Field ได้ทุกประเภทได้อย่างรวดเร็ว สะดวก และสวยงามมากครับ เมื่อออกแบบ Form เรียบแล้วก็สามารถ Preview และ Download โค้ด HTML มาใช้กับเว็บของเราได้เลยครับ ทำให้ Form ของเราดูดี สวยงาม เป็นมาตรฐาน และดูเป็นมืออาชีพเลยทีเดียว :)

.
.

ขั้นตอนที่ 1 เลือกสีของ Form ที่ต้องการ
.
.

ขั้นตอนที่ 2 ออกแบบ Form ด้วยการเพิ่ม Field ต่างๆ
.
.

ตั้งค่า Field
.
.

เมือออกแบบ Form เสร็จแล้ว ก็ดู Preview หรือจะ Download โค้ดมาเลยก็ได้
.
.

Preview ตัวอย่าง Form ที่เราได้ออกแบบเอาไว้ เห็นมั้ยครับว่าทำปฏิทินได้ด้วย !! สะดวกมากเลย
.
.

ถ้า Download โค้ด ก็จะได้ไฟล์ .Zip มา เมื่อแตกออกมาก็จะมีไฟล์โค้ดมาให้หลายไฟล์เลย ทั้ง .HTML .CSS และ Javascript สามารถนำไปใช้ได้เลยครับ
.
.

มีโอกาสได้รับหน้าที่เป็นผู้ดูแลเว็บคณะฯ มาตั้งแต่อยู่ปี 1 จนถึงตอนนี้ก็ปี 4 แล้วครับ (เริ่มแก่..) และเมื่อเดือนสิงหาคมที่ผ่านมานี้เอง ที่ได้ทำการเปลี่ยนแปลงเว็บครั้งใหญ่ รวมทั้งอัพเกรด Software ของเครื่อง Server ด้วย โดยให้โอมมาช่วยทำเครื่องให้ครับ (เครื่อง Server เว็บไซต์คณะ และหน่วยงานต่างๆ ของมหา’ลัย ตั้งอยู่ที่ศูนย์คอมฯ สนามจันทร์) แล้วก็เปลี่ยนระบบเว็บใหม่เลย จากเดิมที่เป็นเว็บธรรมดา ก็เปลี่ยนมาใช้ CMS แทน ส่วนระบบเว็บบอร์ดนั้นก็เปลี่ยนยี่ห้อจาก phpBB มาใช้ SMF ครับ

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

สำหรับระบบเว็บหลักนั้นลองนำ CMS มาใช้.. หลังจากที่ได้รู้จักกับ Drupal และเรียนรู้กันมาสักพัก จนหลงรักซะหมดใจไปแล้ว (ใครอยากรู้จัก Drupal เชิญที่ Drupal Thailand นะครับ) ก็เลยเลือก Drupal มาใช้เป็นระบบเว็บใหม่ซะเลย ไม่ยากครับ สำหรับการติดตั้งเพื่อใช้งาน แต่ยากตรงที่ต้องคิดถึง Service ของเว็บมากกว่า ว่าจะต้องมีอะไรบ้าง และอีกส่วนหนึ่งที่ต้องใช้เวลานานก็คือการแก้ธีม การแก้ธีม CMS นี่ต้องถึกกับ CSS มากๆ ผลที่ได้ออกมาก็อย่างที่เห็นครับ เป็นเว็บที่หน้าตาเรียบง่ายสุดๆ เบาหวิวเลย

และแน่นอนครับ เมื่อนำ CMS มาใช้.. ต่อไปเราจะไม่ต้องทำเว็บ หรือดูแลเว็บคนเดียวอีกต่อไปแล้ว แนวคิดสำหรับเว็บสมัยนี้ หรือที่เขาเรียกกันว่า Web 2.0 นั้นก็คือ ผู้ใช้ จะสามารถมีส่วนร่วมในการสร้างเนื้อหาของเว็บได้ด้วย (User Generated Content) ก็เลยนำแนวคิดนี้มาใช้กับเว็บในส่วนของ ผลงานนักศึกษา และ ข่าวสาร ซะเลย

ผลงานนักศึกษา นั้นก็เป็น Gallery แบบง่ายๆ ติดตั้งโมดูลเพิ่มให้ Drupal นิดหน่อยก็ใช้ได้แล้วครับ ช่วงแรกก็ต้อง add งานเองก่อน (ให้ตั๊ก ออฟ แล้วก็นัตตี้ มาช่วยทำด้วย – ขอบคุณนะครับ) ช่วงหลังๆ นี้ เริ่มมีน้องๆ เข้ามาส่งงานด้วยตัวเองกันบ้างแล้ว แต่ก็ยังไม่มากเท่าไหร่ครับ

สำหรับ ข่าวสาร นั้น ก็เปิดโอกาสให้ทุกคนมีส่วนร่วม สามารถเข้ามาช่วยกันเขียนข่าวได้ด้วย แต่ก็ยังไม่ได้ประกาศให้คนอื่นรู้เลยครับ อยากจะลองระบบให้พร้อมมากกว่านี้ก่อน ตอนนี้ก็มีเพียงแค่น้องๆ ที่ได้ไปชวนมาช่วยเขียนข่าวเป็นการส่วนตัวเท่านั้นครับ.. ก็เริ่มมีข่าวกิจกรรมต่างๆ บ้างแล้ว แต่ละข่าวนั้นก็เขียนกันแบบ Blog เลย ปฏิวัติวงการเว็บหน่วยงานราชการเลยหรือเปล่าเนี่ย ?

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

• บทสัมภาษณ์อาจารย์และนักศึกษา งานแสดงผลงาน Silk Screen โดย น้องตั๊ก
• พิธีจุดเทียนชัยถวายพระพร ๕ ธันวาคม ๒๕๕๐ โดย น้องโกวิท
• การบรรยายประสบการณ์ในสาขานิเทศศาสตร์ โดย น้องต่าย
• ICT : SILPAKORN ในงาน TAM 2007 โดย น้องต่าย
• ICT-Shirt หนาวนี้มาหาเสื้อใส่กัน โดย คุณนา

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

อนาคตของเว็บคณะฯ คงไม่มีอะไรน่าเป็นห่วงมากแล้ว แต่ก็ยังมีอีกมากมายหลายอย่างที่เว็บยังขาดอยู่ คงต้องเพิ่มเติม ปรับปรุงกันต่อไปครับ หากมีความคิดเห็นกันอย่างไร ขอเชิญบอกไว้ได้เลยนะครับ ทั้งคนในคณะ และคนอื่นๆ ที่ได้ผ่านเข้ามาอ่าน Blog นี้

เรื่องของเว็บคณะฯ ยังมีอีกมากครับ โอกาสหน้าคงจะได้เขียนถึงอีก เผื่อจะเป็นประโชยน์สำหรับผู้อื่นได้บ้าง

ขอบคุณมากครับ :)

CSS Menu ก็คล้ายๆ กับการทำ Rollover Image ใน Dreamweaver จะต่างกันที่ Rollover Image นั้นเป็นการใช้ HTML + JavaScript ส่วนการนำ CSS มาใช้ทำ Navigation หรือเมนูของเว็บไซต์นั้น จะเป็นการนำค่าต่างๆ ที่เรากำหนดไว้ในไฟล์ CSS มาควบคุม Style ของแท็ก ul, li ในไฟล์ HTML ซึ่งจะทำให้โค้ด HTML ที่ได้นั้นสะอาด เบา และเป็นมาตรฐานกว่าครับ

วันนี้ผมผ่านไปพบกับเว็บ 13Styles.com ซึ่งมีตัวอย่าง CSS Menu ให้เราดาวน์โหลดไปใช้ได้ฟรีๆ โดยเมนูแต่ละรูปแบบจะมีไฟล์ .css, .html และไฟล์รูปภาพมาให้ด้วย หากสนใจลองดาวน์โหลดมาศึกษาดูนะครับ

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

วันนี้เข้าไปเจอ Blog หนึ่งชื่อว่า Tutorial bog เขาจัดเอาเว็บที่ใช้โทนสีต่างๆ มาเป็นตัวอย่างให้ดู ลองไปดูกันเลยครับ

• Orange websites
• Yellow websites
• Black websites
• Brown websites
• Blue websites
• Green websites
• Red websites

INET Young Webmaster Camp # 4
โครงการอบรมเชิงปฏิบัติการ “ก้าวสู่วิชาชีพเว็บมาสเตอร์ ครั้งที่ 4″
วันที่ 25 ? 27 สิงหาคม 2549 มหาวิทยาลัยบูรพา จังหวัดชลบุรี
http://www.ywc.in.th/

วัตถุประสงค์

1. เพื่อส่งเสริมการพัฒนาวิชาชีพเว็บมาสเตอร์ (Professional Development)
2. เพื่อส่งเสริมความรับผิดชอบต่อจริยธรรมในวิชาชีพเว็บมาสเตอร์ (Ethics Responsibility)
3. เพื่อแสดงความรับผิดชอบต่อสังคมในฐานะสมาคมวิชาชีพเว็บมาสเตอร์ (Organization Social? Responsibility)

เป้าหมาย

1. เน้นการพัฒนาวิชาชีพเว็บมาสเตอร์แก่นิสิตนักศึกษาในสถาบันอุดมศึกษา
2. เน้นความรู้ความเข้าใจในวิชาชีพเว็บมาสเตอร์แก่นิสิตนักศึกษาในสถาบันอุดมศึกษา

ผู้เข้ารับการอบรม

นิสิตนักศึกษาในสถาบันอุดมศึกษาในสาขาวิชาต่างๆ ต่อไปนี้

1. วิทยาการคอมพิวเตอร์ หรือใกล้เคียง จำนวน 20 คน
2. ออกแบบ Graphic Design ด้วยคอมพิวเตอร์ หรือใกล้เคียง จำนวน 20 คน
3. บริหารธุรกิจ สาขาการตลาด, เศรษฐศาสตร์ หรือใกล้เคียง จำนวน 20 คน
4. นิเทศศาสตร์ สาขานิเทศศาสตร์-วารสารศาสตร์ หรือ โฆษณา-ประชาสัมพันธ์ จำนวน 20 คน

ผู้รับผิดชอบโครงการ

• สมาคมผู้ดูแลเว็บไทย ร่วมกับ สำนักคอมพิวเตอร์ มหาวิทยาลัยบูรพา

ผู้สนับสนุนโครงการ

• บริษัท อินเทอร์เน็ตประเทศไทย จำกัด (มหาชน)

สถานที่จัดการฝึกอบรม

• มหาวิทยาลัยบูรพา จังหวัดชลบุรี

เชิญอ่าน Diary ของพี่ป้อม Project Manager ค่ายนี้

วิทยาลัยนานาชาติ มหาวิทยาลัยศิลปากร เป็นสถาบันที่เปิดสอนหลักสูตรนานาชาติร่วมกับสถาบันจากต่างประเทศ ในส่วนของ Header จึงได้สื่อถึงข้อดังกล่าว โดยใช้สถานที่สำคัญของแต่ละประเทศ ได้แก่ หอไอเฟล ฝรั่งเศษ และหอนาฬิกาบิ๊กเบน สหาราชอาณาจักร ตั้งอยู่ในซุ้มประตูของมหาวิทยาลัยศิลปากร โดยมีโลโก้, ชื่อวิทยาลัย, Motto, และที่อยู่เว็บไซต์ อยู่ทางด้านบนซ้าย

Navigation Bar ประกอบไปด้วยหัวข้อหลัก 6 หัวข้อ วางอยู่บนแถบสีแดง ซึ่งเป็นสีประจำวิทยาลัยนานาชาติ เมื่อนำเมาส์ Over บนหัวข้อ จะมีข้อความปรากฏขึ้นบนกำแพงแสดงรายละเอียดเนื้อหาย่อยภายในหัวข้อหลักนั้นๆ

[kml_flashembed movie="http://www.donuzz.com/images/49008_suic/main3_donuzz.swf" height="319" width="425" /]

?

หน้าแรกของเว็บ

?

เมื่อเข้าสู่หัวข้อหลักใดๆ แล้ว จะมี Navigation ทางด้านซ้ายเพื่อให้เลือกหัวข้อของเนื้อหาย่อย

FoolScreen Online T-Shirt Shop
E-Commerce WEBSITE Project

Software Package for Design I
Home

?

Product

?

?

Order

?

?

Payment

?

?

FAQ

?

?

About Us

?

?

Topic Box

?

?

Fool Team

WebMaster : donuzz
1347218
donuzz@hotmail.com

WebDesigner : demonic
1347191
sadistevil@hotmail.com

WebDesigner : nobi
1347127
eclipse2day@hotmail.com

WebPrograming : raiki
1347215
iamanucha@hotmail.com

WebMarketing : ae จ๊ะ
1347202
undisreals@hotmail.com

WebContent : bezzboy
1347163
bid108nd@hotmail.com

WebContent : aragorn
1347180
aragorndark@hotmail.com

?

เว็บไซต์แนะนำจังหวัดนครปฐม นำเสนอข้อมูลต่างๆ เกี่ยวกับจังหวัดนครปฐม
การบ้านวิชา Software Package for Design I

• ข้อมูลทั่วไป
• ประวัติความเป็นมา
• สภาพทั่วไปของจังหวัด
• แผนที่จังหวัด
• เทศลกาล
• สถานที่ท่องเที่ยว
• การเดินทาง
• ที่พัก โรงแรม
• เว็บบอร์ด
• ผู้จัดทำ

ระบบเว็บบอร์ด phpBB
สำหรับนักศึกษา อาจารย์ ผู้ปกครอง และบุคคลทั่วไป

?

Site Map

หน้าแรก

เกี่ยวกับคณะ

• ประวัติความเป็นมา
• ปรัชญา วิสัยทัศน์
• บุคลากร
• ความร่วมมือ
• การติดต่อ

ข่าวสาร

• ข่าวกิจกรรม
• ข่าวประชาสัมพันธ์

การศึกษา

• ระบบการศึกษา
• หลักสูตร (ธุรกิจ, ออกแบบ)
• การรับนักศึกษา
• นานาทัศนะ

ผลงาน / โครงการ

• ผลงานนักศึกษา
• บทความ / วิจัย
• โครงการของคณะ

เว็บบอร์ด

สำหรับนักศึกษา

• สโมสรนักศึกษา ICT
• E-learning
• ปฏิทินการศึกษา
• ตารางรถทัวร์
• ข่าวทุนการศึกษา
• นักศึกษาดีเด่น