1. Web Page Development Tools
4.01 Examine web page development and design.

2. What are web page development tools?
Tools that make web page development easier and more productive.

3. Web Page Development Tools
HTML/XHTML Editor
Editors are for writing, saving and editing tags used to create web page files.
Files must be published—uploaded to a host computer for viewing through the Internet.
Notepad is preferred over Microsoft Word for writing code.

4. Host Computer Stores web page files
Sends web page files via the Internet upon user request
Also known as a web server

5. Cascading Style Sheets (CSS)
Define how to display HTML elements (specifying fonts, color, spacing)
Styles are stored in style sheets (.css files)
External style sheets can save a lot of work

6. Cascading Style Sheets (CSS) continued
Allow changing of every page in a web site by just editing one style sheet
Web site can be completely consistent in the look and feel of the web page.
Developer has more control over the layout and design.

7. Software Packages Adobe Dreamweaver CS4 Originally made by Macromedia
WYSIWYG Web authoring tool
Allows creation of Web site without coding HTML
Code created is often inefficient and needs to be “cleaned up” using HTML coding.
Works well with Flash and other Macromedia (Adobe) products

8. Software Packages continued
Microsoft Expression Web 2
WYSIWYG HTML editor
Allows creation of Web site without coding HTML
Replaced Microsoft FrontPage
Some of the HTML code created may not validate properly