IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.

Slides:

Advertisements

Similar presentations

Getting Started with Dreamweaver DREAMWEAVER MX. Getting Started with Dreamweaver Contents –What Can Dreamweaver MX Do? –Dreamweaver Learning and Support.

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.

Learning the Basics – Lesson 1

Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.

Chapter 3 Working with Text and Cascading Style Sheets.

Chapter 3 Tables and Page Layout

Introducing Cascading Style Sheets  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles  Text Formatting with CSS.

Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.

Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.

Chapter 19 – Macromedia Dreamweaver MX 2004

Working with Text and Cascading Style Sheets Adobe Dreamweaver Chapter 3.

© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.

 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.

Committed to Shaping the Next Generation of IT Experts. Essentials For Design Dreamweaver Level One Julian Rickards Project 1 Taking A Tour Of Dreamweaver.

© 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?

Robert Vitolo CS430.  CSS (Cascading Style Sheets)  Purpose: To provide a consistent look and feel for a set of web pages To make it easy to update.

Chapter 3 Working with Text and Cascading Style Sheets.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Creating an Expression Web Site

© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.

Using Styles and Style Sheets for Design

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”

1 Macromedia Dreamweaver Outline Introduction Macromedia Dreamweaver Text Styles Images and Links Symbols and Lines Tables Forms Scripting in Dreamweaver.

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.

Website Development with Dreamweaver

Copyright © 2013 MyGraphicsLab / Pearson Education STRUCTURE AND HTML TAGS MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication.

The format is text files, with.htm or.html extension. Hard returns, tabs, and extra spaces are ignored. DO NOT use spaces in file names. File names ARE.

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.

Formatting TEXT AND Using CSS. Adobe Dreamweaver CS3 - Illustrated.

Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.

Bare bones slide show. The format is text files, with.htm or.html extension. Hard returns, tabs, and extra spaces are ignored. DO NOT use spaces in file.

© 2011 Delmar, Cengage Learning Chapter 8 Using Styles and Design Style Sheets for Design.

Adobe Dreamweaver CS5 - Illustrated Unit D: Working with Text and Cascading Style Sheets.

Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.

Committed to Shaping the Next Generation of IT Experts. 1 Essentials For Design Dreamweaver Level One Julian Rickards Project 3 Applying Structure To.

Macromedia Dreamweaver MX 2004 Design Professional And Graphics WORKING WITH TEXT.

Introducing Cascading Style Sheets. Cascading Style Sheet Basics  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles.

© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.

Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.

DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.

Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.

IT204 – Web Scripting and Authoring I Forms and Image Maps Unit 4.

Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?

Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.

Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.

Before We Begin Please download the files from as we will be using them in our walkthroughs.

Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.

Getting Started with CSS

Create and edit web pages 4

Chapter 2 Developing a Web Page.

>> Introduction to CSS

Intro to Dreamweaver Web Design Section 8-1

Learning the Basics – Lesson 1

Web Page Development Tools

Create and edit web pages 2

Working with Text and Cascading Style Sheets

Using Cascading Style Sheets (CSS)

Some Stuff You Need to Know

Web Page Development Tools

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.

3.00 Understanding the Adobe Dreamweaver interface. (12%)

Exercise 24 – Software Skills

5.00 Apply procedures to organize content by using Dreamweaver. (22%)

Separating activities

One Set of Styles Connected to As Many Pages as You Want!!!

Presentation transcript:

IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6

IT204 Unit 6 Slide 2 OBJECTIVES ► After completing this unit, the student will have the opportunity to: ► identify benefits of Dreamweaver versus leading competitors. ► identify components of the code and design views of Dreamweaver. ► create and edit a basic web sit using Dreamweaver. ► recognize features of the property inspector. ► select tags using the tag selector. ► applying structure to text

IT204 Unit 6 Slide 3 Dreamweaver ► What Dreamweaver will do and will not do (reference page 2 of the book) ► Note: Dreamweaver does not include all HTML code or all options for that code in its interface. Numerous options and features require your manual intervention in the code. When you have enough experience and understanding of HTML, you can add these features manually.

IT204 Unit 6 Slide 4 Dreamweaver ► What You See Is What You Get (WYSIWYG) ► How to open and close Dreamweaver ► Menu bar ► Preference definitions within Dreamweaver ► The differences of design view and code view

IT204 Unit 6 Slide 5 Dreamweaver Panels ► Panel groups ► Property inspector ► Tag selector ► Tag chooser

IT204 Unit 6 Slide 6 Dreamweaver Code or Design ► WYSIWYG ► Design ► Code ► Viewing both

IT204 Unit 6 Slide 7 Web Site ► Folder structure of a web site ► Creating a web site in Dreamweaver

IT204 Unit 6 Slide 8 Web Page Structure ► Applying structure to text ► Separating content ► Formatting text ► Creating Ordered and Unordered lists ► Review headings ► Review blockquotes

IT204 Unit 6 Slide 9 CSS ► Adding cascading style sheets via Dreamweaver

IT204 Unit 6 Slide 10 Summary ► Dreamweaver Panels ► Dreamweaver Property panel ► Review CSS ► Review HTML