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

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

  • CSS

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 ของตารางที่จะใช้ในการแสดงผลเสร็จแล้ว
– ดูการออกแบบหน้าลงทะเบียน
– เขียนหน้าลงทะเบียนไปได้หน่อยนึงแล้ว

Leave a comment