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 display HTML elements (specifying fonts, color, spacing) Styles are stored in style sheets (.css files) External style 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