|
 |
|
|
|
|
| Client Testimonials |
I've seen amazing results already with my development skills. I love your system! At this price, the Flash 8 tutorials has completely surpassed my expectations.
-Robert Williams- |
Very easy to use. Awesome! I am so pleased with this product.
-Sara Johnson- |
|
|
|
|
|
| » |
CSS - How to get started |
| |
 |
CSS |
(6:17 min) |
 |
| |
- What is Cascading Style Sheets
- How to use CSS
CSS is a collection of formatting rules that controls the appearance of content in the web page. | | | | |
|
|
|
|
CSS Styles panel |
(14:11 min) |
|
| |
- What is the CSS Styles Panel?
- Panel functions
The CSS Styles panel lets the user track the CSS rules and properties that currently affects a selected page element. It also keeps track of the rules and properties that affects an entire document, depending what view the panels are in. | | | | |
|
|
|
|
CSS Internal & External Style Sheets |
(9:24 min) |
|
| |
- What is a Style Sheet
- What are Internal & External Style Sheets
- What are Internal & External Style Sheets used for
| | | | |
|
|
|
|
CSS Styles, Classes, Selectors & Rules |
(6:02 min) |
|
| |
|
|
|
|
|
|
|
| » |
CSS - Working with Cascading Style Sheets  |
| |
|
CSS The three different Styles |
(7:18 min) |
 |
| |
|
|
|
|
CSS Classes (Styles) |
(4:36 min) |
|
| |
- What are classes
- What can they do
- Create and implement CSS Classes
Classes are a type of CSS Style that allows the user to easily apply text Styles and effects. | | | | |
|
|
|
|
CSS Tags (Styles) |
(3:46 min) |
|
| |
- What are Tags (Style Tags)
- What are they used for
- What are its functions
- How to edit a Tag
HTML Tags can be edited with CSS. When editing a HTML Tag with CSS (Tags) all the HTML Tgas are changed (for that particular Tag). | | | | |
|
|
|
|
CSS Advanced (Styles) |
(8:49 min) |
|
| |
- How to use the CSS Advanced Selector
Advanced styles redefine the formatting for a particular combination of elements or for other selector forms as allowed by CSS. Advanced styles can also redefine the formatting for tags that contains a specific id attribute. | | | | |
|
|
|
|
CSS Creating a new Style |
(9:02 min) |
|
| |
|
|
|
|
CSS Styles & coding |
(6:30 min) |
|
| |
- How is CSS coding built up
- The different symbols
CSS Styles can be defined in coding without using the Dreamweaver dialog boxes. This video will give the user that basics for creating styles in coding. | | | | |
|
|
|
|
CSS Predefined Style Sheets |
(8:04 min) |
|
| |
- What are Predefined Style Sheets?
- How to use Predefined
- Style Sheets
- The benefits of using Predefined Style Sheets
Predefined Style Sheets are predefined styels in Dreamweaver 8. They are used to speed up the process when using CSS. | | | | |
|
|
|
|
CSS Rules: Type |
(5:08 min) |
|
| |
- How to set and use the CSS rule: Type
Type affects the actual text itself such as text colour, text size and so on. | | | | |
|
|
|
|
CSS Rules: Background |
(4:14 min) |
|
| |
- How to set and use the CSS rule: Background
The CSS Rule, Background, let the user control background colour or image for a style that you can then apply to a block of text or an area of your Web page. | | | | |
|
|
|
|
CSS Rules: Box |
(5:33 min) |
|
| |
- How to set and use the CSS rule: Box
The Box category defines settings for tags and attributes that control the placement and appearance of elements on the page. | | | | |
|
|
|
|
CSS Rules: Border |
(5:45 min) |
|
| |
- How to set and use the CSS rule: Border
The Border CSS rule affects the border surrounding elements | | | | |
|
|
|
|
CSS Rules: List |
(4:47 min) |
|
| |
- How to set and use the CSS rule: List
The List CSS Rule only affects list tags. It defines settings such as bullet size and bullet icon. | | | | |
|
|
|
|
CSS Rules: Positioning |
(6:03 min) |
|
| |
- How to set and use the CSS rule: Positioning
The Positioning CSS Rule changes the tag or block of selected text into a new layer using the default tag for defining layers. | | | | |
|
|
|
|
CSS Rules: Extensions |
(4:53 min) |
|
| |
- How to set and use the CSS rule: Extensions
The Extension CSS Rule filters page breaks and pointer options. Not all browsers support Extensions. | | | | |
|
|
|
|
|
|
|
| » |
Using Templates |
| |
|
What are Templates |
(3:57 min) |
|
| |
- What are Templates?
A Dreamweaver 8 Template is special type of document that is used to design a fixed page layout. The user can then create documents that are based on that template that inherent the page layout of the Template. When designing a Template the user defines the areas that users can edit. If the author do not set areas as editable, template users can not edit content in that area. This video will give basic information of what a Template can do. | | | | |
|
|
|
|
Design Files and Templates |
(10:29 min) |
|
| |
- What are the design files
- Framesets
- Page Design (CSS)
- Starter Pages
Dreamweaver 8 comes with several professionally developed page layout and design element files. The user can use these Design Files as starting point when designing pages. | | | | |
|
|
|
|
Create your own Template |
(8:21 min) |
|
| |
- Create and save a template
- Editable and non-editable regions
- Create and customize a template
The user can create a Template from an existing document or a brand new document. When the Template is created the user can insert Template Regions. Study this video and see how it works. | | | | |
|
|
|
|
Making global changes with Templates |
(4:25 min) |
|
| |
- How to make global changes with Templates
Making global changed is easy in Dreamweaver 8. Check out this video on how it’s done. | | | | |
|
|
|
|
Attaching & Detaching a Template |
(4:19 min) |
|
| |
- How to attach a template to a page
- How to detach a template to a page
Attaching and Detaching a Template is very easy in Dreamweaver 8. Check out this video on how it’s done. | | | | |
|
|
|
|
|
|
|
| » |
Working with Behaviors |
| |
|
What are Behaviours |
(3:37 min) |
|
| |
- What are Behaviors
- Events & Actions
A Behavior is a combination of an event with an action, triggered by that event. In the Behaviors Panel the user add a Behavior to a page by specifying a action and then specifying the event that triggers that action. | | | | |
|
|
|
|
How to apply a Behavior (Mouse Over) |
(5:21 min) |
|
| |
- How to apply a Behavior
- How to check that the Behavior works as intended
Applying a Behavior in Dreamweaver 8 is easy. The user only needs to follow four easy steps and his web page will turn from “static” to a “live” web page. | | | | |
|
|
|
|
Goto URL |
(4:10 min) |
|
| |
- How the Goto URL Behaviour works
The Goto URL Behaviour work almost the same way as a link does. The advantage of using the Goto URL Behavior is that different Events can be added. | | | | |
|
|
|
|
Pop-up Message |
(4:31 min) |
|
| |
- How the Pop-Up Message Behaviour works
This video will show how to work with the Pop-Up Message Behaviour. The presentation will be shown in conjunction with a message that only holds an OK button. This kind of Behaviour is useful for informational type messages. | | | | |
|
|
|
|
Check Browser |
(5:08 min) |
|
| |
- How to check the Browser compatibility
The Check Browser Behaviour is used for checking how compatible (how old the version is) the user’s Browser is. This feature is very useful for web designers that want to safeguard that the viewers have the correct Browsers and Versions of that Browser to be able to view all features of the site. | | | | |
|
|
|
|
Editing Behaviours |
(4:39 min) |
|
| |
- How to edit existing Behaviours
This video will show the basics, how to edit an existing Behaviour. | | | | |
|
|
|
|
|
|
|
| » |
Working with Extensions |
| |
|
What are Extensions |
(3:38 min) |
|
| |
- What are Extensions
- What are they used for
Extensions make it possible to add other features that Dreamweaver 8 does not have using the Extension manager. Find out more by looking at this video tutorial. | | | | |
|
|
|
|
Extensions - Plastic menu |
(5:59 min) |
|
| |
- Implementing an Extension – Plastic Menu
- How to set the Extension preferences
This video will show how to implement one of many Extensions that can be added into Dreamweaver 8.The Plastic menu is a classic menu used on many web sites. | | | | |
|
|
|
|
Extensions - Flash Button |
(5:25 min) |
|
| |
- Implementing an Extension – Flash Button
- How to set the Extension preferences
This video will show how to implement one of many Extensions that can be added into Dreamweaver 8, a Flash Button | | | | |
|
|
|
|
Extensions - AutoShowHide |
(5:53 min) |
|
| |
- Implementing an Extension – Auto ShowHide
- How to use the Extension Auto ShowHide
This video will show how to implement one of many Extensions that can be added into Dreamweaver 8. The extension is downloaded from www.projectseven.com | | | | |
|
|
|
|
|
|
|
| » |
Working with Layers |
| |
|
What is Layers |
(4:26 min) |
|
| |
- What is Layers
- What is a Layer used for
A Layer is a HTML page element and defined as a DIV tag. Layers can be positioned on a web page using absolute positioning. A Layer can contain text, images or any other content that can be placed in a body of a HTML document. | | | | |
|
|
|
|
Inserting a Layer |
(2:54 min) |
|
| |
- How to insert a Layer
How to insert and position a Layer on a web page. | | | | |
|
|
|
|
Editing Layers |
(7:34 min) |
|
| |
- How to add elements to a Layer
- How to resize a Layer
- How to reposition a Layer
This video walks through how to add content to a Layer. | | | | |
|
|
|
|
Layer options |
(4:59 min) |
|
| |
- The different Layer options
This video walks through how to edit the Layer properties. | | | | |
|
|
|
|
Stacking & Nesting Layers |
(5:02 min) |
|
| |
- How to stack Layers
- How to nest Layers
| | | | |
|
|
|
|
|
|
|
| » |
Flash, Java & Multimedia |
| |
|
Flash files |
(3:36 min) |
|
| |
- What is a Flash file
- What are Flash files used for.
Flash files come in may different types. In this video these files are discussed: fla, swf, swt, swc and flv. | | | | |
|
|
|
|
Inserting Flash files |
(8:01 min) |
|
| |
- How to insert a Flash file
This tutorial walks through how to insert a flash element created in Flash and also how to insert a Dreamweaver, pre-made, flash objects into a web page. | | | | |
|
|
|
|
Flash features in Dreamweaver 8 |
(4:17 min) |
|
| |
- Flash technology in Dreamweaver 8
This video show some of the different Flash features in Dreamweaver 8. | | | | |
|
|
|
|
Flash Buttons |
(6:53 min) |
|
| |
- Adding a Flash Buttons
- Formatting a Flash Button
This video shows how to add a Flash Button and how to edit them so that they perform just as the user wants. | | | | |
|
|
|
|
Flash Properties |
(5:07 min) |
|
| |
- Adjusting the Flash properties
This video will show how to set and adjust the Flash properties via the Properties Inspector. | | | | |
|
|
|
|
Embed Multimedia |
(7:36 min) |
|
| |
- How to embed multimedia files into a page
- Examples will be given with both a sound and a video-file
This “basic” video will show how to embed multimedia into a page. Useful tips will be given on how to work with the different files. | | | | |
|
|
|
|
Linking to Multimedia Files |
(4:31 min) |
|
| |
- How to embed multimedia files into a page
- Examples will be given with both a sound and a video-file
It’s a big difference between embedding or linking a Multimedia file. Embedding a Multimedia file means that the coder is adding code to the html that will allow the user manipulate (play, stop, FF and so on) the Multimedia file. Linking to a Multimedia file means that the user will be taken to the location for that file. If the user has the file plug-in, the file will be played. If the user does not have the specific type of plug-in, a question will pop and ask the user if he/she wants to download the file or to download the missing plug-in. | | | | |
|
|
|
|
Multimedia file options |
(5:51 min) |
|
| |
- How to set the options of a multimedia file
This video will walk through the options that can be set for a multimedia file in the properties inspector. | | | | |
|
|
|
|
Inserting a Java applet |
(3:49 min) |
|
| |
- How to insert a Java applet
This video will walk through how to insert a Java applet into an html page. | | | | |
|
|
|
|
Setting Java applet properties |
(6:21 min) |
|
| |
- How to set the Java applet properties
This video will walk through how to set the different Java applet properties. | | | | |
|
|
|
|
|
| » |
Want to learn more? Get a full
Tutorial Subscription ! |
 |
| |
|
|
|
