Designing Web Sites from Photoshop to Dreamweaver
This course teaches web design beginners how to turn their design in Photoshop into a fully functioning web site in Dreamweaver. Sue Jenkins shows how to create mockups, slice, and optimize web graphics, and build a site using the Dreamweaver HTML and CSS templates. The course also covers how to customize HTML and CSS to style and position content, test and validate code, and use FTP to transfer finished site files to a host server. Postlaunch site maintenance is also discussed so that designers can keep their web sites up to date. Exercise files are included with the course.
- Setting up the Photoshop and Dreamweaver workspaces
- Planning a site and defining site goals
- Mocking up the layout and navigation
- Deciding on fonts and colors
- Styling the header, main content, sidebar, and footer
- Optimizing web graphics
- Building page structure with divs
- Building menus
- Adding metadata and externalizing CSS
- Creating templates with editable regions
- Creating template-based pages and adding content
- Inserting form fields
- Adding SEO, metadata, and accessibility markup
- Testing, validating, and publishing projects
Hello! This is Sue Jenkins, and welcome to Designing Websites from Photoshop to Dreamweaver. We'll start the training off by showing you how to set up your Photoshop and Dreamweaver workspaces for working on a web project. We'll then discover some simple ways to plan your website effectively and gathering the necessary content. After that, we'll explore some design ideas related to creating your web mockup in Photoshop, and talk about slicing and optimizing web graphics. We'll then jump into Dreamweaver to learn how to construct a webpage template, work with AP div tags, then insert form fields, followed by some tips and tricks for search engine optimization and accessibility.
We'll then work with some of Dreamweaver's testing and validation tools to clean up our code and validate our code against W3C standards. We'll wrap up with a section dedicated to publishing via FTP and get some suggestions about post-launch site maintenance. So, whether you're brand-new to web design or looking for ideas on ways to work smarter, welcome to Designing Websites from Photoshop to Dreamweaver.
There are currently no FAQs about Designing Web Sites from Photoshop to Dreamweaver.
Illustrator CC 2013 One-on-One: Fundamentals1,633,291 Views
PHP with MySQL Essential Training3,907,848 Views
HTML Essential Training3,250,120 Views
Muse Essential Training1,405,772 Views
Edge Animate Essential Training590,974 Views
After Effects CC Essential Training2,533,490 Views
Foundations of Programming: Fundamentals6,728,971 Views
Illustrator CC Essential Training (2013)3,019,140 Views