Defining a Website. Review…. Page Title −The text that will be displayed in the title bar of the browser window on a web page File Name −What you “call”

Slides:



Advertisements
Similar presentations
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Advertisements

Learning the Basics – Lesson 1
Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
Project 8 Creating Style Sheets.
Microsoft Office 2007 Microsoft Excel Collaboration Feature Using SharePoint and Excel Services.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Tutorial 2: Formatting Text. Objectives Session 2.1 – Learn the functions of the Common toolbar – Change the size of text – Discern which fonts to use.
Chapter 3 Tables and Page Layout
Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.
Dreamweaver Basics In this section you will learn how to:
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Working with Text and Cascading Style Sheets Adobe Dreamweaver Chapter 3.
®® Microsoft Windows 7 Windows Tutorial 6 Searching for Information and Collaborating with Others.
Getting Started with Dreamweaver
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
© 2010 Delmar, Cengage Learning Chapter 7 Using Styles and Style Sheets for Design.
Creating a Website. Unit Objectives Plan a website Create a folder for website management Set up a website Add a folder to a website Save a web page Copy.
Chapter 3 Working with Text and Cascading Style Sheets.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 1.
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
Dreamweaver Unit A. Project Files l Download files from l Search using l Download the data disk.
HTML I An Introduction to the Language of the Web Terry Bake
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?
IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
With Windows 7 Introductory© 2011 Pearson Education, Inc. Publishing as Prentice Hall1 Windows 7 Introductory Chapter 3 Advanced File Management and Advanced.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit B Creating a Web Site.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.
Using Frames in a Web Site Project 6. Project Objectives Project 6: Using Frames in a Web Site 2 Define terms related to frames Describe the steps used.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
Microsoft FrontPage 2003 Illustrated Complete Integrating a Database with a Web Site.
Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.
Site Home Web Server USB Your House Copy Full address of local site including drive letter Works for Content Modifications Only Not Relationship Structure.
1 After completing this lesson, you will be able to: Get around the Internet with your browser. Connect to the Internet. Print Web pages. Save Web pages.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Web Site Development - Process of planning and creating a website.
Microsoft FrontPage 2003 Illustrated Complete Creating a Frames Page.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
Navigating the Course 1. Course Materials 2 Software: Notepad (or TextEdit on a Mac) – comes with operating system Internet Explorer Web Browser FireFox.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.
COMP 143 Web Development with Adobe Dreamweaver CC.
XP Creating Web Pages with Microsoft Office
Getting Started with Dreamweaver
Chapter A - Getting Started with Dreamweaver MX 2004
Learning the Basics – Lesson 1
Getting Started with Dreamweaver
Presenter Mindy Pistol Ext
Getting Started with Dreamweaver
3.00 Understanding the Adobe Dreamweaver interface. (12%)
Website File Management
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

Defining a Website

Review…. Page Title −The text that will be displayed in the title bar of the browser window on a web page File Name −What you “call” the page when you save it Maximize/Minimize Buttons −To expand or reduce the document window Tag Selector −You can select a tag and its contents

Review… Files Panel −Files and folders associated with the active website are displayed in the files panel Panel Groups −Contain tools which can be used in developing a website −The Files Panel is in this group Property Inspector −Change properties of the selected text or object using this

Defining the Site… BEFOREA website needs to be defined BEFORE any web page documents are created This is called: − SITE DEFINITION − DEFINING A SITE You will select − SITE | MANAGE SITES −Then complete a series of dialog boxes to define the site

Creating a Web Page Document A newly defined site doesn’t contain any web page documents To add a web page document to a website, a document is created and then saved in the folder When a web page is saved, it must be given a name

File names for web pages can be in lowercase letters, numbers, and underscores_ Do not use spaces and it best not to start with a number A file name should be descriptive of the page contents Creating a Web Page Document

Saving a Web Page Document FILE | SAVESelect FILE | SAVE The Save As dialog box is displayed

Home Page File Name home pageThe home page is the main page or starting point of the website index.html index.html is usually the best choice for the home page file name because web servers automatically recognize it as the home page You can also add web page documents using the Files Panel menu (we will try this in a minute!)

When the site is defined, a folder is created (on the right in the files panel) with the specified name Defining the Site…