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

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.

read more

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

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.

read more

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

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

read more

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

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.

read more

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

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.

read more

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

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.

read more

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

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 containing the full lecture video and supporting files – 500MB Download Week 8...

read more

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

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.

read more

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

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.

read more

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

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.

read more

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

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 Part 2 - Spring 2011 DARTG178 Intro to Web Design (126) Watch the video online at Vimeo. To watch...

read more

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

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.

read more

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

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.

read more

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

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.

read more