Create your site in the folder Rosary in your My Documents Folder.

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

Change font face Change font size Align left.
MS-Word XP Lesson 7.
Using Dreamweaver MX. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page Properties panel.
Learning the Basics – Lesson 1
Chapter 3 – Designing your web pages Dr. Stephanos Mavromoustakos.
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
An Online Microsoft Word Tutorial & Evaluation Begin.
CREATING A MULTIPLE PAGE REPORT Presented by: Dr. Ennis-Cole.
Word Processing First Steps
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Creating a Portfolio Website Phillips. Go to wix.com.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Spreadsheet. Objectives Create a new blank workbook. Create a new blank workbook. Identify user interface elements that you can use to accomplish basic.
Operating Systems Day 6. Page Setup 1.Open notepad and type a document or file 2.Click on file menu 3.Click on page setup menu item 4.Select paper size,
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.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
Dreamweaver CS4 Concepts and Techniques Chapter 5 Templates and Style Sheets.
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?
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.
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
Web Technologies Website Development Trade & Industrial Education
How to Create an Electricity Timeline By: Mr. Toole.
Web Design-Lecture2-QN-2003 Web Design Microsoft FrontPage®
Website Development with Dreamweaver
Project 5 Templates and Style Sheets Dreamweaver MX 2004 Concepts and Techniques.
Microsoft Expression Web-Illustrated Unit I: Working with Tables.
Formatting TEXT AND Using CSS. Adobe Dreamweaver CS3 - Illustrated.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
CPG 4331 Class Agenda Word  Getting Started  Editing Documents  Changing Views in Documents  Format Text / Format Documents  Work With Tables  Work.
Word Processing An introduction to Microsoft Word Lecture 15.
How to Setup MS Word for a Research Paper Steps and Procedures.
MICROSOFT WORD Options like New, save, Close, Selecting Text How to change text using Bold, Italics, Underline How to change Font, Font Size, Color Justification.
How to type your paper. Login Use your pin number for your user name Use your date of birth as your pin. Example if your birth date is Aug. 27, 2000 use.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.
Moodle with Style Integrating new technologies to empower learning and transform leadership.
Templates and Style Sheets
Creating a Web Site Review of Concepts. Templates Templates are special HTML files that are used to quickly create pages on a web site. They contain the.
Creating a Dynamic Web Page Template Module 5: Beyond the Basics with Expression Web LESSON 10.
Web Design Part I. Click Menu Site to create a new site root.
Typing and Formatting a Research Paper WORD 2013.
Lecture 3- Microsoft Word COE 201- Computer Proficiency.
Web Page-Chapter 6 Forms. Inserting a Form  Display the Insert bar  Click the arrow to the right of the display category on the Insert bar and then.
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
On Line Microsoft Word Tutorial & Evaluation Begin.
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
Word 2010 Headers and Footers You can make your document look professional and polished by utilizing headers and footers. The header is a section of the.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Creating a Google Site For a Digital Portfolio Purpose.
Microsoft Word Tutorial Albert Kalim. Topics You Should Know About Start MS Word Start MS Word Open a document Open a document Enter text Enter text Change.
1 Word Processing Intermediate Using Microsoft Office 2000.
Create and edit web pages 4
With Microsoft FrontPage 2000
DreamWeaver CS4.
Cheat Sheet CSCI 100 JW Ryder
Creating your MLA format
Cheat Sheet CSCI 100 JW Ryder
The Power Of PowerPoint.
How to Format Your Paper MLA Style
Lab 08 Introduction to Spreadsheets MS Excel
Presentation transcript:

Create your site in the folder Rosary in your My Documents Folder

Make sure you copy all the files from the student share for this project to your Rosemary folder in My Documents

Remember to set up your site each time you open Dreamweaver

Create new cascading style sheet

Select Blank Page/HTML/2 column fixed, left sidebar, header and footer Click on create

Name the file Rosary.css and save

Don’t worry the text is only there for you to replace You have just created a style sheet! Which will be a template for your web pages

File, Save as Template Not File, Save As

Save as: Rosary Template

Click on Rosary.css To access the properties when you have to

Make sure your rulers are on in pixels

Double click on twoColLtHdr #header This will bring up the header properties sheet

Select Category: Background

Select Background-color:

Pick a nice Holy Cross Dark Green

Click Apply, then Ok

Note the change

Select the Text in the Header Hit Delete

Click on Properties colour box Type in : The Catholic Rosary

Pick a nice Cream Colour

Now Center the text

Click on Add Property

Find and select: text-align

From the drop down box to the right Of text-align choose: center

Double click on: twoColFixLtHdr #sidebar1

Select Category: Background

Pick the same Holy Cross Green Click Apply

Select Category: Border Choose a border, click apply

Select Width, click Apply

Select a Colour, click Apply, and Ok

Select text: Sidebar1 Content Type in: Menu

Select the remaining text in the sidebar Type in: Introduction and press the Enter key

Repeat for Baptism, Confession, Matrimony, and the Anointing of the Sick and the Holy Orders

Change the Text colour

Double Click on twoColFixLtHdr #footer

Select Category: Background

Pick a cream background, click apply

Select Top Border ONLY, Style, Width and Colour Click Apply and Ok

Add Footer css property

Xx-small text for the Footer

Align the text for the Footer

Create an link, and date update Format the text Dark Green

Double click on twoColFixLtHdr #mainContent

Change the Background to a Cream Colour

Change the font size to 12

Change the font colour to Dark Green Then Click OK

Change the font to Times New Roman

Select the text: Main Content Change the font to Arial

Select Type as Compound Click ok

Change the Size to x-large

Select Compound Click OK

Select the text and change to Dark Green

Click OK

Change font Size to 12

Click Ok

Double Click on twoColFixLtHdr #container

Change the Background colour to Cream Click Ok

Select: Main Content

From the Menu Bar select: Insert, Template Objects, Editable Region

Change name to: DataTable Click Ok

Select the remaining text

From the Menu Bar select: Insert, Template Objects, Editable Region

Save All

Close All

Create a web page using the template

Select Page from Template Click the Create button

Type in the editable region of the DataTitle: Introduction

In the DataArea paste in the text from the RosaryText Document in the student share

Insert Light1.jpg and picking a right or Left alignment from the Properties drop down box

File, Save As……Intro

Now Create a new page for all the other Menu items. Once done save and close each one. Then open the Rosary Template to create the links.

Open and create your links