Transcript Web Site Development Competency 8 Create a multimedia web site.

Web Page
Development Tools
4.01 Examine web page development and design.
What are web page
development tools?
 Tools that make web page
development easier and more
productive.
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.
Host Computer
 Stores web page files
 Sends web page files via the Internet
upon user request
 Also known as a web server
Cascading Style Sheets (CSS)
 Define how to
 Styles are stored
display HTML
in style sheets
elements
(.css files)
(specifying fonts,  External style
color, spacing)
sheets can save
a lot of work
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.
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
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