The Basics of HTML This video tutorial covers the basics of HTML, what is HTML? Basic Tags, Anatomy of HTML tag, and demonstrates how to code a basic HTML page using a simple text editor like TextEdit.

File Organization (Website Directory Structure) This video tutorial covers the basics of organizing your website files. Organize first before you start building your website.

The basics of web design can be simplified into 5 subjects: the grid, color palette, navigation, design principles, and typography. The Grid Color Palette Navigation Design Principles Typography The Website Eight Hour Day Design boutique created by designers Nathan Strandberg and Katie Kirk. http://www.eighthourday.com There’s so much to love about [...]

A motion graphics piece about the history of the internet that’s not only informative, it’s also well-designed.

Jason Santa Maria explains why things on the Web look the way that they do. This is a “must watch” video. SVA Dot Dot Dot Lectures: Jason Santa Maria from MFA Interaction Design on Vimeo.

Once the client has “signed off” on the design for the website, you can now get started on building the website in HTML/CSS. Notice that testing the site is necessary throughout the entire process of the technical production. Study the design comps (created in Photoshop), and take a few minutes [...]

The visual design of your site should be created as a digital file in Photoshop. Photoshop is the industry standard for creating design comps for the web. Note the following: Be sure to set the width and height of the document in pixels, the color mode to RGB, and the [...]

There is a definite process for designing websites that is different than designing for any other medium. Organizing and designing navigation for a website is one of the main differences between designing print and designing for web. As a designer you need to be aware of user experience and design [...]

Your website will be displayed on screens with a variety of resolutions — from mobile devices with small screen dimensions to large desktop monitors set to 1024 x 768 and beyond. As a designer, you need to be sure your pages will look fine when displayed in the different circumstances [...]

Also know as Website Directory Structure. When building a website, it’s essential to create a directory (folder) structure correctly at the very start of your project. Referring to the example on the left, please note the following: Create a “root” (master) directory named final_project and inside it, create two folders. [...]

From AIGA|Aquent Survey of Design Salaries 2011   Print, web and interactive career descriptions Senior Designer, print and web/interactive A senior designer, print and web/interactive is a designer whose work is about equally split between print and web/interactive mediums. They are responsible for conceptualization and design of solutions to their [...]

When creating your website, you must be very methodical when naming your files. First, never use spaces, uppercase letters, or any special characters in your file names. While your site may seem to work okay using an HTML editor (i.e. Dreamweaver) on your local computer, when you upload the website [...]

If you’re interested in working with clients and designing websites professionally, in addition to securing a domain name, you’ll need to purchase a web hosting plan so you’ll have your own server space. A domain name and a basic hosting package is normally all you’ll need. Rarely will you need [...]

The first step to creating a website is to choose a domain name (www.domainname.com) for your site. Before you start working on a website, be sure to check if a particular domain name is available. Use a “Find a Domain” feature on a website like Network Solutions. Here you can [...]

Basic Strategies – Five Basic Steps 1) Add Meta Tags 2) Add Home page title 3) Have “good” Home page content 4) Initiate link agreements with other websites 5) Submit site to search engines and directory services Step 1: Keywords Meta Tag Example from Starbucks Web site <meta name=”keywords” content=”Starbucks, [...]