CS134 Web Design & Development

Slides:

Advertisements

Similar presentations

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.

Advertisements

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

Chapter 12 Creating and Using Templates. If you have already created and designed a page you like, you can use the layout and design for other pages in.

Chapter 3 Tables and Page Layout

© 2005 Lawrenceville Press Slide 1 Chapter 3 The Dreamweaver Workspace.

Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.

Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

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.

Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.

Getting Started with Dreamweaver

Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.

Organizing Content by Using Dreamweaver CS5 Domain 5.

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

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.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

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

Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.

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

Using Styles and Style Sheets for Design

Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit F Creating Links and Navigation Bars.

Website Development with Dreamweaver

Project 5 Templates and Style Sheets Dreamweaver MX 2004 Concepts and Techniques.

XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.

CIS 205—Web Design & Development Dreamweaver Chapter 1.

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.

Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.

CS134 Web Design & Development Dreamweaver More Features Mehmud Abliz.

Session 1 SESSION 1 Working with Dreamweaver 8.0.

Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.

Adobe Dreamweaver CS3 Revealed CHAPTER FOUR: WORKING WITH LINKS.

Dreamweaver CS4 Concepts and Techniques Chapter 9 Using Spry to Create Interactive Web Pages.

Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.

Tutorial 7 Planning and Creating a Flash Web Site.

Hélène kay Webdiva Consultants Dreamweaver Week 8 hélène kay hélène kay.

Project 4: Yosemite CSS Layout

Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.

Templates and Style Sheets

Creating a rotating image banner Activity 7 Procedure Creating AP Elements 1.Start Dreamweaver and select the ‘Hong Kong Scenery’ web site. 2. Create a.

D REAMWEAVER T EST May 16 th. The file extension for a webpage is.html When you Title a webpage in the Document Toolbar, where is the title of the page.

Flash CS 5 Interface BY NSCHEWCZYK | ©2012. MENU BAR A bar at the top of the window. It lists menu options including: File, Edit, View, Insert, Modify,

INTRODUCTION TO DREAMWEAVER CS SOFT. OVERVIEW  DreamWeaverCS5.5  Defining a site  Site files  Authoring views  Property Inspector  AP Divs.

Web Design Part I. Click Menu Site to create a new site root.

Tutorial 3 Adding and Formatting Text with CSS Styles.

Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.

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

XP Dreamweaver MX 2004 Tutorial 3 1 Adding and Formatting Text.

Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.

Tutorial 3 Adding and Formatting Text. Objectives Session 3.1 – Type text into a page – Copy/paste text from a Word document – Check for spelling errors.

COMP 143 Web Development with Adobe Dreamweaver CC.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

Unit 15 – Web Authoring Web Authoring Project.

Getting Started with Dreamweaver

Cascading Style Sheets

Unit Objectives Create a new page Import text Set text properties

How to make a website in dreamweaver a website

Getting Started with Dreamweaver

Dreamweaver CS4 Skills PLAN – PLAN – PLAN first

The Website Foundation

The Website Foundation

CS134 Web Design & Development

Exercise 48 - Skills Adobe Flash CS4 is a software program you use to create animation and applications that range form simple to very complex. Being able.

Create and edit web pages 2

Tutorial 6 Creating Dynamic Pages

Getting Started with Dreamweaver

Exercise 47 - Skills Use the Spry framework to add interesting interactive features to a Web site. Spry widgets allow you to create objects such as menu.

Using Templates and Library Items

CS134 Web Design & Development

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:

CS134 Web Design & Development Dreamweaver More Features Mehmud Abliz

Properties inspector (contextual panel) Document toolbar Outlines Oct 10, 2007 Insert bar Properties inspector (contextual panel) Document toolbar Panel groups (File, tag inspector, css) Organizing your panels Site map Page properties (modify->page property)

Outlines Oct 10, 2007 Layers Is actually a absolute positioned <div> with some CSS properties

Working with links target: _blank, _parent, _self, _top Outlines Oct 10, 2007 Working with links target: _blank, _parent, _self, _top a:hover, a:active (A link becomes active once you click on it.), a:visited

Linking and embedding multi-media, and setting parameters Outlines Oct 10, 2007 Linking and embedding multi-media, and setting parameters Linking to an audio or video file Embedding an audio or video file

Templates Library items create a template adding editable region Outlines Oct 10, 2007 Templates create a template adding editable region Adding repeating region modify a template Library items Create library items

Outlines Oct 10, 2007 Create photo album