Committed to Shaping the Next Generation of IT Experts. Essentials For Design Dreamweaver Level One Julian Rickards Project 2 Building Your First Web Site
Copyright (c) 2004 Prentice-Hall. All rights reserved. 2 Objectives Commercial Web site Plan – outlines, storyboards Define a site and create its folders Build basic Web pages Design and code views Simple text formatting Existing page as a template Create links
Copyright (c) 2004 Prentice-Hall. All rights reserved. 3 Visual Summary Advanced Tab Basic Tab
Copyright (c) 2004 Prentice-Hall. All rights reserved. 4 New Document Dialog Box Category Page type
Copyright (c) 2004 Prentice-Hall. All rights reserved. 5 Adding Content Document window – split view Property inspector
Copyright (c) 2004 Prentice-Hall. All rights reserved. 6 Browser Check Preview Design Source code
Copyright (c) 2004 Prentice-Hall. All rights reserved. 7 Exploring The Folder Structure Of A Web Site Organization Root folder Home page Windows and Mac FFolders Unix/Linux DDirectories
8 Browser Information
Copyright (c) 2004 Prentice-Hall. All rights reserved. 9 Folder Structure In Address Window
Copyright (c) 2004 Prentice-Hall. All rights reserved. 10 Planning And Organizing A Web Site Organizing the content Outlining the site Creating a couple of pages Adding some graphics and links Practice on scratch paper
Copyright (c) 2004 Prentice-Hall. All rights reserved. 11 Create A Storyboard Story content Landscape view Outline Navigation system
Copyright (c) 2004 Prentice-Hall. All rights reserved. 12 Navigation System Exercise Carvers Store Index card exercise HHome page SStore’s categories OOutline of the products CContact form
Copyright (c) 2004 Prentice-Hall. All rights reserved. 13 Defining The Site And Its Folders Create site root folder Create a site definition Create nested folders
Copyright (c) 2004 Prentice-Hall. All rights reserved. 14 Site Definition Setup Local folders Manage sites selection
Copyright (c) 2004 Prentice-Hall. All rights reserved. 15 Select site operation Site Definition Setup (continued)
Copyright (c) 2004 Prentice-Hall. All rights reserved. 16 Site Definition Setup (continued) Server technology Edit and upload choices
Copyright (c) 2004 Prentice-Hall. All rights reserved. 17 Site Definition Setup (continued) Navigate to root folder
Copyright (c) 2004 Prentice-Hall. All rights reserved. 18 Nested Folders Root folder Subfolder 1 Subfolder 2 Sub subfolder a Sub subfolder b Subfolder 3
Copyright (c) 2004 Prentice-Hall. All rights reserved. 19 Creating Nested Folders
Copyright (c) 2004 Prentice-Hall. All rights reserved. 20 Building Your First Web Page Start by creating and saving a new page
Copyright (c) 2004 Prentice-Hall. All rights reserved. 21 Create And Save A New Page Type home page of Carver’s Store Choose File>Close Click Yes to save the changes
Copyright (c) 2004 Prentice-Hall. All rights reserved. 22 Save As Window Type home.html in the File Name field and click Save
Copyright (c) 2004 Prentice-Hall. All rights reserved. 23 Add Text And Graphics Text Graphics
Copyright (c) 2004 Prentice-Hall. All rights reserved. 24 Working With Views Code window
Copyright (c) 2004 Prentice-Hall. All rights reserved. 25 Views Design window
Copyright (c) 2004 Prentice-Hall. All rights reserved. 26 Seeing Changes Windows system Use Property inspector Mac Automatic refresh
Copyright (c) 2004 Prentice-Hall. All rights reserved. 27 View Source Code To see source code…
Copyright (c) 2004 Prentice-Hall. All rights reserved. 28 Source Code Code in Code view Code in Notepad
Copyright (c) 2004 Prentice-Hall. All rights reserved. 29 Apply Simple Text Formatting Headings HH1 through H6 Lists NNumbered BBulleted AAlphabetized Paragraphs HHorizontal lines
Copyright (c) 2004 Prentice-Hall. All rights reserved. 30 Methods Property inspector Tag editor
Copyright (c) 2004 Prentice-Hall. All rights reserved. 31 Using A Web Page As A Template Maintains look and feel throughout site Reduces repetitive tasks Uses “save as” command from completed page Changes file name
Copyright (c) 2004 Prentice-Hall. All rights reserved. 32 Changed Text
Copyright (c) 2004 Prentice-Hall. All rights reserved. 33 Creating Links External, to another site Different domain, pathname includes protocol Internal to site Same domain, one page to another
Copyright (c) 2004 Prentice-Hall. All rights reserved. 34 Link In the Link field of the Property inspector, type ‑ online.com and press Enter/Return.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 35 Summary Plan – outlines, storyboards Define a site and create its folders Build basic Web pages Design and code views Simple text formatting Existing page as a template Create links
Copyright (c) 2004 Prentice-Hall. All rights reserved. 36 End-of-Project Exercises Screen ID Multiple Choice Discussion Questions Skill DDefine a Site with the Advanced Tab CCreate a New Page Using the File>New Menu AAdd Another Web Page to Tropiflora Online UUse Copy/Paste to Create New Pages IImport Content from a Microsoft Word Document
Copyright (c) 2004 Prentice-Hall. All rights reserved. 37 End-of-Project Exercises Challenge DDesign Your Family’s Web Site PPrint a Web Page and Its Source Code LLearn Techniques from the Code of Another Web Page Portfolio Builder RRecognize How Sites are Structured
Copyright (c) 2004 Prentice-Hall. All rights reserved. 38 What Are Your Questions