หลักการสร้างเว็บไซต์ ต้องประกอบสําหรับการออกแบบเว็บไซต์ที่ดี หลักสําคัญควรมีส่วนประกอบหลัก ๆ ทั้งหมด 6 ส่วน ดังนี้ fotool in
1. Containing block โดยปกติเราจะเขียน <div> หรือ <table> ต่อจาก <body> เพื่อเอาไว้ เก็บเนื้อหาทั้งหมดของเว็บไซต์ก่อน เพื่อเอาไว้เป็นกล่องในการเก็บเนื้อหาทั้งหมด โดยกล่องของเราจะมีข้อดี ที่สามารถทําให้ปรับเปลี่ยนขนาดในการแสดงผลของเนื้อหาได้ หรือตําแหน่งการแสดงผลของ เว็บไซต์ได้ เช่น จัดกลาง ชิดซ้าย หรือชิดขวา หากนึกภาพไม่ออก ลองเขียนเว็บไซต์โดยเริ่มที่ใส่ตัวหนังสือ ลงไปก่อน หากต้องการจัดตัวหนังสือเหล่านั้นจะทําได้ยาก ดังนั้นทุกครั้งที่ออกแบบเว็บไซต์อย่าลืมสร้าง Containing block เอาไว้ใส่เนื้อหาทั้งหมดก่อน เพื่อความสะดวกของเราเอง
2.Logo เป็นสัญลักษณ์ที่แสดงถึงตัวตนของเรา ทําให้ลูกค้าหรือผู้ใช้งานจดจําเราได้ ด้วยเหตุนี้เองทําให้การออกแบบเว็บไซต์นั้นจําเป็นต้องมีโลโกของเว็บไซต์ ส่วนตําแหน่งที่จะวางโลโกไว้ คือ ตําแหน่งที่เป็นสีม่วงทั้งหมดนั่นเอง จะสังเกตได้ว่าจะเป็นส่วนที่อยู่ด้านบนของเว็บไซต์ทั้งหมด เพื่อให้ ผู้ใช้งานจําได้ และสะดุดตา เรื่องที่ต้องเตือนให้รู้กันคือ สัญลักษณ์ของเว็บไซต์เมื่อคลิกจะนําไปสู่หน้าแรก
ของเว็บไซต์เสมอ
3. Navigation เป็นส่วนที่จะนําผู้เข้าชมเว็บไซต์ไปยังส่วนต่าง ๆ ของเว็บไซต์ โดยสามารถทําให้ อยู่ในแนวนอน หรือแนวตั้งก็ได้ หากสังเกต hellomyweb.com จะมีทั้งแนวตั้งและแนวนอน โดยแนวนอน จะนําไปสู่เนื้อหาหน้าอื่นของเว็บไซต์ ส่วนแนวตั้งจะนําไปสู่เนื้อหาย่อยในหน้านั้น ตําแหน่งที่ควรจะวาง navigation เอาไว้คือสีเขียวทั้งหมด ถ้าสังเกตดูจะพบว่าการวางตําแหน่งต้องพยายามให้อยู่ในส่วนด้านบน ของเว็บไซต์ หรือจะพูดอีกอย่างคือ ส่วนที่ผู้ใช้เปิดมาต้องเจอได้ทันที ไม่ควรวางไว้ในตําแหน่งที่ผู้ใช้ ต้องเลื่อนขึ้นลงหรือซ้ายขวา
4. Content ส่วนเนื้อหาของเว็บไซต์เป็นส่วนที่สําคัญมากที่สุด หากผู้ใช้งานไม่สามารถ เข้าถึงได้โดยง่ายอาจจะเปลี่ยนไปชมเว็บอื่นทันที ตําแหน่งที่ควรวางเนื้อหาไว้คือสีแดง หรือตําแหน่งอื่น ๆ ที่คิดว่าจะทําให้ผู้ใช้งานหาเจอได้โดยไม่ลําบาก หากสังเกตดูจะพบว่าเว็บไซต์บางเว็บไซต์มีโฆษณาที่มาก จนเกินไป ทําให้ผู้ใช้งานหาเนื้อหาไม่เจอ นั่นถือเป็นการออกแบบที่ผิดพลาด
5. Footer คือส่วนล่างสุดของหน้าเว็บไซต์ ส่วนใหญ่จะเก็บลิงก์ต่าง ๆ เอาไว้ หรือเป็นเนื้อหา ที่เกี่ยวกับเว็บไซต์ เช่น ลิขสิทธิ์ต่าง ๆ ถามว่าจําเป็นต้องมีหรือไม่ บอกได้ว่าจําเป็นอย่างยิ่ง footer จะ บอกผู้ชมได้ว่าส่วนนี้คือล่างสุดของหน้าที่กําลังแสดงอยู่ ไม่มีเนื้อหาเพิ่มเติมแล้ว ทําไมต้องบอก เนื่องจาก การแสดงเว็บไซต์ในบางครั้งหน้านั้นอาจโหลดได้ไม่หมด อาจแสดงได้แค่เนื้อหาภายใน หากออกแบบให้ มี footer ตั้งแต่แรก ผู้ใช้งานก็จะรู้ได้ทันทีว่าหน้าที่แสดงผลนี้อาจแสดงได้ไม่สมบูรณ์เพราะยังไม่เห็น footer และยังมีผลต่อภาพลักษณ์ของเว็บไซต์โดยตรง เราจะสังเกตได้ว่าเมื่อเข้าไปดูเว็บไซต์ที่ไม่มี footer จะรู้สึกว่าเว็บไซต์นั้นยังทําไม่เสร็จ หรือขาดอะไรบางอย่าง
6. Whitespace พื้นที่ว่างในเว็บไซต์ คนส่วนใหญ่มักไม่เห็นความสําคัญของการเว้นพื้นที่ว่างไว้ใน เว็บไซต์ ซึ่งมักจะใส่ภาพหรือตัวหนังสือเข้าไปให้มากที่สุด เพราะคิดว่าจะทําให้เว็บไซต์ดูสวยงามขึ้น หรือใช้พื้นที่ ที่มีอยู่ให้คุ้มค่าที่สุด หากเราออกแบบโดยไม่ได้คํานึงว่าต้องมีพื้นที่ว่างอยู่ในเว็บไซต์ จะทําให้เว็บดูอึดอัดทันที การเว้นช่องว่างเอาไว้ ไม่ว่าจะเป็นระยะห่างระหว่างตัวอักษร หรือช่องว่างระหว่างภาพและเนื้อหาต่าง ๆ นอกจากจะทําให้เว็บไซต์ดูสบายตาขึ้นแล้ว ยังทําให้สามารถกําหนดจุดที่จะให้ผู้ใช้งานเว็บรู้สึกสนใจใน จุดนั้นได้อีกด้วย เช่น Spacebar หากเว้นช่องว่างเอาไว้ตรงกลาง และนําภาพหรือตัวหนังสือเล็ก ๆ ไปวางไว้ ตรงจุดนั้นจะเป็นที่สนใจของผู้ใช้งานทันที
