You spent weeks creatingĪ gorgeous Web site for your new employer. Here's an all-too-common Web design scenario. Contact your instructor if you have any questions. To finish up this lesson, we will be taking a look at site synchronization and file check-in/check-out.ĬC Users: Templates and libraries function the same way in Dreamweaver CC as Dreamweaver CS6, so you should be able to follow along in these sections. In addition to smoothing your personal workflow, Dreamweaver offers a number of methods to manage collaborative work and team projects. Libraries allow you to quickly update information that appears throughout a Web site, like copyright notices, tag lines, sponsorship listings, and business phone numbers. ![]() Templates make it possible to create numerous pages based on a common design. Ready to be liberated? In Dreamweaver, templates and libraries are the workflow automation tools that bring big projects to a speedy conclusion. Software programs (the best ones) have the same goal: to free us from the drudgery of repetitive tasks. I will provide pictures that you can use.Machines are supposed to automate work processes, make life more convenient, and reduce human error. Once you have a nice working template, create five different pages using this template. Since we don't currently have photoshop it will be a challenge to make a nice header graphic bus see what you can do. The horizontal menu will link to the five pages.The content area should be editable. Every page will have the same header, horizontal menu, and footer but different picture(s) and text. We will create a five page website using a template that we will design from scratch.Ĭreate a template for a website with four areas: header, menu, content, and footer. Do you see any differences?īe sure to upload your project to the server. View the source and compare to what you typed. View the page in a browser and see what it looks like. Now save your new page as "templatetest.html". When you move the mouse over these areas in Dreamweaver, the cursor changes to a circle with a slash to indicate that nothing can be changed. Notice that the areas that are not tagged as editable, cannot be edited. A new page will be started.Įnter some text in the text area. You should have a table section that looks something like this: Have a look at the html code for this page. Now click on the space in the "content" area, and select "Insert -> Template Objects -> Editable Area". In the footer area, create a big header (h2) that says "by Joe Student" (subsitute your own name) and center it. You will have to do this because the background is black. In the header area, create a big header (h1) that says "My Template" and an h5 title below that that says "CAOT 112 - Instructor Jim Pickrell".
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |