BASIC WEB DESIGN
- 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
- Explore the tags on this page
- What are they
- Why are they important
- Text editors
- Saving files & using folders
- Viewing in a browser
- Basic HTML document
- Why HTML is easy
- Work smarter by stealing
- Viewing a Web site's source
- Div vs table layout
- Working with images/files
*Don't forget about C.R.A.P
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.
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.
- 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.
*Remember to republish after making changes