BASIC WEB DESIGN

Learning Goal

- Students will understand what HTML is and how a Web browser uses it

- Students will understand basic HTML terms & concepts

- Students will be able to use HTML to create basic Web pages

html

Basic HTML Tags

- Explore the tags on this page

HTML Headings

- What are they

- Why are they important

HTML Editors

- Text editors

- Saving files & using folders

- Viewing in a browser

Make an HTML Doc

- Basic HTML document

- Why HTML is easy

- Work smarter by stealing

- Viewing a Web site's source

RESROUCES

HTML Tutorials & Examples

HTML Cheat Sheet

HTML 101

NOTES

- Div vs table layout

- iFrames

- Working with images/files

*Don't forget about C.R.A.P

The Assignment

Create your own HTML page using this rubric.

So much of our world today involves the internet and Web sites. How do they work? How are they created? In this section we will learn how to create our own sites using various tools.

HTML is the alphabet of Web design. As a child you learn your ABC's before you learn to read. In this class we will learn to create basic sites with HTML before using more advanced tools. We learn the basics to have better understanding (accounting, pharmacy).

In class we will discuss and use the following links as resources.

HTML Intro

- What is HTML

- Tags

- Opening tags, closing tags

- What Web browsers do

Web sites can be created with just a text editor, but using a dedicated Web design program makes the job easier. In our class we will use an open source program called Kompozer. There are many desktop (Dreamweaver, Expression Web, WordPress, CoffeeCup) and Web based (Google Sites, Weebly, Wix) options available.

Finish section

Learning Goal

- Students will be able to use Weebly to create a professional multi-page site

As mentioned above, there are a number of Web based programs that allow you to create beautiful and professional sites. Weebly is a free and easy to use tool for building your own sites. In class we will cover some of the main features, tools, and menu items (help, settings, store, pages, design, build). Now that you have an understanding of HTML and other Web design programs, you can take full advantage of Weebly's ease of use.

Weebly Help

*Remember to republish after making changes

The Assignment

Use this rubric and your Web design knowledge to create your own site.

Hall of Fame:

- http://jessicadead.weebly.com/

- http://laurensteward.weebly.com/

- http://the-creators-cabinet.weebly.com/

- http://loliware.weebly.com/