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.
read moreWeek 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.
read moreWeek 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.
read moreWeek 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.
read moreWeek 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.
read moreWeek 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.
read moreWeek 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.
read moreWeek 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 (41) Download the ZIP file containing just the supporting files – 20MB Download Watch the video online at Vimeo. To watch the video in full screen click on the 4 arrows next to the HD. ...
read moreWeek 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.
read moreWeek 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.
read moreWeek 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 Web Design (70) Download the ZIP file containing just the supporting files – 16MB...
read moreWeek 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.
read moreWeek 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.
read moreWeek 13 Auto Site Part 4 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. In our final video for the semester we cover how to use the Lightbox script to build out a gallery and how to build a form in Dreamweaver.
read moreWeek 12 Auto Site Part 3 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. This week we continue working on our second Dreamweaver site, setting up the Spry Menu CSS and creating a template to use for all the pages in the site.
read moreWeek 11 Auto Site Part 2 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. This week we continue working on our second Dreamweaver site, setting up the Spry Menu CSS and creating a template to use for all the pages in the site.
read moreWeek 10 Auto Site Part 1 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. This week we go back to Dreamweaver and start working on our final in class site using a pre-made layout from Dreamweaver. We cover how to change the header, how to create transparent PNG files and how to set your overall CSS setting for the site.
read moreWeek 9 WordPress Part 2 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. This week we go over how to install WordPress on your own server and start going through the settings for your WordPress web site
read moreWeek 8 WordPress Part 1 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. This week we start covering the open source software WordPress by comparing WordPress.com and WordPress.org (self install), purchasing a URL and what to purchase for hosting a web site.
read moreWeek 7 Oceanliner Project Part 6 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. This week we continue working on the in class Oceanliner web site project. We finish up the site by building a Dreamweaver template file (DWT) for the site and create each of the pages.
read moreWeek 6 Oceanliner Project Part 5 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. This week we continue working on the in class Oceanliner web site project. Working with the page properties we set up all of the CSS for the text, headers, etc. We then create our navigation bar using the Spry navigation bar in Dreamweaver.
read moreWeek 5 Oceanliner Project Part 4 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. This week we continue working on the in class Oceanliner web site project. We set up our site in Dreamweaver and start building the structure of the site using DIV tags and CSS. The CSS and code is built from scratch using this method.
read moreWeek 4 Oceanliner Project Part 3 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. This week we continue working on the in class Oceanliner web site project. Working in Photoshop we cover slicing, image optimization and we save for the web and set up the site in Dreamweaver.
read moreWeek 3 Oceanliner Project Part 2 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. This week we continue working on the in class Oceanliner web site project. Working in Photoshop we cover layout, design and layer styles while building up the artwork for the site.
read moreWeek 2 Web Design Process and Project 1 – Fall 2011 DARTG178 Intro to Web Design
DARTG178 Introduction to Web Design with instructor Sean Glumace at Golden West College in Huntington Beach CA. This weeks video covers the web design process including site maps, content collection, comps and much more.
read moreWeek 1 Welcome! – Fall 2011 DARTG178 Intro to Web Design
I would like to welcome you to the Fall 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.
read moreVeteran History Projects
I originally did gave this assignment as the final project in my DARTG/ARTG174 Adobe InDesign and DARTG/ARTG177 Portfolio classes in the Digital Arts Department at Golden West College. Over a 8 year period my students designed over 300+ books on veterans all over the world. By assigning such a personal project to the students they were emotionally invested in it and I had a very high completion rate at the end of the semester.
read moreWeek 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 moreWeek 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 moreWeek 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 moreWeek 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 moreWeek 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 moreWeek 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 moreWeek 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 moreWeek 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 moreWeek 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 moreWeek 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 moreWeek 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 moreWeek 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 moreWeek 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 moreWeek 13 CSS Oceanliner Site Part 6 – Fall 2010 DARTG178 Intro to Web Design
Week 13 CSS Oceanliner Site Part 6 - Fall 2010 DARTG178 Intro to Web Design. This week we finish up working with our CSS project and cover forms.
read moreWeek 12 CSS Oceanliner Site Part 5 – Fall 2010 DARTG178 Intro to Web Design
Week 12 CSS Oceanliner Site Part 5 - Fall 2010 DARTG178 Intro to Web Design. This week we continue with our second inclass project covering the Spry layout objects in Dreamweaver, Google Maps, embedding YouTube and Google Calendars.
read moreWeek 11 CSS Oceanliner Site Part 4 – Fall 2010 DARTG178 Intro to Web Design
Week 11 CSS Oceanliner Site Part 4 - Fall 2010 DARTG178 Intro to Web Design. This week we continue with our second inclass project using CSS covering Google Analytics, the Google Search Box and other Google apps/services you can use in your site.
read moreWeek 10 CSS Oceanliner Site Part 3 – Fall 2010 DARTG178 Intro to Web Design
Week 10 CSS Oceanliner Site Part 3 - Fall 2010 DARTG178 Intro to Web Design. This week we continue with our second inclass project using CSS. Working with Spry Menus we build out our navigation and set up color and design.
read moreWeek 9 CSS Oceanliner Site Part 2 – Fall 2010 DARTG178 Intro to Web Design
Week 9 CSS Oceanliner Site Part 2 - Fall 2010 DARTG178 Intro to Web Design. This week we continue with our second inclass project using CSS. We work with the CSS markup to change the overall look and feel of our layout in Dreamweaver, update the footer and background of the layout.
read moreWeek 8 Lightbox and Flash Video Overview – Fall 2010 DARTG178 Intro to Web Design
This week I was unable to teach class, so Chris Cunningham who also teaches DARTG178 here at GWC along with DARTG180 Intro to Flash and DARTG200 Advanced Web Design went over how to intergrate the Lightbox photo gallery code into a site. He also covered how to create and convert video to Flash and embed it into your site.
read moreWeek 7 WordPress.com Overview Midterm – Fall 2010 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. Inclass I will be using WordPress.com, a free blogging site, to cover the backend setup and basics of WordPress. In my DARTG200 Advanced Web Design class I spend 4-5 weeks covering the full installation and set up of WordPress.
read moreWeek 6 CSS Oceanliner Site Part 1 – Fall 2010 DARTG178 Intro to Web Design
Week 6 CSS Oceanliner Site Part 1 - Fall 2010 DARTG178 Intro to Web Design. This week we start our second inclass project using CSS. We cover how to set up the site in Dreamweaver, how to start a CSS layout in Dreamweaver and how to create a header and place it in the header DIV tag.
read moreWeek 5 GWC Swim Site Part 4 – Fall 2010 DARTG178 Intro to Web Design
Week 4 GWC Swim Site Part 3 - Fall 2010 DARTG178 Intro to Web Design. This week we continue working on our first project, the GWC Summer Swim web site. Starting in Dreamweaver we will cover site setup, importing images, creating hot spots/image maps and setting up the structure with tables.
read moreWeek 4 GWC Swim Site Part 3 – Fall 2010 DARTG178 Intro to Web Design
Week 4 GWC Swim Site Part 3 - Fall 2010 DARTG178 Intro to Web Design. This week we continue working on our first project, the GWC Summer Swim web site. Starting in Dreamweaver we will cover site setup, importing images, creating hot spots/image maps and setting up the structure with tables.
read moreFeatured Project
Audio Video Interiors Magazine Web Site
Web Hosting
I am asked often who I use for hosting. I use HostGator.com. Click below for more info, and you can get $9.94 off your order by using the coupon code GLUMACEDESIGN.
Have a project? Need Help?
