Web Design 1Author: Mike Amante
28 Apr 2017

Web Design 1

Download, listen or watch all podcasts

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!

  • Watch

    CSS Layout Techniques for Text & Graphics

    This lesson demonstrates some of the general techniques for setting up and applying CSS within Dreamweaver for better control layout of the text as well as graphics within a website. In the lesson, students learn how to set up an external style sheet called mint.css so they can create and apply CSS for text placement as well graphics layout throughout their sites as needed. The lesson concludes with various techniques they can use how to create, duplicate as well as edit existing styles as they work on the development of their final site.

  • Posted on 26 Apr 2017

    download
  • Watch

    Site Setup & Export Slices from Fireworks

    This lesson begins by overviewing the preparation of the local root folder for the student's final site including the naming conventions and setup of its enclosed images directories. Next, students are walked through the process export images from the home page layout as separate slices. This lesson leads into our next lesson where they will reassemble the graphics into an HTML file using Dreamweaver.

  • Posted on 06 Apr 2017

    download
  • Watch

    Introduction to Slicing in Fireworks

    This lesson discusses how to use the slicing features of Fireworks to break a large graphic file into smaller pieces that will allow for quicker downloading and assembly as part of a web page layout. This lesson will pick up in the next lesson where students learn set up their final root folder, optimize and then export images for reassembly in Dreamweaver.

  • Posted on 06 Apr 2017

    download
  • Watch

    Intro to Using Layout Tables in Dreamweaver - Part 2

    This lesson concludes from our last class where students first started working with a tracing image along with a layout table and layout cells to layout a webpage. This lesson review the use of layout cells to layout images and text. It also reviews how to create a CSS style for the included. The lesson concludes with completion of the example web page that will remain fixed in place when viewed with a browser.

  • Posted on 04 Apr 2017

    download
  • Watch

    Intro to Using Layout Tables in Dreamweaver - Part 1

    This lesson from our textbook teaches students how to use of a layout table and cells in Dreamweaver to create a basic web page that will remain fixed in place when viewed with a browser. The lesson starts with how tracing images can aid in the web page layout process as well as the purpose and advantages of slices to create effective, fast loading web pages. In this lesson which will conclude in our next class, students are show how to create a layout table and use layout cells on top of the tracing image to start laying out the images and text of the example site.

  • Posted on 31 Mar 2017

    download

Follow Playlisto