Exploring Web Design Tools: From Basic Text Editors to Advanced WYSIWYG Software
This chapter dives into a variety of web design tools that cater to different user needs and skill levels. We cover essential text editors like TextWrangler for Mac and Visual Web Developer Express for PC, highlighting the differences between web editors and WYSIWYG tools such as Adobe Dreamweaver and Microsoft Expression Web. Learn about features like FTP for file transfers, support for templates, and link validation to ensure your site structure is robust. We also discuss e-commerce integrations and browser development tools.
Exploring Web Design Tools: From Basic Text Editors to Advanced WYSIWYG Software
E N D
Presentation Transcript
Chapter 3Web Design Tools Simple to the complex and robust software packages
Text Editors Mac: Text Wrangler www.barebones.com PC: Visual Web Developer Express www.microsoft.com/express/web. Web editors vs WYSIWYG tools Adobe Dreamweaver and Microsoft Expression Web WYSIWYG tools
Markup tools Plain text editors Text Editors for web design Full WYSIWYG Editors Student Prices Journeyed.com Student priced software Trial Products Dreamspark.com
Site Management and file transfer protocol (FTP) Upload files to web server Support reusable object as page templates and library items Check links to make sure they link to valid pages or objects Validate links when files are moved to a web server Support hand coding
E-commerce site • Client side • Java Script • Server side • Adobe ColdFusion • Microsoft ASP Require hosting computer have the software installed
Dreamweaver Expression Web Templates parent master pages Link to child pages Defining sites
Development tools in browser IE Not our favorite F12 SAFARI Preferences Show Developer Tools in Menu Bar http://getfirebug.com Chrome