Archive for the Category »ทำเว็บ «

ทำภาพพื้นหลังโปร่งใส ด้วย Photoshop

สำหรับการทำภาพพื้นหลังโปร่งใส ด้วยโปรแกรม Photoshop นั้น สามารถทำได้ง่ายๆ ด้วยตนเอง ตามขั้นตอนด้านล่างนี้

1. เปิดไฟล์รูปภาพ ด้วยโปรแกรม Photoshop  จากนั้นคลิกค้างที่เมนู Eraser ที่เป็นรูปยางลบ จากนั้นเลือก Magic Eraser ดังภาพประกอบด้านล่าง (คลิกที่ภาพเพื่อขยาย)

ทำภาพพื้นหลังโปร่งใส

2. เมื่อได้แล้ว ให้ท่านทำการคลิกที่พื้นหลัง เพื่อทำการลบพื้นหลังของภาพออก เมื่อได้แล้ว พื้นหลังจะกลายเป็นลายตาราง ดังภาพด้านล่างนี้

ภาพพื้นหลังโปร่งใส

3. หลังจากนั้น ให้ท่านเลือกคำสั่ง File / Save for web & devices แล้วปรับชนิดของภาพเป็น Gif หรือ PNG เท่านั้น  ดูภาพประกอบด้านล่าง

ภาพพื้นหลังโปร่งใส

เพียงเท่านี้ ท่านก็จะได้ภาพพื้นหลังโปร่งใส ไว้ใช้งานแล้วครับ สำหรับตอนหน้า ผมจะนำเสนอการทำภาพพื้นหลังโปร่งใส สำหรับภาพที่มีรายละเอียดเยอะๆ ซึ่งการใช้ Magic Eraser อาจจะยังทำได้ไม่ดีพอ

เครื่องมือเลือกคู่สี

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

Color Sheme Designer

http://colorschemedesigner.com/

เลือกคู่สี

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

Category: ทำเว็บ  Comments off

ความหมายของสีแต่ละสี

ความหมายของสี

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

สีทอง หรือ สีเหลือง (Gold) เป็นสีที่แสดงถึงความมั่งคั่ง มั่งมี อบอุ่น เป็นมิตร สร้างสรรค์ หรือนักคิดค้น ประดิษฐ์สิ่งใหม่ๆ อิสระ ความเมตตา การมองโลกในแง่ดี เป็นต้น แต่ในบางครั้งอาจใช้ใน
ความหมายทาง ด้านลบ เช่น ความหึงหวง ขี้อิจฉา ความพิรุธ ความขี้สงสัย หรือ การหลอกลวง ก็ได้ในวงการวารสาร สีเหลืองยังหมายถึง ความไม่รับผิดชอบ อีกด้วย

สีแดง (Red) เป็นสีที่แสดงถึง ความร้อนแรง อันตราย เรื่องเร่งด่วน ฉุกเฉิน ความตื่นเต้นความรัก โรแมนติก ความเจ็บปวด ความเผ็ดร้อน ความทรงจำ ความกล้าหาญ ความเป็นเจ้าของความทะเยอทะยาน พลังแห่ง Sex… ในหลายประเทศจะใช้สีแดงในความหมายต่างกัน เช่น กรีกสีแดงจะหมายถึง การต่อสู้รบราฆ่าฟัน แต่ประเทศแอฟริกาใต้ จะหมายถึง ความเศร้าโศก..

สีเทา (Gray) เป็นสีที่แสดงถึง ความมั่นคง ปลอดภัย สม่ำเสมอ ผู้ที่มีอำนาจ บุคลิกที่แข็งแกร่งความคลาสสิค ความตกต่ำ ความรู้สึกหดหู่ มัวหมอง

สีขาว (White) เป็นสีที่แสดงถึงความบริสุทธิ์ สะอาด ผ่องใส ความหวัง ความถูกต้อง ความจริงการไว้ทุกข์ ความช่วยเหลือ ความเรียบง่าย ความเรียบร้อย

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

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

สีน้ำตาล (Rust) เป็นสีที่แสดงถึง ความสมบุกสมบัน ดิน สนิม ความแห้งแล้ง ความเป็นมิตรความซื่อสัตย์ การไว้ใจ น่ารำคาญ ทรมาน เห็นแก่ตัว แข็งแกร่ง…

สีเขียว (Green) เป็นสีที่แสดงถึงความสดชื่น ต้นไม้ การเจริญเติบโต เงิน ความหนุ่มสาวสิ่งแวดล้อม การผ่อนคลาย ความเป็นธรรมชาติ และสีเขียวยังเป็นสีประจำชาติของประเทศไอร์แลนด์ อีกด้วย

สีชมพู (Pink) เป็นสีที่แสดงถึง ความเป็นผู้หญิง อ่อนไหว ความรัก ความนุ่มนวล น่ารัก วัยหวานสุภาพอ่อนโยน ทะนุถนอม ขี้อาย

สีส้ม (orange) เป็นสีที่แสดงถึง แรงบันดาลใจเต็มเปี่ยม พลัง ความสำคัญ ความอบอุ่น ความกรุณา หยิ่งยโส จองหอง มีทิฐิ…

การติดตั้ง WordPress

WordPress คือ Blogging Software ประเภทหนึ่งที่ช่วยในการสร้าง เขียน และบริหารจัดการบล๊อกประเภทหนึ่ง ถูกเขียนขึ้นด้วยภาษา PHP และมีความถูกต้องตามหลัก Web Standard สามารถดาวน์โหลดมาใช้งานได้ฟรีๆโดยไม่เสียค่าใช้จ่ายได้ ที่ wordpress.org*

ขั้นตอนการติดตั้ง WordPress

1. ให้ท่านดาวน์โหลด wordpress เวอร์ชั่นภาษาไทยได้จาก http://th.wordpress.org/ เมื่อดาวน์โหลดเสร็จแล้ว ให้ท่านทำการแตก zip ไฟล์ออกมา จากนั้นให้มองหาไฟล์ wp-config-sample.php

wordpress01

2. เมื่อเจอแล้ว ให้ท่านคลิกขวาที่ไฟล์ เลือก open with… / Notepad ตามภาพด้านล่าง

wordpress02

3. ให้ท่านเข้าไปแก้ไขข้อมูลต่างๆ ตามที่ได้ขีดเส้นใต้ไว้ให้ อันได้แต่ก ชื่อฐานข้อมูล / ยูสเซอร์เนม /พาสเวิร์ด ตามลำดับ เมื่อเสร็จแล้วให้เลือกคำสั่ง File / Save as  ตั้งชื่อไฟล์ใหม่เป็น wp-config.php

wordpress03

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

wordpress04

5. หลังจากกดติดตั้งเวิร์ดเพรส แล้ว ท่านจะพบกับหน้าต่างแจ้งพาสเวิร์ด ซึ่งจะเป็นการสุ่มพาสเวิร์ดให้ท่านก่อน ให้ทำการก็อปปี้พาสเวิร์ดนี้ไว้ แล้วคลิกเข้าสู่ระบบ

wordpress05

6. เมื่อเข้าสู่ระบบมาแล้ว อันดับแรกที่ท่านจะต้องทำก็คือ ทำการเปลี่ยนพาสวิร์ดเสียก่อน โดยให้คลิกที่ โปรดนำฉันไปยังหน้าข้อมูลส่วนตัวของฉัน (ตามที่ลูกศรชี้)

wordpress06

7. ให้ท่านกรอกรายละเอียดต่างๆ เช่น ชื่อ นามสกุล อีเมล เว็บไซต์ และส่วนล่างสุดเป็นช่อง รหัสผ่านใหม่ ให้ท่านพิมพ์ 2 บรรทัดให้ตรงกัน จากนั้นก็คลิกที่อัพเดตโปรไฟล์ เป็นอันเรียบร้อย

wordpress07

*ที่มา : http://www.wordpressthai.com/what-is-wordpress/

Category: ทำเว็บ  Tags:  Comments off