The template site was designed so that if a school principal chose they could task someone other than the webmaster to maintain the content of the website.

Slides:

Advertisements

Similar presentations

HTML Basics and CSS style. Before we start Dreamweaver (DW) may take several minutes to start. Click on Start => Program Files => Development Apps =>

Advertisements

UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.

Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.

Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.

Chapter 12 Creating and Using Templates. If you have already created and designed a page you like, you can use the layout and design for other pages in.

Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.

Introducing Cascading Style Sheets  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles  Text Formatting with CSS.

HCI 201 Week 6 Client Side Image Maps Introduction to CSS.

Streamlining Website Development in Dreamweaver Roger L. Runquist Western Illinois University Roger L. Runquist Western Illinois University.

Adding a Syllabus Link. Let’s add the syllabus to the homepage. Return to the homepage Click “Add File” To get to the homepage, click the Course Content.

Macros Tutorial Week 20. Objectives By the end of this tutorial you should understand how to: Create macros Assign macros to events Associate macros with.

1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

Delivering Knowledge for Health Edit mode to enable administrators to : Add widgets Add pages Set page format Publish to the website.

Homepage Layout Management. Note: This is our last Core Publisher training in the series! You will be checking in with your Station Relations Support.

Working with SharePoint Document Libraries. What are document libraries? Document libraries are collections of files that you can share with team members.

Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.

1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:

Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.

Microsoft ® Word Templates and Accessibility. 1 What is a Word template? File with a.dot (document template) extension Can define the following:  Paragraph.

131 Agenda Overview Review Roles Lists Libraries Columns.

Scottish Legal Aid Board Content Management using OpenCms Martin Spinks CTO Navyblue Tuesday, March 16, 2010.

Organizing Content by Using Dreamweaver CS5 Domain 5.

WDV 331 Dreamweaver Applications Templates Dreamweaver CS6 Chapter 19.

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

Chapter 3 Working with Text and Cascading Style Sheets.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

Web Technologies Website Development Trade & Industrial Education

DocuShare Training Welcome to DocuShare Training.

How To Use Google Docs. 1. Go to the Google Docs website a) Go to b) Sign in using your username and password.

Website Development with Dreamweaver

LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.

WORDPRESS TECHNOLOGY BY AMEER. WELCOME INTRODUCTION WordPress is an Open Source software system used by millions of people around the world to create.

HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.

© 2011 Delmar, Cengage Learning Chapter 8 Using Styles and Design Style Sheets for Design.

Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.

© 2011 Delmar, Cengage Learning Chapter 12 Creating and Using Templates.

Project 4: Yosemite CSS Layout

Using As series of training presentations How to edit an existing project September,

Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.

Roles 1. Your Role: End User End Users use Inside NCDOT and Connect NCDOT for basic browsing and reading Typical tasks can include: Open or download files.

Introducing Cascading Style Sheets. Cascading Style Sheet Basics  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles.

© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.

WikiPlus Configurations Configure WikiPlus elements to your needs.

USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.

Creating Google Sites Laura Assem, Director of Technology.

Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.

CSCI 6962: Server-side Design and Programming Facelets and User Interface Design.

XP Tutorial 8 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Object Linking and Embedding Tutorial 8.

How to create & use Dreamweaver Templates. Creating a Dreamweaver Template o A template is a common structure or layout of a web site that most of your.

Hubnet Training One Health Network South East Asia Network Overview | Public and Members-only Pages; Communicating and Publishing using Blogs and News.

Presented by: Brad Gross, Helen Kamandhari, Royce Jacomen.

Transportation Agenda 165. Transportation About Pages Pages organize and present information Pages are files that end in.aspx 166.

Transportation Agenda 187. Transportation About Web Parts Web parts are reusable “containers” that reside on web pages and interact with lists, libraries.

Web Site Development - Process of planning and creating a website.

© 2010 Delmar, Cengage Learning Chapter 11 Creating and Using Templates.

Homepage Layout Management. Note: This is our last Core Publisher training in the series! You will be checking in with your Station Relations Support.

Nuts and Bolts of Your LawHelp Site February 2014.

Tutorial 6 Creating Reusable Assets and Forms. Objectives Session 6.1 – Explore the head content of a page – Add keywords to a page – Add a meta description.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

HTML Basics and CSS style

How to make a website in dreamweaver a website

Microsoft® Office Word 2007 Training

Introduction to the ISB Intranet

Using Templates and Library Items

5.00 Apply procedures to organize content by using Dreamweaver. (22%)

Step 1:. Open Microsoft FrontPage application.

One Set of Styles Connected to As Many Pages as You Want!!!

Presentation transcript:

The template site was designed so that if a school principal chose they could task someone other than the webmaster to maintain the content of the website. The templates let the webmaster maintain the site design by locking the navigation and other design areas and providing editable regions for users to modify in Contribute.

In order to change the layout of the homepage you must edit the homepage template (file name: schoolhomepage.dwt). The home page has several styles that are used only on the home page so a second style sheet is attached called schoolhomepage.css. The styles from schooltemplate_3colum_trnl.css still apply unless a new rule for the same tag is applied in the schoolhomepage.css stylesheet. For example, if you wanted the heading tags (h1, h2, h3, etc.) to appear differently on the homepage you could create a style in the schoolhomepage style sheet. Because the school home page style sheet is only applied to documents created with the homepage template it will not effect the other pages in your site.

The homepage image is modified from the homepage itself – not in the homepage template. We set the image size parameters with the template but make the actual link to the image editable. The homepage template is a “nested” template meaning it is a template within a template. Pages created from the nested template are updated whenever changes are made to either template. In the example of our homepage template: Changes made to the schoolhomepage.dwt file only effect the index file. However, changes made to the main template will also effect the index page (as well as all other pages in the site). When you create a new editable region in your nested template it locks all other regions. This is how you lock the layout of the homepage but make the content editable.

Because this is the homepage template, you don’t need to have the Home link displayed so use the template properties to hide the optional region. Select Modify | Template Properties... Uncheck the Show homelink checkbox to change the value from true to false and then click OK.

To modify the homepage image from the index page: 1.Select Modify | Template Properties. 2.Browse to the image you would like to include on the homepage.