Student Resource 9.2 Tutorial: Preparing a Layout for a Template Directions: Follow the instructions in this tutorial to make final changes to the layout of your Sample Site Final so that you can convert it to a template for your sample site. When you last worked on your layout in Lesson 8, the top of the page and the footer area looked like this: To make this layout page more suitable for a template, you will make three changes: Replace the text in the content area with something more appropriate for a template, such as content “Insert here.” Replace the footer text with a copyright statement. Set up the sidebar area below the navigation menu so that you can place an image and a caption there. When you finish making these changes, your layout will look something like these screenshots: Step 1: Insert Appropriate Placeholder Text in Content Area Make a backup copy of mylayout.html. Name it mylayout_backup.html, in case you need to start over again or you need it to create another template. Open Dreamweaver and open mylayout.html in Design view. You may also try using Split view to see the code changes that correlate with the changes you make. Triple-click to select the to My Layout heading “Welcome Page!” Type Insert Main Heading Here to replace the text. Select the remaining text in the content area. Type Insert content here to replace the text. Save the file. Step 2: Modify the Footer Be sure your mylayout.html file is still open in Design view. Select the placeholder text in the footer. Replace it with Copyright [year] [Your Name]. All rights reserved. Save the file.
Student Resource 9.2 Tutorial: Preparing a Layout for a Template Directions: Follow the instructions in this tutorial to make final changes to the layout of your Sample Site Final so that you can convert it to a template for your sample site. When you last worked on your layout in Lesson 8, the top of the page and the footer area looked like this: To make this layout page more suitable for a template, you will make three changes: Replace the text in the content area with something more appropriate for a template, such as “Insert content here.” Replace the footer text with a copyright statement. Set up the sidebar area below the navigation menu so that you can place an image and a caption there. When you finish making these changes, your layout will look something like these screenshots: Step 1: Insert Appropriate Placeholder Text in Content Area Make a backup copy of mylayout.html. Name it mylayout_backup.html, in case you need to start over again or you need it to create another template. Open Dreamweaver and open mylayout.html in Design view. You may also try using Split view to see the code changes that correlate with the changes you make. Triple-click to select the heading “Welcome to My Layout Page!” Type Insert Main Heading Here to replace the text. Select the remaining text in the content area. Type Insert content here to replace the text. Save the file. Step 2: Modify the Footer Be sure your mylayout.html file is still open in Design view. Select the placeholder text in the footer. Replace it with Copyright [year] [Your Name]. All rights reserved. Save the file.
WebDesign_Lesson9_StudentResource_012315.docx