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

Slides:



Advertisements
Similar presentations
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.
Advertisements

1 Web Site Design Overview of the Internet Cookie Setton.
Learning the Basics – Lesson 1
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.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Chapter 3 Tables and Page Layout
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 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.
IWebFolio Using a Template Tutorial Images in this tutorial:
Presented by Mina Haratiannezhadi 1.  publishing, editing and modifying content  maintenance  central interface  manage workflows 2.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
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.
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.
Getting Started with Dreamweaver
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
WDV 331 Dreamweaver Applications Templates Dreamweaver CS6 Chapter 19.
© 2012 Boise State University1 WordPress Training February 14, 2013.
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.
@Ms. Masihi.  Adobe Creative Suite is comprised of several separate applications – Bridge, Version Cue, Photoshop, Fireworks, Flash, InDesign, Illustrator,
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.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
Web Technologies Website Development Trade & Industrial Education
© 2012 Boise State University1 WordPress Training February 14, 2013.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit F Creating Links and Navigation Bars.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
Website Development with Dreamweaver
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
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.
CIT 256 Dreamweaver Sites and Image Maps Dr. Beryl Hoffman.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Adobe Dreamweaver CS3 Revealed CHAPTER FOUR: WORKING WITH LINKS.
Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.
Using Lycos TRIPOD Create Your Own Website. Go to the Lycos Tripod website located at address:
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.
Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Click your mouse for next slide Dreamweaver – Inserting and Formatting Text Inserting text is just as easy as inserting pictures If you wish to type text.
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Bike and Hike Skills: Graphics, Image Maps, Photo Galleries, Layers.
Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.
Slide 1 (of 16) 1) Launch Dreamweaver 8. 2)Under Site, choose New Site. Stanford Continuing Studies CS 22 · Enhanced Web Site Design Week Two DREAMWEAVER.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
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.
Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Creating Web Pages with Links, Images, and Embedded Style Sheets
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
Before We Begin Please download the files from as we will be using them in our walkthroughs.
COMP 143 Web Development with Adobe Dreamweaver CC.
Project Objectives Publish to a remote server
Chapter A - Getting Started with Dreamweaver MX 2004
Learning the Basics – Lesson 1
Chapter A - Getting Started with Dreamweaver MX 2004
Embedding Graphics in Web Pages
Consult America Technology Consulting Services
3.00 Understanding the Adobe Dreamweaver interface. (12%)
Presentation transcript:

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

hélène kay Webdiva Consultants Week 8 Outline 1 - javascript debugger 2 - workflow reports 3 - web photo album 4 - inserting a Flash text object 6 - weblogs 7 - final assignment 5 - inserting a Flash button

hélène kay Webdiva Consultants 1 -Javascript debugger using the javascript debugger open the DW document containing your javascript code choose “File>Debug in Browser” select the browser in which to debug click OK to begin debugging follow instructions as the debugger finds errors 2 -Workflow reports general info use the sitewide workflow reports to identify: nested font tags that are better combined missing ALT tags redundant nested tags empty tags that can be removed documents without a title design notes who has checked out a document

hélène kay Webdiva Consultants 2 -Workflow reports (cont’d) using workflow reports choose “Site>Reports” in the Report On: drop-down menu, select your desired target check off the desired reporting criteria click on Run 3 -Web photo album general info DW uses Fireworks to create thumbnails must have all your images in a single folder image filenames must end in recognized image extensions (ex:.gif,.jpg,.jpeg,.tif,.tiff,.png,.psd) creating a web photo album open a document in which photo album is to be displayed choose “Commands>Create Web Photo Albums” select desired parameters

hélène kay Webdiva Consultants 4 -Inserting a Flash text object creating a Flash text object choose “Insert>Interactive Images>Flash Text” or open the Insert panel, click on the “Media” tab and select the Insert Flash Text icon in the Link: field, enter a document-relative or absolute link path (site-relative paths are not valid as browsers do not recognize them within Flash movies) in the Save As: field, enter a name for the Flash file, but you must save it to the same folder as the html file in which the Flash movie will play click Apply or OK modifying the Flash text object click on the Flash text object in the Property inspector, click on the Edit button

hélène kay Webdiva Consultants 5 -Inserting a Flash button creating a Flash text button choose “Insert>Interactive Images>Flash Button” or open the Insert panel, click on the “Media” tab and select the Insert Flash Button icon select the Style, Text, Font, etc. in the Link field, click on the “Browse” button to find the file you want to link to or enter an address you can get more designs from the Macromedia website by clicking on the “More Styles” button modifying the Flash text object click on the Flash text object in the Property inspector, click on the Edit button

hélène kay Webdiva Consultants 6 -Weblogs general info for web sites to look current and vital, they require a steady diet of fresh content is basic content management, a way of separating new content from your site design weblogs, or “blogs”, are a popular way of posting content to the web via a simple interface similar to web-based diaries you can update from almost anywhere can add content to your web site without writing any HTML, firing up Dreamweaver, or FTPing a single thing simply go to a web site, log in, type your content, publish and within seconds, your site is updated two types of weblogging tools: those that run on someone else's server most popular one is Blogger ( free no software download required

hélène kay Webdiva Consultants 6 -Weblogs (cont’d) general info (cont’d) those that run on your server for greater control, download the Moveable Type software ( developed completely in Perl, MT is installed on your server, and also run via a browser window other weblogging tools include: Grey Matter ( Manila ( b2 ( settings templates - blog software adds your content to a template who posts - you can determine who can and can't post archiving - do you let people see the old posts or not

hélène kay Webdiva Consultants APPLAUSE!!!

hélène kay Webdiva Consultants 7 -Final Assignment individual work on final assignment hand in final assignment