Week 13 Oceanliner Project Part 08 – Spring 2012 DARTG178 Intro to Web Design

This week we continue working on our Oceanliner.com web site adding in SPRY items like tabs. We also cover how to embed video using YouTube and Vimeo, Google Calendars, Google Maps and how to set up Google Web Fonts on the site template. Download the ZIP file containing the full lecture video and supporting files – 542MB Download Week 13 Oceanliner Project Part 08 - Spring 2012 DARTG178 Intro to Web Design (323) Download the ZIP...

Read More

Week 14 Oceanliner Project Part 09 – Spring 2012 DARTG178 Intro to Web Design

For our final week of class we cover how to upload and work with FTP and Dreamweaver. 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 Oceanliner Project Part 07 – Spring 2012 DARTG178 Intro to Web Design

This week we continue working on our Oceanliner.com web site using the Dreamweaver Template DWT file we created last week to build out all of our pages. We also cover Google Analytics, FAVICONS, Google Custom Search and other addons. Download the ZIP file containing the full lecture video and supporting files – 535MB Download Week 12 Oceanliner Project Part 07 - Spring 2012 DARTG178 Intro to Web Design (288) Download the ZIP...

Read More

Week 11 Oceanliner Project Part 06 – Spring 2012 DARTG178 Intro to Web Design

This week we continue working on our Oceanliner.com web site creating a spry menu and setting up the CSS for it. We also set up the editable areas and created a DWT template from our master page. Download the ZIP file containing the full lecture video and supporting files – 542MB Download Week 11 Oceanliner Project Part 06 - Spring 2012 DARTG178 Intro to Web Design (284) Download the ZIP file containing just the supporting files...

Read More

Week 10 WordPress Install and Setup Part 3 – Spring 2012 DARTG178 Intro to Web Design

This week we finish up our WordPress site covering how to create content with pages and posts. We also cover how to work with images and basic galleries. Click here to download the ZIP file with the 3 handouts from this week. Watch the videos online at Vimeo. To watch the video in full screen click on the 4 arrows next to the...

Read More

Week 9 WordPress Install and Setup Part 2 – Spring 2012 DARTG178 Intro to Web Design

We continue to set up WordPress on our own server. Working with themes and pages we build out our menu system. Click here to download the ZIP file with the 3 handouts from this week. Watch the videos online at Vimeo. To watch the video in full screen click on the 4 arrows next to the...

Read More

Week 8 WordPress Install and Setup – Spring 2012 DARTG178 Intro to Web Design

This week we start working with WordPress on your own server. We cover how to install WordPress on your server and basic settings. PLEASE NOTE – This weeks movie is in 3 parts. Please note – I had trouble rendering my video this week and had to break it up into 3 embedded videos. All three are below and on my site. There is no Quicktime download this week or files to go along with the videos, only online embed. Click here...

Read More

Week 7 Oceanliner Project Part 05 – Spring 2012 DARTG178 Intro to Web Design

This week we continue working on our Oceanliner.com web site using DIV tags and CSS. We also cover how to point a domain to a different hosting company using the name servers/DNS and how to add a domain and subdomain to your hosting account. Download the ZIP file containing the full lecture video and supporting files – 440MB Download Week 7 Oceanliner Project Part 05 - Spring 2012 DARTG178 Intro to Web Design (337) Download the...

Read More

Week 6 Oceanliner Project Part 04 – Spring 2012 DARTG178 Intro to Web Design

This week we continue working on our Oceanliner.com web site. We set up the structure of our layout using DIV tags and CSS in Dreamweaver. Download the ZIP file containing the full lecture video and supporting files – 362MB Download Week 6 Oceanliner Project Part 04 - Spring 2012 DARTG178 Intro to Web Design (327) Download the ZIP file containing just the supporting files – 20MB Download Watch the video online at Vimeo. To...

Read More

Week 5 Oceanliner Project Part 03 – Spring 2012 DARTG178 Intro to Web Design

This week we continue working on our Oceanliner.com web site. We cover how to slice your layout in Photoshop and cover the Save for Web and optimization of the images. We then move over to Dreamweaver setting up the site and beginning the CSS and DIV tag set up. Download the ZIP file containing the full lecture video and supporting files – 331MB Download Week 5 Oceanliner Project Part 03 - Spring 2012 DARTG178 Intro to Web...

Read More

Week 4 Oceanliner Part 02 Project Working with Muse – Spring 2012 DARTG178 Intro to Web Design

This week we take the Oceanliner.com Photoshop layout we created last week and build a quick site using Adobe Muse. Download the ZIP file containing the full lecture video and supporting files – 416MB Download Week 4 Oceanliner Project Working with Muse Part 02 - Spring 2012 DARTG178 Intro to Web Design (341) Download the ZIP file containing just the supporting files – 12MB Download Watch the video online at Vimeo. To...

Read More

Week 3 Oceanliner Project Part 01 – Spring 2012 DARTG178 Intro to Web Design

This week we begin working on our first project, the Oceanliner.com site. Starting in Photoshop we go through the design process, site map, and layout of the site. Working with the shape tools and layer styles we start building the overall layout and artwork for the site. Download the ZIP file containing the full lecture video and supporting files – 497MB Download Week 3 Oceanliner Project Part 01 - Spring 2012 DARTG178 Intro to...

Read More

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

This weeks video covers the 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 – 393MB Download Week 2 Web Design Process - Spring 2012 DARTG178 Intro to Web Design (425) Watch the video online at Vimeo. To watch the video in full screen click on the 4 arrows next to the...

Read More

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

I would like to welcome you to the Spring 2012 Semester of DARTG178 Introduction to Web Design. This video is for my online class to introduce them to the online system. 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 – 280MB Download Week 1 Welcome! - Spring 2012 DARTG178 Intro to Web Design (384)...

Read More