Dreamweaver is an Adobe program used for creating websites and supports both the HTML and CSS languages. As part of my research into this module I wanted to see how I could create a framework in Dreamweaver that was similar to what I have created using HotGlue.
Creating a New Site
When creating a new site in Dreamweaver the first step is to click Site_New Site, then give the site a name which will be used internally to allow Dreamweaver to identify the site. Then the Local Site Folder must be defined, this is where the sites pages will be saved. The next key step in creating a site is to create a folder named images to go inside the site folder, this is where all the images used for the site should be stored.
In experimenting with Dreamweaver I found that the tables were too restrictive so I was not able to create the layout that reflected my HotGlue site. Because of this I turned to learning about css to give me a greater freedom. By following the tutorials on adobe.com I was able to learn how to include div tags into my site. To use css a separate css page must be created which defines things like sizes and position of containers. This has to then be attached to the html site.
With the use of a style sheet I was able to create the framework for a page that closely resembles the home page of my HotGlue site. Another benefit of using css to create the layout over a table is that the content is scalable, for example; the dog head is set to float aligned with the center of the page and so when the width of the window is changed the position of the image also changes so that it remains central on the page.
In Dreamweaver it is possible to make one image link to several different pages. This is done using the Hotspot tool, a shape is drawn onto the site (in this case above 'work), the shape becomes highlighted in blue and can be used as a link to another page on the site or to another object on the same page.