2. 1 Web Design concepts Web page design through Tables

3. 2 Some terms Tags, attributes & element Web page Web site Web client Web server

4. 3 Website ….. Designing a good website requires more than just putting together a few pages

5. 4 Web Page Design Design of web pages is very important because ….. Poor design makes for - Difficult navigation Hard to locate information on page Visually unappealing

6. 5 Design consistency Choose a common layout for your website. The index page will probably differ but interior pages should be the same Use tables/div to control placement throughout Use the same font throughout! Use color scheme that is consistent Use a hierarchical structure

7. Web design Design your web site through Tables Division 6

8. 7 Tables Use tables to lay out your pages! Make the table borders invisible A 2x2 table works well

9. 8 Areas of a Web Page Menu Header Content Logo Header

10. 9 A 2 x 2 Layout

11. 10 A 2 x 2 Layout

12. 11 Table within a table

13. 12 The outer table

14. 13 The inner table

15. 14 The inner table

16. 15 Centered with three columns

17. 16 Really complicated design!

18. 17 Site Map A site map is designed to show the connections between pages A graphical site map uses lines to connect linked pages

19. 18 Site Map Interior or Internal Pages Your Website index.html Friends.htmlPersonal.htmlFamily.html Educational.htmlHobbies.html

20. 19 Assignment – Website Design Build your personal website. Add pages to site – like Resume, friends page, hobbies page Minimum 4 pages Make sure design consistency This is an individual assignment.

21. Presentations GroupMembersTopicDate 1Zuhair + ZainAdobe photoshop27.2.2013 2Faisal + QasimFirebug6.3.2013 3Junaid RashidDreamweavor13.3.2013 4Nashra+Madiha+Kanwal+AleenaDreamweavor13.3.2013 5Falak sher + UsmanWebMatrix20.3.2013 6Affan + UsmanJoomla27.3.2013 7Ahsan+Shafqat+IqraWordpress3.4.2013 8Mustansir+ NoumanModernizer10.4.2013 9SamerOSCommerce17.4.2013 10Zeeshan + Haris + RabiaMagento24.4.2013 11Ibrahim + Ali TariqBrackets1.5.2013 12Sana + Farwa8.5.2013 13Khurram + Hasan15.5.2013 14Nouman + Zeeshan + Sahar22.5.2013 20

22. 21 Thanx!