|
|
|
|
|
This course is designed to offer more practice
on what you learned in the first training session and build upon that
experience. |
|
|
|
75% is Review |
|
+ |
|
25% is New |
|
= |
|
100% Strong Foundation in Dreamweaver |
|
|
|
|
|
|
Good Morning : ) |
|
Class Consultants’ Hello |
|
Get Comfortable and Get Ready to Learn! |
|
Please No Food or Drinks, Except on the Back
Table of the Lab. |
|
When you have a question, just ask or get the
attention of a consultant. |
|
|
|
|
A Comprehensive Review |
|
Five Easy Steps to Publishing Pages |
|
Templates and Styles |
|
More Advanced Features |
|
----10 Minute Coffee Break---- |
|
Questions |
|
Create New Pages and Edit Others |
|
Convert Old Pages into New Pages |
|
Cognilogic Training Next Week! |
|
|
|
|
|
Create a local web site folder |
|
Setup your remote web site |
|
kady.education.ucsb.edu |
|
your login name and password |
|
Use the Site Window to open or create new pages |
|
Create new pages from the template |
|
Add and edit text, including special characters |
|
Format the text with different format such as: |
|
Indent, alignment, color, bold, underline,
bulleted and numbered lists |
|
Do not change the font size (see Template and
Styles slide) |
|
|
|
|
|
|
|
Insert an image |
|
Format the image with alignment, link it to web
site, give it a border |
|
Insert a few different hyperlinks |
|
Link to a external web site http://www.nasa.gov |
|
Link to a web page in your own area |
|
Link to an anchor |
|
Link to a Adobe Acrobat PDF file |
|
Link to a Quicktime Movie |
|
Link to an Application Installer |
|
Have the link open a new browser window |
|
Cut and paste links to save typing |
|
Always use relative links |
|
|
|
|
|
Open the page or create a new page from the
template in the local site folder |
|
Make your changes and save the page |
|
Preview in Browser and check your links, Check
each page in all of these browsers: |
|
Internet Explorer 5.x |
|
Netscape Communicator 4.7x |
|
Netscape 6.2.x |
|
“Put” the page on the remote site |
|
Open your web browser and go to the live web
page |
|
|
|
|
|
|
|
The look and feel of all your web pages are
automatically formatted using: |
|
The Dreamweaver Template controls the layout of
the page |
|
The Cascading Style Sheet controls the font size
for body of the web page. |
|
Why use the template and style sheet? |
|
A consistant professional look and feel |
|
Make one change to the style sheet and template
and those changes are applied to all pages that use them. |
|
Prevent accidental changes and errors when
editing or creating web pages |
|
One change will update my entire web site
pages!! |
|
Webmaster use only |
|
|
|
|
|
Check spelling |
|
Insert date |
|
This should be set to automatically update when
you make a change and save the web page. |
|
Please install this at the top or bottom of each
page |
|
Import data from other file formats: |
|
FileMaker Pro |
|
Excel |
|
Word table |
|
Find and Replace |
|
This feature can be used to change text and
source code for the entire page, pages open, or your entire web site area. |
|
|
|
|
|
|
|
|
Assets Panel |
|
This is the best way to add a variety of
existing content to your web site. |
|
This feature catalogs all of your web site’s
assets: |
|
Images |
|
Hyperlinks |
|
Colors |
|
Etc… |
|
You can then easily insert these items into
pages by using the click and drag method |
|
|
|
|
|
Customize Dreamweaver in the Preferences |
|
Set the default connection speed to 56k |
|
You can adjust the screen resolution at the
bottom of each page window. |
|
Set the proper file extension to .html for all
PC users in the general preferences section |
|
Edit or add three web browsers to use for
“Preview in Browser” |
|
Change your visual aides, rulers, code views and other to show or hide
invisible elements as needed. |
|
In View
menu |
|
|
|
|
|
|
Any Questions before we move onto more practice
using the Template…..? |
|
|
|
|
|
|
Login to the machine in front of you |
|
Login: webkeepers |
|
Password: Dreamweaver |
|
Open Dreamweaver. |
|
Go to the site menu…Define Site..New Site |
|
Site Name: New Web Site |
|
Local Folder: click the folder icon and navigate
to select the Webkeeper folder on the desktop. |
|
Remote Info: |
|
Server Access is FTP |
|
Host: education.ucsb.edu |
|
Use the login and password above |
|
|
|
|
|
|
|
|
|
|
|
Open the Site Menu…go to define site and choose
your site. Connect to the remote site. |
|
In the local section of the Site Window, click
on the Template Folder…template.dwt |
|
Make some edits and add some text and maybe an
image or two from your local web site folder. |
|
Follow the Five Steps Program. |
|
|
|
|
|
|
|
|
|
|
In the local section of the Site Window, open
any htmldreamweaver file. |
|
Make some edits and add some text and maybe an
image or two from your local web site folder. |
|
Make a link that refers to the new page that you
just created earlier |
|
Remember to use a relative link |
|
Again use the famous five steps method. |
|
|
|
|
|
|
|
|
|
|
The Key to Learning Dreamweaver is: |
|
Go to as many training classes as possible |
|
(IC, SBCC, Adult Ed, Online,etc…) |
|
Read a reference book |
|
Teach Yourself Visually Dreamweaver 4 |
|
Visual QuickStart Guide Dreamweaver 4 |
|
Dreamweaver Manual or electronic PDF |
|
Ask others for assistance and suggestions |
|
Practice, practice, practice |
|
|
|
|
|
Cognilogic is teaching two Dreamweaver Trainings
next Thursday and Friday. |
|
You SHOULD attend either session. |
|
Two to three hours |
|
Catered |
|
Convers some different material important to
specific issues with the new web site. |
|
Notes