Build a Website - General Best Practices

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 - General Best Practices

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,973 views

Print

Transcripts

Kevin Frey: Hi! I'm Kevin Frey from TransEffect LLC and today we're learning how to create a website. In this segment, we're talking about a couple of general best practices as well as additional resources for you to continue learning. The first thing I recommend is making sure that your website's look is consistent. So you should check it in several different browsers just to make sure nothing is broken in any particular browser. So we're going to take a look here at a couple of different ones and see how I Heart Planes turns out.

Right now we're in Firefox and you can see that the page looks as it was intended to look and I've also loaded Internet Explorer 7.

0. It's important to keep in mind that Internet Explorer between version 6 and 7 significant things have changed, so it's good if you can to find a computer with Internet Explorer 6 as well as 7 and check in both of those to make sure there is no problems.

As you can see here, the margin above I Heart Planes changes a little bit between Firefox and Internet Explorer. It's not a big deal and doesn't really affect the look. So I'm not going to worry too much about it. Also if you look at the bottom of the page in the Internet Explorer, there is no margin outside the main area of the footer. In Firefox we do have a margin there. Again not a big deal but if I wanted to tweak this, I'd have better luck doing it with HTML and CSS as opposed to going through Dreamweaver and the What You See Is What You Get Editor.

Also if you run into any problems with your Source code or if you're trying to do something that you feel is maybe beyond your abilities at the moment, you can go to another webpage and typically right-click on that webpage somewhere and go to View Source. This works in all major browsers. If you view the source you can take a look at how they do, whatever they do and you can also look at the CSS file to see how the styles work.

If you're worried about your ability to read HTML and CSS and put it together without the help of the What You See Is What You Get editor, I have a site that I would like to recommend. It's called w3schools.

com and it is the single best tutorial for HTML and CSS. All you have to do is go there and click on Learn HTML and that's it. You can start going through the tutorials and it's going to teach you everything that you need to know to be able to program web pages without the help of What You See Is What You Get editor.

This concludes your How to Build a Website video. With little more practice and no time, you can be creating a great website. I hope you've had as good a time learning today as I've had teaching you.

Other Videos

  • Altoids Prayer Wheels How to make a Tibetan Prayer Wheel (mani) using an Altoids tin. This prayer wheel includes the Heart Sutra as well as "Om mani padme hum."
  • What is flirting? For Women’s Eyes Only - In this video, you’ll learn how to create rapport with any man, anywhere, anytime. We’ll explain why you HAVE to flirt and what flirting really is. Gloria will give you practical advice, ideas and exercises that you can use to practice and MASTER the art of flirting.
  • How to Maximize the iPhone 3G's Battery Life This video will demonstrate various tips to extend the life of your new iPhone 3G.
  • How do I know if running for office is right for me? In this video, expert Ron Faucheux shares his tips and techniques on how to run for office.
  • Understanding Prayer as Meditation In this video, Spiritual Director Joe McCloskey, S.J. answers questions about the techniques and the mechanics that can be part of a good prayer life. This video is designed for anyone of any faith who has question about ways to go in deepening a relationship to God by prayer. It would be useful to anyone who is checking up on how they pray and interested in seeing other ways to pray. It is directed at anyone who prays and is not afraid of trying out something different that might be a better fit to style of relating to God. The golden rule is that the form one uses is the best. But it is always possible to be better.
  • iPhone App - Interval