of the repeating region; to change the order of names, I clicked on the up or down arrows. Finally, I saved it with the changes made. | Martha's HW Index | • | HW1 | • | HW2 | • | HW3 | • | HW4 | • | HW5 | • | HW6 | • | HW7 | • | HW8 | • | HW9 | • | HW10 | • | HW11 | • | HW12 | • | FINAL | • |
Template One: Here's a template I created by following the textbook tutorial for Dreamweaver: The Missing Manual, Chapter 17, pp. 630-640. First, I started with a page of text, which I saved as a template. Then, I added Editable Regions for the gray image square (signImage), and the Sign Goes Here (horoscope). Next, I selected the "sign of the Month", and made it an Optional Region(signOfMonth), and turned off the Show by Default checkbox (since it only appears on 1 of the 12 signs every month). Inside the area called "Name goes here", I added a Repeating Region (celebrity) since there may be variable number of names each month. Finally, after clicking inside the Dummy Ad, I chose Modify -> Templates -> Make Attribute Editable, and made the SRC attribute editable (adSrc). With the template created, I then created a page based on it. I went to File -> New, and then clicked on the Templates tab. I clicked on my site name (coin74b), selected my template called Horoscope, and clicked Create. Then I saved this file as gemini.html, and began plugging in content into the editable regions. I put a Gimini image into the signImage spot, and Gemini text into the horoscope section. To add the Sign of the Month section, I went to Modify -> Template Properties, selected signOfMonth, and turned on Show signOfMonth checkbox. While there on the Template Properties window, I selected adSrc and clicked on the folder button to browse to the folder with the alien_ad.gif file. With the path for the image thus set, I exited the Template Properties window. To add celebrities, I clicked on the + sign of the repeating region; to change the order of names, I clicked on the up or down arrows. Finally, I saved it with the changes made.
The final step in the tutorials project was to make changes to the template. I updated the template by adding a navigation bar on the left with the Library item provided. I also moved the sign of the month inside the yellow box. Violá - the final version is done.
Template Two: For a second template, I took this page and converted it into a template. Then, I deleted the particular items, added editable and optional editable regions, and saved it. I created a page out of the template, then found I needed to redo the template. This process went on for several attempts. Finally, I got a template that I think I can use. Here's how it applies to my next HW assignment
Template Three: This template used the hw3 miniwebsite as a foundation. First, I cleaned up the code for the index page, and then saved it as a template. Next, I added editable regions as needed. My first attempt was too literal: I tried to add optional editable regions for the left (UL) and right (IMG) columns, and even added a middle column (text). It soon became unwieldly. A second attempt made the mainContent DIV totally editable, as well as the heading and tagline. The advantage was when I created the 4 pages (pg1, pg2, pg3, pg4) -: I simply copied the mainContent DIV from the non-template pages, and replaced that DIV on the new template pages. I updated the country name, and left the tagline as is. To undate, I found it easy - just change the template, and all linked pages change too. FOR THE FUTURE: I look forward to creating snippets and library items. With these, I will create optional editable and repeating regions for the template. That way, I can add images, lists, and tables easily.