[โปรเจคจบ] Design phase : ออกแบบหน้าเวบ

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

Adding CSS into CodeIgniter View : การใส่ CSS ใน CodeIgniter
– http://afruj.wordpress.com/2008/05/04/adding-css-into-codeigniter-view/
– Adding CSS to Handling Views with CodeIgniter

Curved/Round corner : การทำขอบโค้ง
– Creating a curve using CSS (without using image)
– http://r3.elasticweavers.com/creating-a-curve-through-css-without-using-an-image.php
– http://www.roundedcornr.com/

Submenu tab : การทำเมนู 2 ชั้น หรือเมนูย่อย
– http://kalsey.com/2003/05/css_tabs_with_submenus/
– http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/

Table css : การออกแบบตารางโดยใช้ css
– Top 10 CSS Table Designs
– 10 CSS Table Examples
– http://www.hongkiat.com/blog/html-table-building-30-beautiful-examples-and-useful-javascripts/

Multiple classes : การใช้หลาย class ของ css ร่วมกัน
–http://www.quirksmode.org/css/multipleclasses.html

Form

Login Form : รูปแบบของฟอร์มในการเข้าสู่ระบบ
– http://www.smashingmagazine.com/2008/07/04/web-form-design-patterns-sign-up-forms/
– http://www.opencrypt.com/blog.php?a=25
– http://designreviver.com/inspiration/100-sites-with-outstanding-login-forms/

Registration Forms : รูปแบบของฟอร์มในการลงทะเบียน
– http://www.smileycat.com/design_elements/registration_forms/

CodeIgniter registration form
– CodeIgniter Registration Form Part 1
– CodeIgniter Registration Form Part 2
– CodeIgniter Registration Form Part 3
– CodeIgniter Registration Form Part 4
– http://godbit.com/article/introduction-to-code-igniter

สรุปประจำวัน

– วันนี้ทำเมนูแบบ 2 ชั้นได้แล้ว แต่ยังไม่ได้ลิงค์ไปไหน
– ออกแบบ layout ของหน้าเวบหลัก
– ออกแบบ header เสร็จแล้ว
– ออกแบบส่วนของการ login เสร็จแล้ว
– เขียน css ของตารางที่จะใช้ในการแสดงผลเสร็จแล้ว
– ดูการออกแบบหน้าลงทะเบียน
– เขียนหน้าลงทะเบียนไปได้หน่อยนึงแล้ว