Web Design 1
By Mike Amante
To listen to an audio podcast, mouse over the title and click Play. Open iTunes to download and subscribe to podcasts.
Podcast Description
This podcast features live screencasted lessons in the use of Fireworks and Dreamweaver as part of the Web Design 1 class at New Hartford High School in New Hartford, NY, USA. Skills taught here specific for students enrolled in the class but anyone is free to subscribe and learn how to make great looking web graphics and websites!
| Name | Description | Released | Price | ||
|---|---|---|---|---|---|
| 1 | VideoTitling Your Pages & Adding a Favicon to Your Site | This final lesson of the semester overviews the steps students need to take in Dreamweaver to complete their final website. During this lesson, they will learn how to correctly title each page of their site. Finally, they will learn how to prepare and pla | 1/19/12 | Free | View In iTunes |
| 2 | VideoAdding Text & Email Links to Pages | This lesson explains why and shows students how to add text links, an email link, & copyright notice to the bottom of each page in their site. After entering and linking this info, they are then show how to optionally style it using CSS and then how to pr | 1/19/12 | Free | View In iTunes |
| 3 | VideoCreating Your Site's Rollover Navigation System - Placement & Testing | This is the quick lesson shows students how to implement their now functional navigation system thought their website. It shows students the correct procedure and tips for optimal drag and drop placement of the completed navigation system into each page | 1/17/12 | Free | View In iTunes |
| 4 | VideoCreating Your Site's Rollover Navigation System - Creating the Buttons | During this lesson, students learn how to create and edit the rollover buttons with the Button editor of Fireworks. Student then preview and test their file for accuracy. In the next lesson to follow this one, students will export the resulting HTML file | 1/17/12 | Free | View In iTunes |
| 5 | VideoCreating Your Site's Rollover Navigation System - Exporting & Linking | This lesson shows students how to prepare and create Javascript-based rollover buttons in their site's navigation system. During this lesson, students learn how to export their rollover navigation system from Fireworks so it is both an HTML file as well a | 1/12/12 | Free | View In iTunes |
| 6 | VideoCreating Your Site's Rollover Navigation System - Setting Up Your Canvas | This lesson students how to prepare and create a Javascript-based rollover buttons in their site's navigation system. During this lesson, students learn how to set up their canvas by isolating the nabber as a standalone file with the the source graphics f | 1/12/12 | Free | View In iTunes |
| 7 | VideoSetting Up a Contact Form - Part 3 | This lesson winds down the process students are following to construct the contact form as part of their final website. During this lesson, students learn how to insert and customize form elements within Dreamweaver. At the end of this lesson, students sh | 1/12/12 | Free | View In iTunes |
| 8 | VideoSetting Up a Contact Form - Part 2 | This lesson continues construction of the contact form that students are creating for their final website. During this lesson, students learn how to add layout cells and labels to their form. During the next lesson, students will finish off the form by ad | 1/10/12 | Free | View In iTunes |
| 9 | VideoSetting Up a Contact Form - Part 1 | This lesson begins showing students the tools & techniques to be applied in Dreamweaver for the creation and layout of a contact page as part of their final website. During this lesson, students learn how to construct a web-based form using a combination | 1/10/12 | Free | View In iTunes |
| 10 | VideoPurposes, Advantages, & Design Concepts of Web-Based Forms | This lesson discusses the reasons for using, the technology behind, and the design concepts related to forms found on websites. Students will apply these techniques in Dreamweaver with the creation and layout of a contact page as part of their final websi | 1/10/12 | Free | View In iTunes |
| 11 | VideoReview of Assembly of Web Pages | This quick lesson reviews the process that students will need to use to follow when exporting images from Fireworks and then reassembling the page as an HTML layout within Dreamweaver. This is the same process that students will follow when creating many | 1/4/12 | Free | View In iTunes |
| 12 | VideoUsing AP Divs | This lesson covers how students can layout elements of their site using AP Divs, the modern web design technology which offers a great deal of flexibility in the lay out of webpages versus using traditional HTML tables and cells. While not all websites r | 12/23/11 | Free | View In iTunes |
| 13 | VideoCreating & Applying Graphics Using CSS | This quick lesson shows students how to use CSS applying graphics with a webpage layout. While not all websites require CSS for image placement, some students will need to employ this technique in order to lay out their sites as they have been designed. | 12/21/11 | Free | View In iTunes |
| 14 | VideoCreating & Applying CSS Text Styles in an External Sheet | his quick lesson demonstrates some of the general techniques for setting up and applying CSS in an external stylesheet within Dreamweaver for better layout and control of the written text on a website. Using an external style sheet called mint.css that th | 12/19/11 | Free | View In iTunes |
| 15 | VideoSetting Up an External CSS Style Sheet | This lesson show students how to set up an external style sheet called mint.css that they will be using to format all text and possibly other elements in their final website. After setting up the stylesheet, students are then directed on how to prepare an | 12/15/11 | Free | View In iTunes |
| 16 | VideoDreamweaver Layout Tables Revisited | This lesson reviews with students the process of using a tracing image, a layout table and layout cells in Dreamweaver to lay out a web page as they previously had previously done in an exercise in class. In this lesson, students are guided in the main la | 12/15/11 | Free | View In iTunes |
| 17 | VideoOrganizing & Exporting Sliced Graphics | This lesson shows how to export images and and then organize them into a root folder assembly for use in Dreamweaver in future lessons. This is the first step of assembling their website for this class. | 12/13/11 | Free | View In iTunes |
| 18 | VideoCreating Slices in Fireworks | This lesson discusses introduces the slicing features of Fireworks, an important first step in the web layout process. This lesson shows students some of the tools, techniques, and best practices to use Fireworks to break a large graphic file into smaller | 12/5/11 | Free | View In iTunes |
| 19 | VideoIntro to Using Layout Tables in Dreamweaver | During this quick intro lesson, students begin the process of using tables to lay out HTML content, still one the most common methods for laying out web page content. The tools and techniques covered in this lesson are relevant to the CS3 version of Dream | 12/5/11 | Free | View In iTunes |
| 20 | VideoInserting Inline Images in Dreamweaver | This lesson introduces students to the concepts and techniques for working with inline images in a webpage layout. This lesson concludes with discuss about how and why tables are used on webpages retain their layout when a browser window in resized. | 11/29/11 | Free | View In iTunes |
| 21 | VideoIntroduction to CSS Text Formatting in Dreamweaver | This lesson describes the general techniques formatting text in a webpage using CSS. In addition to web fonts and the role they have played in formatting text, student learn how to setting up and applying CSS text styles within Dreamweaver. The next lesso | 11/16/11 | Free | View In iTunes |
| 22 | VideoStructuring Text in Dreamweaver | During this quick lesson, students learn how to apply features used for formatting text intensive pages such as indenting and lists. Student also learn important formatting steps such as line breaks and more as they manipulate text content on page they cr | 11/16/11 | Free | View In iTunes |
| 23 | VideoSetting Page Properties in Dreamweaver | This lesson begins the process of laying out a webpage in Dreamweaver. During this lesson, students first learn about global attributes of a page such as setting background color, links color, and more. | 11/16/11 | Free | View In iTunes |
| 24 | VideoOverview of & Site Setup in Dreamweaver | This lesson orients students to the Dreamweaver interface as well as the site set up process within Dreamweaver CS3. These site management functions and explained and they show how files and assets are managed within the program for assembling web pages. | 11/14/11 | Free | View In iTunes |
| 25 | VideoCreating Curved Text | In this lesson, students learn how to add vector text to a circle or curved path in Fireworks. This type of text is common for logos, banner graphics, and similar web page elements. Students learn how attach text to various paths and then manipulate that | 10/19/11 | Free | View In iTunes |
| 26 | VideoPaste Inside Mask | This lesson introduces students to the concept of creating and using image masks in Fireworks. In this lesson, student learn how to create a custom masked image by pasting inside of a pre-drawn vector shape. The vector graphic that is created will serve a | 10/17/11 | Free | View In iTunes |
| 27 | VideoGrouping, Naming, Gradients, & Filters | This lesson covers a number of basic skills students must know how to do when creating, organizing, and manipulating mutiple vector graphics in the design session in Fireworks. This lesson walks them though the basics of these procedures and tools they wi | 10/6/11 | Free | View In iTunes |
| 28 | VideoUsing the Pen Tool | This lesson demonstrates use of the Pen tool in Fireworks for creating irregularly shaped vector objects. Use of this tool will be necessary for many drawing tasks in the web design process, especially for students who have an immediate need to create com | 9/30/11 | Free | View In iTunes |
| 29 | VideoUsing Combine Paths Commands | During this lesson, students learn how to use the Modify > Combine commands to create complex shapes from simple primitive vector objects, a important vector drawing skill for creating more sophisticated layouts. Finally, at the end of this lesson, studen | 9/30/11 | Free | View In iTunes |
| 30 | VideoAdjusting Stoke Attributes & Creating Custom Polygons | During this lesson, students will finish up the compass logo started in the last lesson. Students review use of the Paint Bucket's eyedropper to fill color swatches as well adjusting stroke attribute via the Property Inspector. Students also learn about t | 9/30/11 | Free | View In iTunes |
| 31 | VideoUsing the Knife Tool & Color Fill Techniques | In this quick lesson, students are introduced to some additional vector drawing features of Fireworks such as using the Knife tool for bisect paths into smaller segments and using the Paint Bucket's eyedropper to sample color swatches onscreen for filling | 9/28/11 | Free | View In iTunes |
| 32 | VideoIntro to Drawing Basic Vector Shapes | During this lesson, students start working on an activity from our textbook creating a simple logo of a compass. In this lesson, they learn to use some of the basic drawing tools and techniques in Fireworks. Students learn how to use the Grid and Guides t | 9/28/11 | Free | View In iTunes |
| 33 | VideoUsing the Rubber Stamp Tool | The skills covered in this lesson will be used by students when performing further bitmap editing the Fireworks program. In this lesson, students learn how the Rubber Stamp tool can used to clone pixels in one area of a bitmap image and then paint pixels | 9/16/11 | Free | View In iTunes |
| 34 | VideoUsing the Lasso Tool & Intro to Layers | The skills covered in this lesson will be used by students when performing detailed bitmap editing the Fireworks program. In this lesson, students first learn how the Lasso tool can used for performing irregular selections in a bitmap image. Students also | 9/16/11 | Free | View In iTunes |
| 35 | VideoUsing the Magic Wand Tool | This lesson introduces some of the tools used when performing basic bitmap editing the Fireworks program. Students first learn how the Magic Wand tool is used to select solid areas of color in bitmap image. They are introduced to how to adjust how hue, sa | 9/14/11 | Free | View In iTunes |
| 36 | VideoUsing the Marquee Tools | During this lesson, students learn how to select various parts of bitmap images using the Marquee tools. After exploring the using the oval Marquee tools for making circular selection, students also learn to use the rectangular Marquee tools for performin | 9/14/11 | Free | View In iTunes |
| 37 | VideoViewing & Navigating Bitmap Graphics in Fireworks | This lesson orients students to the Fireworks interface. They learn about the most common elements of the Fireworks workspace and how to use them effectively for viewing and navigating bitmap images easily. | 9/14/11 | Free | View In iTunes |
| 38 | VideoBitmap vs. Vector | In this opening lesson to the course, students are led in a discussion about the two main types of graphics formats that are used to create graphics on a computer. This lesson demonstrates a comparison of the bitmap versus vector graphics formats as seen | 9/12/11 | Free | View In iTunes |
| Total: 38 Episodes |
Customer Reviews
BEST ON THE WEB
Thank you, I'm taking college classes that can't match this Podcast ! I hope your students appreciate the work you do.
Great course! Highly recommended!
I've finished three lessons and have already learned some tricks. Perfect for teaching an"old dog" something new! Thanks SO MUCH, Mike Amante!
High quality education !
Helps us understand the concepts and the tool ( fireworks).
Appreciate you sharing the knowledge through this podcast.
