Formatting Text Unit D. Import Text l Open TripSmart Web Site l Open dmd_1.htm from Unit D data l Save it as newsletter.htm to tripsmart folder l Save.

Slides:



Advertisements
Similar presentations
DREAMWEAVER WORKSPACE The Document Window The Code Inspector Panel The Insert Bar The Property Inspector Panels and Panel Groups The Site Panel The Menu.
Advertisements

Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Learning the Basics – Lesson 1
Creating and Editing a Web Page Using Inline Styles
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Microsoft Expression Web-Illustrated Unit L: Using Code Tools.
Chapter 3 Working with Text and Cascading Style Sheets.
Introducing Cascading Style Sheets  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles  Text Formatting with CSS.
Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
Working with Text and Cascading Style Sheets Adobe Dreamweaver Chapter 3.
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.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Dreamweaver CS4 Concepts and Techniques Chapter 5 Templates and Style Sheets.
© 2010 Delmar, Cengage Learning Chapter 7 Using Styles and Style Sheets for Design.
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.
Macromedia Studio 8 Step-by-Step MACROMEDIA DREAMWEAVER 8 Introduction.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit C Developing a Web Page.
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.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit F Creating Links and Navigation Bars.
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.
Website Development with Dreamweaver
Project 5 Templates and Style Sheets Dreamweaver MX 2004 Concepts and Techniques.
CIS 205—Web Design & Development Dreamweaver Chapter 5 Using HTML Tables to Lay Out a Page.
Working with Text and Cascading Style Sheets. Unit Objectives Create a new page Import text Set text properties Create an unordered list Understand Cascading.
JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Formatting TEXT AND Using CSS. Adobe Dreamweaver CS3 - Illustrated.
Project 2 Adding Web Pages, Links, and Images Dreamweaver MX 2004 Concepts and Techniques.
Adobe Dreamweaver CS3 Revealed CHAPTER FOUR: WORKING WITH LINKS.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit E Using and Managing Images.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.
Adobe Dreamweaver CS5 - Illustrated Unit D: Working with Text and Cascading Style Sheets.
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit H Collecting Data with HTML Forms.
Templates and Style Sheets
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Macromedia Dreamweaver MX 2004 Design Professional And Graphics WORKING WITH TEXT.
Microsoft Publisher 2010 Chapter 1 Creating a Flyer.
Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.
Web Design-Lecture3-QN-2003 Web Design Enhancing a Website.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
Creating and Editing a Web Page
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.
Creating and Editing a Web Page Using Inline Styles
Using Text Edit. Create Folders to Organize a Site  Identify the location where you are storing your Web sites. Ask your teacher for help if needed.
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
OVERVIEW Objectives Follow a design document to create a small personal Web site Follow a design document to create pages in a large commercial Web site.
Unit Objectives Insert an image Align an image Enhance an image
Learning the Basics – Lesson 1
Chapter A - Getting Started with Dreamweaver MX 2004
Chapter A - Getting Started with Dreamweaver MX 2004
Unit Objectives Create a new page Import text Set text properties
Dreamweaver – Project #1
Chapter A - Getting Started with Dreamweaver MX 2004
DreamWeaver CS4.
Unit Objectives Understand links and paths Create an external link
Slightly more CSS.
Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

Formatting Text Unit D

Import Text l Open TripSmart Web Site l Open dmd_1.htm from Unit D data l Save it as newsletter.htm to tripsmart folder l Save the logo Travel Tidbits to the assets folder using the property inspector

Save a graphic to a new site l Click the graphic l Property Inspector|SRC|Browse for File l Choose the source file from data files l Click select l Choose Yes for Copy the graphic file to the root folder of your web site l Choose assets folder l Save

Importing Files l File|Import|Import Word HTML l Choose folder and file packing_essentials.htm l Clean up dialog box – check all options p. D-3 l Edit|Select All l Edit|Copy l File|CloseDO NOT SAVE l File|Paste below horizontal line

Text Properties l Property Inspector l Format List l Font l Size (Increase or decrease) l Alignment l Text Color l Font Style ( B, I)

Create an Unordered List l Highlight a block - click then hold down shift and drag, release shift l Property Inspector l Unordered List Icon l Expand the property inspector l List Item Button l Set list Type, Style

Create an Ordered List l Property Inspector l Ordered List Icon l Expand the property inspector l List Item Button l Set list Type, Style, Start Count

Editing Text with Code and Design View l Show Code and Design Views icon l Click on Packing Essentials heading l Notice the code is also set l Highlight the code for Packing Essentials l Notice the result is highlighted in Design l Copy|Paste and change text to Avoiding Wrinkle Woes

Quick Tag Editor l Highlight the area in design view l Ctrl T l You can modify in the quick tag editor

Creating a Cascading Style Sheet l Window|CSS Styles l New Style Icon –Select Make Custom Style(class) –Select Define In (New Style Sheet File) l Type.bulleted_items for the Name l File name – type tripsmart extension is css l Change font, size,bold, color l Show Site icon – the.css is there

Applying a Cascading Style Sheet l Highlight Expandable clothesline and clothespins l Select bulleted_items on CSS style panel l Edit Style Sheet icon l Tripsmart.css (link) l Edit|.bulleted_items|Edit –Modify l Highlight and Apply to the remaining items.

Inserting a Flash Text l Macromedia Graphics Package l Insert Flash Text icon on Objects panel l Font, Size, Bold, Center, Color, Rollover Color l Type Home in the text box l In link browse for home.htm l Taget list arrow, click –self l Save As home.swf l Preview in browser

Due Next Time l Do the Skills Review on Page D