Web Design Lessons

The following are some basic posts about web design I put together in teaching a class at East Central College in the fall of 2012.

There are many ways to use custom fonts beyond the old web-safe standards like Georgia, Verdana, Times New Roman and Arial. We'll go through them in a second, but first let's get one big thing out of the way:

Forms are used for a lot of applications on the internet. There are simple contact forms, forms that you can use as part of an advanced search, forms that can take on the function of a survey, forms that can submit credit card data to a payment processor, and many, many other boring examples of forms.

So far in this class, we've been changing the look of our html elements with css, but we haven't really been making them move around the page. It's time for us to take the next step forward and learn two ways we can change the arrangement of our page using CSS: with positioning and floats.

Here are a few handy shortcuts you may find useful. These should work when inside of a text window (as opposed to design view). Many of these are the same in other text editors.:

This zip file contains the Zen Garden HTML & CSS files that you'll be using on this project. I've slightly modified the source of the HTML file, so everyone will need to make sure to use these files and not the files downloaded on Thursday 9/13.

Designing websites is simpler than you might think. My goal in this course is that you will gain a strong grasp of the fundamentals of web design, that you will be able to create a website based on the needs of a client or boss, and that you won't be intimidated by web design. You will learn to use Dreamweaver in this class, but I will place an emphasis on understanding the principles of web design and the basics of HTML and CSS over the features and intricacies of Dreamweaver or any other software.

Web Analytics