Guide to Web Coding and Design

This Guide to Web Coding & Design will show and teach you how to create an elegant and informative site by explaining the simplicity of HTML, the organization of CSS, the power of PHP, and the artistry of Adobe Photoshop. To get the most from this web coding and design site you need to practice the examples given and try out the techniques explained. The only way to really understand the concepts and ideas of web design and development is to gain first-hand experience with coding web pages. This site is an April 2004 entry in the biannual international thinkquest.Org competition, under the free topic for ages 19 & Under.


Guide to Web Coding and Style:
http://www.thinkquest.org/library/site.html?team_id=04apr/00650


HTML: Discover the basics of creating a simple webpage:
http://library.thinkquest.org/04apr/00650/html/index.html

- Formatting Text:
- http://library.thinkquest.org/04apr/00650/html/format.html

- Lists & Tables:
- http://library.thinkquest.org/04apr/00650/html/lists.html

- Links & Beyond:
- http://library.thinkquest.org/04apr/00650/html/other.html


CSS: Standardize and stylize the layout of a webpage:
http://library.thinkquest.org/04apr/00650/css/index.html

- Text Formatting:
- http://library.thinkquest.org/04apr/00650/css/textformatting.html

- Internal Styles:
- http://library.thinkquest.org/04apr/00650/css/internal.html

- External Styles:
- http://library.thinkquest.org/04apr/00650/css/external.html

- Advanced CSS:
- http://library.thinkquest.org/04apr/00650/css/advanced.html


PHP: Create code that generates HTML for you:
http://library.thinkquest.org/04apr/00650/php/index.html

- Basics of PHP:
- http://library.thinkquest.org/04apr/00650/php/basics.html


Web Design: Learn the do's and don'ts of creating an elegant web page:
http://library.thinkquest.org/04apr/00650/webdesign/index.html

- Consistency:
http://library.thinkquest.org/04apr/00650/webdesign/consistency.html

- Color Theory:
http://library.thinkquest.org/04apr/00650/webdesign/colortheory.html


Photoshop: Edit pictures to create specific design effects:
http://library.thinkquest.org/04apr/00650/photoshop/index.html

- The Basics:
- http://library.thinkquest.org/04apr/00650/photoshop/basics.html

- The Main Menu:
- http://library.thinkquest.org/04apr/00650/photoshop/menu.html

- Layers:
- http://library.thinkquest.org/04apr/00650/photoshop/layers.html

- Photo Manipulation:
- http://library.thinkquest.org/04apr/00650/photoshop/photomanipulation.html

- Blending:
- http://library.thinkquest.org/04apr/00650/photoshop/blending.html