Welcome to the Web Design site. This site was designed specifically as a resource for and enhancement of the MMP 240 Web Design class at BMCC. However it contains information that should be helpful for anyone learning web design.

The site is broken into seven major sections. They are organized by content and described below. The home page is separate from these sections and has more timely information that will change more frequently.


This section covers the basics of HTML and CSS that you need in order to get a web page visible. Start with HTML, it is the basis of everything on the web and then move on to CSS which gives the HTML information form, clarity, style and visual interest.


Every good web site starts with good planning. It’s a cliché but there is a reason the phrase is used so often. If the goals and audience of a site are not clear then it is very difficult to create a great site. Also, while planning seems like extra, needless work when your are first starting out, you will find eventually that when it is done well it can save time.


This section covers the major principles of design as the apply to the web. In addition to the theoretical side, hands-on practical examples are shown of how to translate a theory into practice using HTML/CSS (and even a little Javascript and Flash for the tricky bits).


Layout is a part of graphic design but it is such a big part of it and difficult enough to do well on the web that I’ve promoted it to its own section. Most of the struggles people have with CSS are related to layout. However don’t let that worry you. With some simple principles down layout gets much easier all of a sudden and then you will be able to work faster and be more free to experiment.


Good interaction on a web site makes it more usable, engaging and just plain interesting. This section will cover basics such as navigation and hyperlinks and more advanced topics like Javascript Frameworks and 3rd party integration (Maps, Calendars).

Page Elements

This section covers the various elements and media that can go on a page. From tables and forms to video and audio, this is where you will learn to put content outside of the typical paragraphs, titles and lists onto a page.


Unfortunately HTML and CSS don’t write themselves and images don’t magically appear in the correct size and format. This section shows you how to work with professional premium tools like Dreamweaver and Photoshop as well as useful free tools like Notepad++ and Firefox to write HTML, create images and more.

Posted in Uncategorized | Leave a comment