Website Views, Page Titles, & Browsers Dreamweaver for College & Business Mrs. Wilson.

Slides:



Advertisements
Similar presentations
CTER Orientation Tutorial The Use of the WebBoard.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
1 After completing this lesson, you will be able to: Search for information on the Web. Create a favorites list. Use and modify your History folder.
Learning the Basics – Lesson 1
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
Office 2003 Introductory Concepts and Techniques M i c r o s o f t Excel Web Feature Creating Static and Dynamic Web Pages Using Excel.
Microsoft Office 2007 Excel Web Feature Creating Web Pages Using Excel.
Microsoft Office 2007 Excel Web Feature Creating Web Pages Using Excel.
Chapter 2 Horizontal Rules & Lists Dreamweaver for College & Business.
Chapter 2—HTML Dreamweaver for College & Business.
Microsoft Office 2007 PowerPoint Web Feature Creating Web Pages Using PowerPoint.
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
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.
Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
Getting Started with Dreamweaver
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Basic XHTML Module 2: XHTML Basics LESSON 1. Module 2: XHTML Basics LESSON 1 Lesson Overview In this lesson, you will learn to:  Write XHTML code using.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
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.
Creating an Expression Web Site
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Project 1: Creating a Dreamweaver Web Page and Local Site 1 Project Objectives Add a background image Open and close panels Display and describe the Property.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
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”
Microsoft Office 2007 PowerPoint Web Feature Creating Web Pages Using PowerPoint.
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Creating and Editing a Web Page using HTML IMED1316.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Dreamweaver Chapter 1 Mr. Ursone Document Window.
Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Basic HTML PowerPoint How Hyper Text Markup Language Works
CTER Orientation Tutorial The Use of the WebBoard.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Web Design March 21, Agenda Return graded work Review / Discuss Homework Assignment Unit 6: Web Authoring Software Lesson Objectives: Students develop.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
How to Upload and Submit an Assignment in Tk20 Use this when your instructor has asked you to submit an assignment or key assessment in a course (as opposed.
Dreamweaver MX. 2 Tools for Code Editing (p. 366) n An HTML editor like Dreamweaver writes most of the code you need, but at times you will need to perform.
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.
Creating and Editing a Web Page
Basic HTML. Lesson Overview In this lesson, you will learn to:  Write HTML code using a text editor application such as Notepad.  View Web pages created.
Internet Explorer. 2 Menu bar Command bar Back & forward buttons Search bar (type word or phrases )
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
COMP 143 Web Development with Adobe Dreamweaver CC.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
XP Creating Web Pages with Microsoft Office
Getting Started with Dreamweaver
PowerPoint Web Feature
Creating Web Pages and Graphics
Dreamweaver – Project #1
Getting Started with Dreamweaver
Dreamweaver CS4 Skills PLAN – PLAN – PLAN first
Dreamweaver 8: Introduction
Getting Started with Dreamweaver
Presentation transcript:

Website Views, Page Titles, & Browsers Dreamweaver for College & Business Mrs. Wilson

The Page Title PAGE TITLEThe PAGE TITLE of a web page is the text displayed in the title bar of the browser window The fastest way to change the page title is to type the new title in the Title box in the Document toolbar Spaces can and should be used TITLE BOX

Viewing a Web Page Document Design ViewIn Dreamweaver, web pages documents are displayed in Design View by default −This is similar to how it will appear in the browser window (WYSIWYG) Code ViewChanging to Code View displays the code generated (HTML) Code and Design ViewSplit View Code and Design View or Split View is a combination of both Document Toolbar

F12 Key…. My Favorite Key! previewedAs a web page document is developed, it should be previewed in a browser to see how it will look F12 keyPress the F12 key or select − File |Preview in Browser Select the browser from the submenu −Example: Internet Explorer You can add a browser or two −Netscape or Firefox CANNOTA web page CANNOT be modified in the browser window. You must switch back to Dreamweaver and modify it in the document window F12

Assignment Complete Part 2 of 8 on page 77 together in class Practice adding a browser for viewing Type and submit the answers to questions 1through 10 on page 101 This assignment will be due at the end of class tomorrow ESPECIALLYYou are encouraged to work on this at home ESPECIALLY if you are behind on your work