Create a Home Page (index.html) (13:48) Dreamweaver
In this tutorial you are going to create a home page for our practice site using a pre-made template. During the process you will add the content from the homepage.txt file and adjust the format using Cascading Style Sheets (CSS).
Formatting with CSS (9:03) Dreamweaver
In this tutorial you will format the text while learning more about creating new CSS styles and editing exsisting rules. You will format the table on the page and move the embedded CSS to an external style sheet.
Nav Bar with Roll Over (9:05) Fireworks
In this tutorial you will create a navigation bar with two frames and the "add simple roll over behavior" command.
Adding Drop Down Menus (6:11) Fireworks
In this tutorial you will add two drop down or "pop-up" menus and format them.
Optimizing for the Internet and Exporting (4:37) Fireworks
In this tutorial you will select the optimal export settings and then export both the images and html for your nav bar with drop down menus.
Banner Art Work (12:11) Photoshop
In this tutorial I will walk you through the process of making the banner art work for our travel web site. When you finish, feel free to work on a banner for your own web site.
Insert Image in Dreamweaver (2:05) Dreamweaver
In this tutorial I will show you how to insert an image into your web page using our banner graphics.
Working with Images in Dreamweaver (2:55) Dreamweaver
In this tutorial I will show you some of the things you can do with images right inside Dreamweaver.
Copy Merged and Insert into Dreamweaver (2:16) Photoshop/Dreamweaver
This short tutorial will show you how to quickly get all or part of a multi-layered Photoshop document into Dreamweaver and ready for the web.
Adobe Photoshop Web Gallery Tutorial (6:15) Photoshop
In this tutorial you will learn how to use Adobe Photoshop to build a web gallery very quickly and easily. Use the images in the "photographs" folder in the practice site to complete this activity. Save it in your dreamweaver practice site as "gallery".
Last Updated: Here is a little javascript you can add to your page to automatically notify the view when the last time you edited a web page. *Make sure to paste this in the split or code view.