Join Paul Trani for an in-depth discussion in this video Testing the web site, part of Creating a First Web Site with Dreamweaver CS6.
Once you have your site completed, you can start to test it out to make sure…it looks good across different browsers as well as browser versions and…different screen sizes.…So what I can do here in Dreamweaver is I can turn on that Live View button,…which is what I've been doing all along as I develop, is to render out the…page just to make sure everything is looking good, and it is.…I can view this on a desktop size, a tablet size, to see how the content adjusts,…and even a mobile device size, just to see how everything looks.…
And everything looks pretty good that way.…I am going to turn off that mobile size because I want to go beyond what I can…do here in Dreamweaver, at least right here with the Live View button, because I…can actually view it in an actual browser.…So File > Preview in Browser will enable me to preview it in Safari, Chrome,…because those are the browsers that I have installed.…Whichever ones you have installed will be listed there. And I can see what it…looks like in those browsers and as well as how the screen adjusts as well for…
- Understanding basic web principles
- Adding content to a web page
- Linking to web sites and email addresses
- Styling content with CSS
- Creating a layout that fits multiple browsers and devices
- Building an HTML5 layout
- Inserting images and video
- Adding a menu bar
- Creating a contact form
- Integrating a Twitter feed
- Uploading and testing a web site
Skill Level Beginner
Q: Where do I learn more about how to make a website?
A: Discover more on this topic by visiting how to make a website on lynda.com.
Photoshop CS6 for Web Design (2012)with Justin Seeley4h 56m Appropriate for all
1. Understanding Web Site Design
2. Creating a Web Page
3. Stylizing Content
4. Creating a Flexible Layout
5. Adding Navigation and Pages
6. Adding a Portfolio
7. Using Content from Other Sources
8. Creating a Contact Form
9. Testing and Uploading
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.