Build a Website - Beginning Design and Development

To properly view this site, javascript must be enabled and Flash version 9 or higher must be installed.
Get the latest Flash player
Kevin Frey
Managing Partner / Technical Consultant, TransEffect LLC
www.transeffect.com/  
703-991-1599

TransEffect LLC is a company that specializes in the creation of simply laid out, solidly designed web sites and graphics for individuals, small businesses, large companies/corporations, and everything in the middle. In addition to our web site design and development, we provide many other services (web maintenance, e-commerce, basic SEO, web site consulting, etc.) to make your site more accessible, efficient, and reliable. We're here to make the World Wide Web a better place for everyone.

Build a Website - Beginning Design and Development

In this video, professional web developer Kevin Frey, of TransEffect LLC, goes over the basics of creating a simple web page using a "What you see is what you get" editor (in this case, Adobe DreamWeaver). The video is tailored to beginners who have limited knowledge of the principles behind web site design and development. The segments cover everything from registering a domain name to getting started with HTML and CSS. Also covered are page templates, blogs, and some general tips for making your site better. There's even a segment dedicated to some of the terms you should be familiar with as a web designer/developer, as well as some advice on where to find more information, for anyone who wishes to master some more advanced techniques. Due to the fact that this is a video for beginners, it does not extensively cover some items that were considered better suited to people with a more advanced web design/development skillset, such as the difference between HTML and XHTML, designing the look and feel of a site in programs like Adobe Photshop or Fireworks, and why it's so important to separate presentation from content.

This series: 10,987 views

Print

Transcripts

Kevin Frey: Hi! I'm Kevin Frey from Trans Effect LLC and today we're talking about how to create a website. Right now we're going to go over the beginning stages of the design and development process. I've created a website here, a really basic website called I Heart Planes. This is the website we're going to be building today. We're going to learn abut all the elements on the page and to start off with, we're going to learn how to set up the basic framework for this site. The program that I'm using as an example today is Adobe Dreamweaver which has a feature commonly referred to as a What-You-See-Is-What-You-Get editor. It's an HTML editor that let's you design a page in what's called Design Mode as you address the necessary HTML and CSS in the background, so that you don't have to directly deal with code, you can only deal with what the page looks like. There are plenty of What-You-See-Is-What-You-Get editors available out there for free. Most of them have the same basic features that Dreamweaver has including the option to load predefined templates which is what we're gong to do today. So you're going to find out some of the template options that we have. You can see that over on the right here as we click on templates, it displays what the templates are going to look like. What we're going to work with today is a two-column fixed layout with a left side bar and also a header and a footer. So we're going to select that layout and we're going to hit Create. Now this brings up our basic template. You can see that there is the header and the footer, both labeled along with the side bar and the main content area. Now that we have our template loaded and set up here, in our next clip we're going to examine a template a little closer and start talking about the content.

Other Videos

  • Air Guitar Performance Flair This video will show how to play air guitar and discusses performance flair.
  • Basic Tarot Card Reading It is my intention in this video to teach the basics of the Tarot. A lot of people want to know how to read the Tarot but are overwhelmed at the esoteric knowledge it encompasses. In addition, people want things simplified. In this video, I teach the Tarot with the consumer in mind who wants this information more concrete and basic. A kind of meat and potatoes approach. The Tarot is a wonderful tool to access higher states of consciousness. It assists us in attaining more more internal knowledge. Learning the Tarot is a way of reconnecting with our innermost being.
  • Business Gift Giving Etiquette
  • Video Production Tips - Framing Your Shots This video series not only provides guidelines and tips for producing your own video for Monkeysee, but also teaches basic video production skills that can be applied to any video you shoot.
  • Jumping Egg Trick Amazing Trick to bet on your friends.
  • How to Survive in the Wilderness In this video “How To Survive In The Outdoors” survival instructors Tim MacWelch and Rick “Hue” Hueston will teach you the skills of survival. Topics in this video series will include survival priorities, how to build a hut from sticks and leaves, how to find and purify drinking water, how to light a fire with only one match, making friction fire with the Bow and Drill, wild food gathering and information on survival kits to keep you safe.