Image of GMU Logo Web Authoring and Design Image of PWR logo

Site Navigation

Home

Web Authoring Main

Strategy and Scope Planes

Structure and Skeleton Planes

Surface Plane and Resources

Module 6 Updates

The Surface Plane

The ‘Surface’ is the actual webpage where our functions, features and content appear. In designing the Surface Plane a positive sensory experience is the desired goal. Although much effort has been invested in the previous four planes, it is in the Surface Plane that the user will experience the effort of all five planes. Some of the elements to be considered here are contrast and uniformity.

HTML and CSS are used to actually create the webpages. Duckett provides detailed instruction on both HTML and CSS coding.

HTML is used to create the general structure of the page (headings, paragraphs, etc.). The content is presented using HTML.

Once the content in known, CSS should be used for the stylization (colors, borders, layout).

Picture of a computer displaying webpage

Additional Resources

In addition to the textbooks and the resources already suggested, here are some additional resources:

  1. General:
    • Class Website:ENGH 375
    • A great site with lots of helpful web design information:w3schools
  2. Cool Tools:
    • HTML/CSS editor (PC):Notepad++
    • Free image-editing software: GIMP
  3. HTML and CSS:
  4. Images:
  5. Layout/Design:

 

Sharon O'Boyle Module 5

Last updated: April 11, 2014      Date completed: April 11, 2014
Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.