Advanced Level Course. Site Extras Site Extras consist of four categories: Stationeries Site Trash Designs Components.

Slides:



Advertisements
Similar presentations
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Advertisements

Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
Dreamweaver CS4 Concepts and Techniques Chapter 8 Media Objects.
Introducing Cascading Style Sheets  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles  Text Formatting with CSS.
Macromedia Dreamweaver 4 Foundation Level Course.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
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.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Getting Started with Dreamweaver
Adobe GoLive 5 Foundation Level Course. GoLive 5 Overview.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
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.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
© 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,
Web Technologies Website Development Trade & Industrial Education
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.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
Website Development with Dreamweaver
XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
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.
Tutorial 7 Planning and Creating a Flash Web Site.
FILES AND ASSETS PANELS
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
Motion Tweening – Lesson 81 Motion Tweening Lesson 8.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
Macromedia Dreamweaver MX 2004 Design Professional And Graphics WORKING WITH TEXT.
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,
Introducing Cascading Style Sheets. Cascading Style Sheet Basics  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles.
3 Copyright © 2004, Oracle. All rights reserved. Working in the Forms Developer Environment.
1 © Netskills Quality Internet Training, University of Newcastle Using Style Sheets in Dreamweaver CS © Netskills, Quality Internet Training, University.
Tutorial 3 Adding and Formatting Text with CSS Styles.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
Adding Text and Navigation to the Home Page – Lesson 51 Adding Text and Navigation to the Home Page Lesson 5.
Tutorial 7 Creating Animations. XP Objectives Learn about animation Create a timeline Add AP divs and graphics to a timeline Move and resize animation.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Creating and Editing a Web Page
Transportation Agenda 165. Transportation About Pages Pages organize and present information Pages are files that end in.aspx 166.
Positioning Objects with CSS and Tables
Integrating Components and Dynamic Text Boxes with the Animated Map– Lesson 101 Integrating Components and Dynamic Text Boxes with the Animated Map Lesson.
XP Dreamweaver MX 2004 Tutorial 3 1 Adding and Formatting Text.
HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Formatting HTML Links HTML Head HTML CSS HTML.
COMP 143 Web Development with Adobe Dreamweaver CC.
Basic in Photoshop Tools in Photoshop Simple templates design menu in Photoshop different navigation bar image effects Design your portfolio page Design.
XP Creating Web Pages with Microsoft Office
Working in the Forms Developer Environment
Unit Objectives Insert an image Align an image Enhance an image
Adding Buttons, Actions, and Sounds
Flash Interface, Commands and Functions
Getting Started with Dreamweaver
Tutorial 6 Creating Dynamic Pages
Using Cascading Style Sheets (CSS)
Using Templates and Library Items
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.
Exercise : Animated Navigation Structure in Animate (= Flash)
Copyright 2006 William Hull
Presentation transcript:

Advanced Level Course

Site Extras Site Extras consist of four categories: Stationeries Site Trash Designs Components

Stationeries The stationery, or template, can contain all the common Elements that are required for every page in the site. Stationeries are HTML files that are created for use as templates.

Site Trash Files in GoLive can be deleted using two methods: Site Trash System Trash (Recycle Bin) When using GoLive’s Site Trash folder, the deleted files are moved to a temporary location in the Extras tab.

Components A Component is an HTML document that holds objects and elements, or HTML snippets, that can be used repeatedly throughout the site. When a component is modified and saved, GoLive automatically updates all pages containing the component.

Custom The snippets can be imported from open site pages, documents in other applications, or even from other sites. The Custom tab is a collection of reusable "snippets" of HTML code.

Designs Multiple designs of the same site can be stored in the Design tab of the Site window. Page hierarchy can be built to show files that are : Parent Sibling Child GoLive’s Design feature enables you to create the structure of your site, which can include content and links.

Sections Sections can be a sub-section of a page. Sections are a collection of Design pages. Sections can have their own folder, stationery, and even sub-sections.

Linking in Design View When each page is selected, a Point-and-Shoot button is displayed at the bottom right of the icon. This enables the linking between pages in the Design window.

Groups and Annotations A design group is made up of items and pages, Which are enclosed by a rectangle. Annotations are notes that are attached to a specific page.

Staging the Design Staging the site directs GoLive to copy the design files to the folder, or folders, specified. When staging the site design, a minimum of one pending link must be created.

Design Views Options for viewing the site design in the View Controller are set in the Design tab of the palette.

Plug-ins Plug-ins enable the browser to play the audio and/or video files inserted into a Web page. The plug-in placeholders are: Generic Flash QuickTime Real SVG

Audio Audio files are generally aiff, wav, or mp3. The Real audio console is determined by the controls in the Inspector's Real tab

Video Video files are movie files created in such applications as Flash, QuickTime, and LiveMotion.

Actions An action is triggered by an interactive event made by the user as the mouse is moved around the Web page. Onload event actions Link actions Timeline editor actions GoLive features three types of actions:

OnLoad Event Actions The onload event action is triggered when a Web page is loaded. The actions are executed before anything else is activated in the page. These actions are inserted into the section of the page.

Link Actions Go last Page Goto Link Navigate History Open Window A Link action is applied to an item that is hyper linked. Link actions are:

Slide Show A slide show requires all images to be the exact same pixel dimension. The images must all be located in the same folder as the starting Image. The image file type must be the same, that is, all JPG, or all GIF, not a mixture of both.

The Timeline Editor Timelines control the visibility, movement, speed, and positioning of the floating box.

Keyframes A keyframe is the marker on the time track that indicates a change to a floating box. A change can be the position of the floating box, it's visibility, or it's layer order. GoLive calculates the floating box's position in each frame between the keyframes. This is called "tweening".

Animation and Action Triggers Actions can be used to trigger an animation, and also an animation can be used to trigger an Action. An animation triggered by an Action is the result of an action taken by the user An animation triggering an Action makes something happen. The Action Track in the Timeline Editor is used to control an animation used to trigger an Action

QuickTime Movies QuickTime sound and movie files can be edited directly in GoLive. The QuickTime Toolbar The Movie Track Editor.

Create a Style Sheet Cascading Style Sheets are made up of tags, which contain formatting instructions. Style Sheets specifies formatting, such as font, size, margins, color, borders, character and line spacing. There are two types of style sheets: internal, and external.

Style Elements The three types of style elements selectors, Class, Tag, and ID.

CSS Properties Basic Font Text Block Position Border Background List Others The CSS Inspector features eight tabs for configuring the style properties:

Apply Style Sheets CSS Styles are applied based on the particular selector, classes an ID.

Find and Replace Element in Site The Find and Replace feature in GoLive has three tabs to enable site-wide changes.

Clean Up Site GoLive’s Clean Up Site is a handy feature to clean out unused fontsets, colors, and links.

Import a Site Sites can be imported into GoLive from a local folder on your hard drive, or from an FTP server.

Errors and Site Reports Error, or warning, symbols are: Green bug Stop sign Question Mark Check mark The Site report searches the entire site with results based upon the specified criteria.

Add Dates and Spellcheck The Date and Time Stamp function enables users to see when the page was last modified. Spellchecking a site or page is handled in a similar manner to that used in a word processor.

The FTP Connection The Web Server information can be entered into the Network Preferences, for easy access when it is required to make a FTP connection.

Synchronized Files GoLive features a powerful system of keeping the files stored on the local hard drive synchronized with the files on the Web server. When a site is loaded for the first time, all files are uploaded. Once the files are on the server, any modified files on the local hard drive can be automatically uploaded to the server without having to be uploaded individually.