Week 14 FTP and Hosting – Spring 2011 DARTG178 Intro to Web Design
May24

Week 14 FTP and Hosting – Spring 2011 DARTG178 Intro to Web Design

This week we finish up the semester going over how to set up your FTP info in Dreamweaver, review of hosting options and a quick how to set up WordPress on your own server. Download the ZIP file containing the full lecture video and supporting files – 80MB Download Week 14 FTP and Hosting - Spring 2011 DARTG178 Intro to Web Design (356) Watch the video online at Vimeo. To watch the video in full screen click on the 4 arrows next...

Read More
Week 13 CSS Site Forms Part 6 – Spring 2011 DARTG178 Intro to Web Design
May18

Week 13 CSS Site Forms Part 6 – Spring 2011 DARTG178 Intro to Web Design

This week we continued working on our CSS layout creating forms in Dreamweaver, Google Docs and from other sources on the internet. Download the ZIP file containing the full lecture video and supporting files – 209MB Download Week 13 CSS Site Forms Part 6 - Spring 2011 DARTG178 Intro to Web Design (377) Watch the video online at Vimeo. To watch the video in full screen click on the 4 arrows next to the...

Read More
Week 12 CSS Site Photo Galleries Part 5 – Spring 2011 DARTG178 Intro to Web Design
May04

Week 12 CSS Site Photo Galleries Part 5 – Spring 2011 DARTG178 Intro to Web Design

This week we continued working on our CSS layout working with the built in Dreamweaver behaviors to create image popup windows. We also went over photo gallery options using Picasa, Photoshop and Bridge and how to embed them in your layout using iFrames. Download the ZIP file containing the full lecture video and supporting files – 418MB Download Week 12 CSS Site Photo Galleries Part 5 – Spring 2011 DARTG178 Intro to Web Design...

Read More
Week 11 CSS Site Part 4 – Spring 2011 DARTG178 Intro to Web Design
Apr27

Week 11 CSS Site Part 4 – Spring 2011 DARTG178 Intro to Web Design

This week we continued working on our CSS layout creating the Dreamweaver template file (DWT). We also worked with Tabbed Spry boxes, how to embed YouTube videos, Google Calendars and more. Download the ZIP file containing the full lecture video and supporting files – 338MB Download Week 11 CSS Site Part 4 - Spring 2011 DARTG178 Intro to Web Design (371) Watch the video online at Vimeo. To watch the video in full screen click on...

Read More
Week 10 CSS Site Part 3 – Spring 2011 DARTG178 Intro to Web Design
Apr20

Week 10 CSS Site Part 3 – Spring 2011 DARTG178 Intro to Web Design

This week we continued working on our CSS layout creating our SPRY menu bar. Using the generated CSS for the menu we customize it with our own colors and background. We also finish up the footer and custom footer links. Download the ZIP file containing the full lecture video and supporting files – 181MB Download Week 10 CSS Site Part 3 - Spring 2011 DARTG178 Intro to Web Design (427) Watch the video online at Vimeo. To watch the...

Read More
Week 9 CSS Site Part 2 – Spring 2011 DARTG178 Intro to Web Design
Apr13

Week 9 CSS Site Part 2 – Spring 2011 DARTG178 Intro to Web Design

This week we continued working on our CSS layout creating new DIV tags for the logo and search box areas. We also covered how to create a custom search box using Custom Google Search, how to add Google Analytics and added our SPRY vertical menu to the site. Download the ZIP file containing the full lecture video and supporting files – 253MB Download Week 9 CSS Site Part 2 - Spring 2011 DARTG178 Intro to Web Design (447) Watch...

Read More
Week 8 WordPress.com Overview Midterm – Spring 2011 DARTG178 Intro to Web Design
Apr11

Week 8 WordPress.com Overview Midterm – Spring 2011 DARTG178 Intro to Web Design

This week we are introducing WordPress. WordPress is one of the leading CMS (Content Management Systems) available (FREE!) to build web sites with. In class I will be using WordPress.com, a free blogging site, to cover the backend setup and basics of WordPress. I also teach WordPress at monthly seminars, and at a free meetup group each month in the Southern California area. For more info go to seminarswp.com. Download the ZIP file...

Read More
Week 7 CSS Site Part 1 – Spring 2011 DARTG178 Intro to Web Design
Mar23

Week 7 CSS Site Part 1 – Spring 2011 DARTG178 Intro to Web Design

This week we started working on our next project in class. This site will be built around a CSS layout using Dreamweaver CS5. We cover basic CSS editing, DIV tags and created images in Photoshop CS5 to use in the header background and content background. Download the ZIP file containing the full lecture video and supporting files – 348MB Download Week 7 CSS Site Part 1 - Spring 2011 DARTG178 Intro to Web Design (452) Watch the...

Read More
Week 6 GWC Swim Site Part 4 – Spring 2011 DARTG178 Intro to Web Design
Mar09

Week 6 GWC Swim Site Part 4 – Spring 2011 DARTG178 Intro to Web Design

This week we finish working on our first project in class, the GWC Swim site. We finished working on the overall layout, inserted META tags and created editable areas. Then we created a template file (.dwt) and created all the pages for the site. Download the ZIP file containing the full lecture video and supporting files – 339MB Download Week 6 GWC Swim Site Part 4 - Spring 2011 DARTG178 Intro to Web Design (429) Watch the...

Read More
Week 5 GWC Swim Site Part 3 – Spring 2011 DARTG178 Intro to Web Design
Mar03

Week 5 GWC Swim Site Part 3 – Spring 2011 DARTG178 Intro to Web Design

This week we continue working on our first project in class, the GWC Swim site. We set up the site in Dreamweaver CS5 and started working on our main layout. We covered page properties and how CSS is used to mark up the page. Using tables we created a framework and placed the images that were created last week in Photoshop into our site. We also cover how to create rollovers and built our navigation. Download the ZIP file containing...

Read More
Week 4 GWC Swim Site Part 2 – Spring 2011 DARTG178 Intro to Web Design
Feb23

Week 4 GWC Swim Site Part 2 – Spring 2011 DARTG178 Intro to Web Design

This week we continue working on our first project in class, the GWC Swim site. We finished up the navigation, and rollover artwork. Going over the slice tool we cut up the layout in Photoshop. After slicing we go over optimization using the Save for Web system and set up the root level for the site in Dreamweaver. Download the ZIP file containing the full lecture video and supporting files – 179MB Download Week 4 GWC Swim Site...

Read More
Week 3 GWC Swim Site Part 1 – Spring 2011 DARTG178 Intro to Web Design
Feb16

Week 3 GWC Swim Site Part 1 – Spring 2011 DARTG178 Intro to Web Design

This weeks video covers the print and web design process including site maps, content collection, comps and much more. We also cover the final project in more detail. Download the ZIP file containing the full lecture video and supporting files – 261MB Download Week 3 GWC Swim Site Part 1 - Spring 2011 DARTG178 Intro to Web Design (438) Watch the video online at Vimeo. To watch the video in full screen click on the 4 arrows next...

Read More
Week 2 Web Design Process – Spring 2011 DARTG178 Intro to Web Design
Feb09

Week 2 Web Design Process – Spring 2011 DARTG178 Intro to Web Design

This weeks video covers the print and web design process including site maps, content collection, comps and much more. We also cover the final project in more detail. Download the ZIP file containing the full lecture video (no supporting files this week, lecture only) – 272MB Download Week 2 Web Design Process - Spring 2011 DARTG178 Intro to Web Design (431) Watch the video online at Vimeo. To watch the video in full screen...

Read More
Week 1 Welcome! – Spring 2011 DARTG178 Intro to Web Design
Jan23

Week 1 Welcome! – Spring 2011 DARTG178 Intro to Web Design

I would like to welcome you to the Spring 2011 Semester of DARTG178 Introduction to Web Design. This video is for my online class to introduce them to the online system and to myself. We cover the basics of the Blackboard system, online resources, assignments, my videos and much more. Download the ZIP file containing the full lecture video and supporting files – 121MB Download Week 1 Wecome! - Spring 2011 DARTG178 Intro to Web...

Read More