#HTML INSPECTOR HOMEWORK HOW TO#
#HTML INSPECTOR HOMEWORK SERIES#

A typical Dreamweaver site has at least two parts: In Dreamweaver, a site organizes all the documents on your local computer associated with your website and lets you track and maintain links, manage files, and transfer your site files to a web server. Avoid this heartache by always defining a site. Then you discover all your links are broken and need to be fixed. Everything works fine until you come to upload the site to your remote server. This results in links to assets, such as images and style sheets, pointing to a location on your local computer. If you don't have a subscription to the Creative Cloud, you can use the free trial.Ī common beginner mistake is to start working on web pages in Dreamweaver without defining a site. Although older versions of Dreamweaver are capable of building the same website, it's recommended that you use Dreamweaver 2015.2 for this tutorial.

#HTML INSPECTOR HOMEWORK SERIES#

Note: This tutorial series has been written for Dreamweaver 2015.2, and it uses features that are not available in older versions of the program. Take a break between sections to make sure you understand the various techniques introduced. Each part has been divided into short sections that explain not only what to do, but also why. This is an in-depth tutorial, so give yourself plenty of time.

Upload the finished pages to an online web serverĪlong the way, you'll also get to know the most important parts of the Dreamweaver user interface.Control different layouts using the Visual Media Queries bar.Create a second web page that's styled the same way.Style the page using Dreamweaver’s CSS Designer.Download and resample images from a Creative Cloud Library.Use the DOM panel to find your way around the page and add new elements.Build the structure of a web page with HTML5 elements.

#HTML INSPECTOR HOMEWORK HOW TO#

In the process, you'll learn how to do the following: So that's what you'll be building with Dreamweaver 2015 throughout this series.

Open the navigation menu again, and click SIGHTS to view the second page (the other menu items are dummy links).

The navigation menu slides up and out of view.

Html inspector homework