Adobe Dreamweaver Basics
-
Learn the basics of Adobe Dreamweaver by creating a new page and inserting and formatting common HTML items such as links, images and lists.
-
Setting up a site in Dreamweaver is one of the first things that should be done when working in Adobe Dreamwaver. In order to create a new web site in Dreamweaver you will have to set up the site definition for the site. The site definition contains two sections: Local Info and Remote Info.
-
Creating new documents is simple in Dreamweaver, and before you continue, it is very important that you save your file first! You don't want to unexpectedly lose your work. In this lesson save the file as berlin_wall.htm.
-
Dreamweaver's workspace consists of four basic elements. These elements are the Document Window, Insert Bar, Properties Inspector, and Panel Group. Let us take a look at each of these elements more in depth.
-
Adding formatting such as bold, italics, paragraphs and breaks.
-
Creating ordered and unordered lists.
-
Insert images into your webpage.
-
The capability to link to pages and sites is what makes the Web dynamic. You can create text or image hyperlinks using the Property Inspector to associate the text with a specific file or web page. The following are steps on how to create hyperlinks using text or images.
-
Its important to always test your webpages in multiple browsers as there are many differences on how each browser might interpret the HTML code. Dreamweaver allows you to preview your page in a browser of choice with an easy keystroke. Dreamweaver also allows you to add and delete browsers as well as to set any browser as the primary browser.
-
Once you are done editing the files on your local computer, you will have to upload your files before being able to see them live on the web from any computer. Dreamweaver has a built in FTP client setup that makes this process really simple.
-
After building a page we can make sure it is up to standards by validating it with an HTML validator.