.

เวลาจะพิสูจน์
ทุกอย่างแม้กระทั่งคน คนเรา...

วันพุธที่ 25 พฤษภาคม พ.ศ. 2554

-Principal design and website development


>>>>Principal Design
Alignment
Can you imagine how difficul
t it would be to find your car in a crowded parking lot if everyone ignored the parking lot stripes and parked in every which direction and angle? Imagine trying to get out of there! Alignment brings order to chaos, in a parking lot and on a piece of paper. How you align type and graphics on a page and in relation to each other can make your layout easier or more difficult to read, foster familiarity, or bring excitement to a stale design.
การวางแนว
คุณลองนึกดูว่ามันจะเป็นเรื่องยากแค่ไหนที่จะหารถในลานจอดรถแออัดถ้าทุกคนจอดเลยเส้นที่จอดรถและจอดในทุกทิศทางและทุกมุมที่? ลองนึกภาพที่พยายามเอารถออกจากที่นั่น! การจัดตำแหน่งอื่นๆจะนำความสับสนวุ่นวายในลานจอดรถและบนแผ่นกระดาษ วิธีการที่คุณจัดพิมพ์และกราฟิกบนหน้าและในความสัมพันธ์กันจะทำให้รูปแบบของคุณง่ายขึ้นหรือยากต่อการอ่านส่งผลให้เกิดความคุ้นเคยหรือนำความตื่นเต้นกับการออกแบบฟกช้ำ


Repetition / Consistency
What if Stop signs came in pink squares, yellow circles, or green triangles, depending on the changing whims of a town and a few of its residents? Imagine the ensuing traffic jams and accidents. Repeating design elements and consistent use of type and graphics styles within a document shows a reader where to go and helps them navigate your designs and layouts safely.

การทำซ้ำ / ความสอดคล้อง

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

Contrast
On the basketball court, one pro team looks much like another. But send a few of those players for a stroll down most any major city street and something becomes apparent — those players are much taller than your average guy on the street. That's contrast. In design, big and small elements, black and white text, squares and circles, can all create contrast in design.

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

White Space
Design that try to cram too much text and graphics onto the page are uncomfortable and may be impossible to read. White space gives your design breathing room.

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



แปลโดย นาย จิรเดช บุปผาวัลย์

------------------------------------------------------
>>>Website Development
Website development requires an evolving explanation, as it is a product of numerous contributions by individuals, corporations, and technologies. It uses aspects of Web design that is one example of a Web application that are components of Web development, all affected by changes made to the Internet. These collaborated efforts are constantly modifying elements of developmental aspects. The process encompasses the combination of chronology while simultaneously adapting and incorporating the changing applications of contributions.
การ พัฒนาเว็บไซต์ต้องมีการเปลี่ยนแปลงตลอดเวลาต้องมีเงินขากผลิตพันธ์จากคนทั่ว ไป บริษัท และเทคโนโลยีจะใช้ด้านของการออกแบบเว็บที่เป็นตัวอย่างหนึ่งของโปรแกรมประ ยุกต์บนเว็บที่มีองค์ประกอบของการพัฒนาเว็บทั้งหมดได้รับ ผลกระทบจากการเปลี่ยนแปลงที่เกิดขึ้นกับอินเทอร์เน็ตความพยายามเหล่านี้ทำงานร่วมกันตลอดเวลาการปรับเปลี่ยนองค์ประกอบด้านการพัฒนา กระบวนการครอบคลุมการรวมกันของลำดับเหตุการณ์ในขณะที่การปรับการใช้งานพร้อมกันและการรวมการเปลี่ยนแปลงสมทบของเงิน

The creation of a website includes a base platform that exits from various computer languages that can range from HTML, XML, ASP, and PHP. These languages may support programs or software such as JavaScript, CGI, FLASH, RSS, or ZEND OPTIMIZER, that increase the level of dynamic capabilities within a given website. The technical aspects also include degrees of creativity pertaining to the applications of technologies and content. The integration of the produced document (website) with hosting and an assigned IP (IP address) results in accessibility.การสร้างว็บไซต์รวมถึงแพลตฟอร์มฐานที่ออกจากภาษาคอมพิวเตอร์ต่างๆที่สามารถช่วงจาก HTML, XML, ASP, PHP และ ภาษาเหล่านี้อาจสนับสนุนโปรแกรมหรือซอฟต์แวร์เช่น JavaScript, CGI, FLASH, RSS, หรือ Zend Optimizer ที่เพิ่มระดับความสามารถแบบไดนามิกในเว็บไซต์ที่กำหนด ด้านเทคนิคยังหมายรวมถึงองศาของความคิดสร้างสรรค์เกี่ยวกับการใช้งานของเทคโนโลยีและเนื้อหา. การรวมกลุ่มของเอกสารที่ผลิต (เว็บไซต์) กับโฮสติ้งและกำหนดผล IP (IP address) ในการใช้งาน

Website development encompasses the documentary production aspect of a website while incorporating legitimate processes of search engine optimization, marketing, and business. Percentages of these applications are used by personal, commercial, and educational platforms.
การพัฒนาเว็บไซต์ครอบคลุมด้านการผลิตเอกสารของเว็บไซต์ในขณะที่การรวมกระบวนการถูกต้องตามกฎหมายในการเพิ่มประสิทธิภาพของเครื่องมือค้นหาการตลาดและธุรกิจ ร้อยละของโปรแกรมประยุกต์เหล่านี้จะถูกใช้โดยบุคคลแพลตฟอร์มการค้าและการศึกษา

Increasing the accessibility of information contained in a given website, Search Engine Optimization is a detailed process that strives to return favorable search term results in search engines. Marketing is an element implementing the distribution and retrieval of information, products, services, or goods. Ranging from product to commercial definitions, Business contributes to a summary of website development. Tools and resources are critical means incorporating elements involving website development.
การเพิ่มความสามารถในการเข้าถึงข้อมูลที่มีอยู่ในเว็บไซต์ที่กำหนด, Search Engine Optimization เป็นกระบวนการที่มีรายละเอียดที่พยายามจะให้ผลลัพธ์ที่ดีในการค้นหาเครื่องมือค้นหา การตลาดเป็นองค์ประกอบของการดำเนินการจัดจำหน่ายและการสืบค้นข้อมูลสินค้าบริการหรือสินค้า ตั้งแต่ผลิตภัณฑ์คำจำกัดความการค้าธุรกิจส่วนช่วยในการสรุปของการพัฒนาเว็บไซต์ เครื่องมือและทรัพยากรเหล่านี้เป็นวิธีการรวมองค์ประกอบที่สำคัญเกี่ยวกับการพัฒนาเว็บไซต์

Credit
- http://desktoppub.about.com/od/designprinciples/l/aa_pod1.htm
- http://en.wikipedia.org/wiki/Website_development

วันอังคารที่ 24 พฤษภาคม พ.ศ. 2554

-ความหมายของสีต่างๆ

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

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

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

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

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

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

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

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

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

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

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

Credit - http://share.psu.ac.th/blog/webdevelopment/1850

-วรรณะของสีและอารมที่แสดง

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







1.การใช้สีวรรณะเดียว
ความหมายของสีวรรณะเดียว (tone) คือกลุ่มสีที่แบ่งออกเป็นวงล้อของสีเป็น 2 วรรณะ คือ วรรณะร้อน (warm tone) ซึ่งประกอบด้วย สีเหลือง สีส้ม สีแดง สีม่วง สีเหล่านี้ให้อิทธิพล ต่อความรู้สึก ตื่นเต้น เร้าใจ กระฉับกระเฉง ถือว่าเป็นวรรณะร้อน วรรณะเย็น (cool tone) ประกอบด้วย สีเหลือง สีเขียว สีน้ำเงิน สีม่วง สีเหล่านี้ดู เย็นตา ให้ความรู้สึก สงบ สดชื่น (สีเหลืองกับสีม่วงอยู่ได้ทั้งสองวรรณะ) การใช้สีแต่ละครั้งควรใช้สีวรรณะเดียวในภาพทั้งหมด เพราะจะทำให้ภาพความเป็นอันหนึ่งอันเดียวกัน (เอกภาพ) กลมกลืน มีแรงจูงใจให้คล้อยตามได้มาก









2.การใช้สีต่างวรรณะ
หลักการทั่วไป ใช้อัตราส่วน 80% ต่อ 20% ของวรรณะสี คือ ถ้าใช้สีวรรณธร้อน 80% สีวรรณะเย็นก็ 20% เป็นต้น ซึ่งการใช้แบบนี้สร้างจุดสนใจของผู้ดู ไม่ควรใช้อัตราส่วนที่เท่ากันเพราะจะทำให้ไม่มีสีใดเด่น ไม่น่าสนใจ3.การใช้สีตรงกันข้าม สีตรงข้ามจะทำให้ความรู้สึกที่ตัดกันรุนแรง สร้างความเด่น และเร้าใจได้มากแต่หากใช้ไม่ถูกหลัก หรือ ไม่เหมาะสม หรือใช้จำนวนสีมากสีจนเกินไป ก็จะทำให้ความรุ้สึกพร่ามัว ลายตา ขัดแย้ง ควรใช้สีตรงข้าม ในอัตราส่วน 80% ต่อ20% หรือหากมีพื้นที่เท่ากันที่จำเป็นต้องใช้ ควรนำสีขาว หรือสีดำ เข้ามาเสริม เพื่อ ตัดเส้นให้แยกออก จาก กันหรืออีกวิธีหนึ่งคือการลดความสดของสีตรงข้ามให้หม่นลงไป

*สีตรงข้ามมี 6 คู่ได้แก่
*สีเหลือง ตรงข้ามกับ สีม่วง
*สีแดง ตรงข้ามกับ สีเขียว
*สีน้ำเงิน ตรงข้ามกับ สีส้ม
*สีเขียวเหลือง ตรงข้ามกับ สีม่วงแดง
*สีส้มเหลือง ตรงข้ามกับ สีม่วงน้ำเงิน
*สีส้มแดง ตรงข้ามกับ สีเขียวน้ำเงิน

การใช้สีตัดกัน ควรคำนึงถึงความเป็นเอกภาพด้วย วิธีการใช้มีหลายวิธี เช่น ใช้สีให้มีปริมาณต่างกัน เช่น ใช้สีแดง 20 % สีเขียว 80% หรือ ใช้เนื้อสีผสมในกันและกัน หรือใช้สีหนึ่งสีใดผสมกับสีคู่ที่ตัดกัน ด้วยปริมาณเล็กน้อยรวมทั้งการเอาสีที่ตัดกันมาทำให้เป็นลวดลายเล็ก ๆ สลับกัน

Credit - http://www.108award.com/index.php?lay=show&ac=article&Id=538702105&Ntype=2

วันจันทร์ที่ 23 พฤษภาคม พ.ศ. 2554

-หลักการออกแบบและพัฒนาเว็บ

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

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

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

* ออกแบบเว็บเพจและเตรียมข้อมูล คือ เป็นขั้นออกแบบหน้าตาและเค้าโครงของเว็บไซต์ของตนเอง ซึงควรจะมีสีสันตามความน่าสนใจของแต่ละเว็บไซต์แตกต่างกันออกไป และต้องมีการใช้ศิลปะเข้าช่วยอย่างแน่นอน เพื่อให้ตัวอักษร โลโก้ พื้นหลัง และอีกมากมายออกมาสวยและดูสะดุดตาเป็นที่น่าติดตาม ผู้สร้างหรือพัฒนาสามารถใช้โปรแกรม Photo shop, Flash และอีกมากมายหลายโปรแกรมเพื่อสร้างสรรค์งานให้ออกมาดูสวยและเป็นที่น่าพึงพอใจแก่พอเข้าชมเว็บ

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

* เผยแพร่และส่งเสริมให้ป็นที่รู้จัก คือ การนำเว็บไซต์ขึ้นเผยแพร่บนอินเตอร์เน็ตจะทำด้วยการอัพโหลดไฟล์ทั้งหมด คือ HTML และไฟล์อื่นๆที่เกี่ยวข้อง ขึ้นไปเก็บบนเซิร์ฟเวอร์ที่เราเปิดบริการไว้ การอัพโหลดเว็บไซต์ หรือบางครั้งเรียกว่า “พับลิช” อาจทำด้วยโปรแกรมสร้างเว็บไซต์เอง หรือฝากไว้ที่เว็ฐรับฝากซึ่งส่วนมากจะลงท้ายด้วย นามสกุลของเว็บนั่นๆ เพื่อเป็นการสนับสนุนเว็บนั่นๆด้วย ด้านการส่งเสริมให้รู้จักทำได้หลายวิธีเช่นการโปรโมทด้วยการส่งเมลให้คนรู้จักหลอ แนะนำด้วยตัวเอง

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

Credit-http://www.top10-gym.com/?p=48

หมายเหตุ สรุปโดย นาย จิรเดช บุปผาวัลย์

วันอาทิตย์ที่ 22 พฤษภาคม พ.ศ. 2554

In my BLOG

Name Mr. Jiradet Bupphawan
Nickname Pan
Birthday 29 May 1991
i'm 18 years old.
Studying Diploma of Information technology In Khonkean Vocational College.
Freetime Play music, Basgetball
Address 282/1 Nhongdon Chumphea Khonkean 40130.
Model >> What is not as good as my own.
E-mail >> b_suterpan@hotmail.com
Facebook >> Panda Bupphawan