Web Design: Creating a Web Site
Contact eThemes@emints.org if you have questions or comments about this resource.
Printer-friendly version
Please preview all links before sharing in class with students.
|
Title:
| Web Design: Creating a Web Site |
|
Description:
| These sites feature HTML tutorials to help you create a Web site. Includes a thorough explanation of how a Web page works, plus tips on how to plan your content in advance and how to create an attractive site. There are tutorials geared for younger students as well as ones more appropriate for teachers and older students. Also includes assessment sheets for evaluating student Web sites and warnings about what type of information should NOT be included on student pages. There are links to other eTheme Resources on background images, free image collections, Dreamweaver, and Internet safety. |
|
Grade Level:
| 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 |
|
Resource Links:
| Introduction to HTML
This HTML tutorial explains common terms used in Web page design. Each of the tags are explained before the example code is given. NOTE: This is an archival site about HTML 2.0.
Lisa Explains It All
This site is specifically geared toward helping kids learn HTML. This does a good job of covering the basics plus including information about frames, cascading style sheets, and javascript. Includes instruction on adding counters and guestbooks on your sites. NOTE: The site includes ads and pop-up ads. NOTE: The site has a link to a forum and a guestbook.
Learning HTML for Kids of All Ages
This award-winning site breaks the concepts into different chapters and offers review sections to make sure you understand.
The Bare Bones Guide to HTML
This site has a comprehensive guide available in multiple languages that you can view online or download and print out. This is a comprehensive list of HTML code. This site is more appropriate for teachers and upper-grade level students. NOTE: The site includes ads.
Creating a Web Site
This site is appropriate for teachers and high school students. This is a comprehensive site that offers HTML codes plus design and usability tips. NOTE: The site includes ads.
The Isle of HTML
This ThinkQuest site was created by students and explains how to format Web pages. There is a quiz at the end of each section.
World Wide Web Consortium
This page offers the latest news about the Web and is an important site for serious Web designers.
How Web Pages Work
This site explains how Web pages work and includes diagrams. This is good background reading material that is helpful before you begin building a site. Click on "Next Page" to continue reading the article. Click on "Try It Now" in the box at the bottom of the page to begin experimenting with code and to see how it works. NOTE: The site includes ads.
Tips, Tricks, How To, and Beyond
This site is good for teachers and older students. Explore the many categories and learn how to be a Web page designer. NOTE: The site includes pop-up ads.
Color Chart by Visibone
This page shows Web-safe colors and includes the codes you need to create the colors. At the bottom, click on "Color Scheme Laboratory" for an interactive way to choose a color.
Web Evaluation for All Ages
This Web site has links to rubrics for grading Web page design from second through twelfth grade.
Web Accessibility Initiative
Explore these links and learn how to make your page more accessible to people with disabilities.
Web Design from Scratch
This site has something for everyone interested in Web design. Topics include "Basics," "HTML," "CSS," "JavaScript/DHTML," and "Accessibility." NOTE: The site includes ads.
eThemes Resource: Internet Safety
These sites have tips and advice on how children and young adults can use the Internet safely. Includes tips on surfing, chat rooms, and how not to give out personal information. There are online games and activities that teach lessons about Internet safety. There are also pledges and certificates that children can sign.
eThemes Resource: Web Design: Examples of Elementary Student Pages
These sites are examples of Web sites created by students. For some pages, the students researched a topic and then wrote an online report with links. Other sites include student artwork.
eThemes Resource: Web Design: Free Clip Art and Photographs
Public domain images and images that may be free for educational use. Most sites are general collections, some focus on the Oregon Trail. Please read all copyright and use information before copying or downloading images.
eThemes Resource: Web Design: Background Images
These sites feature free background images that can be downloaded and used on your own Web site. Includes many colorful designs as well as backgrounds featuring animals and holiday themes.
eThemes Resource: Technology: Dreamweaver
These sites offer tutorials and tips for creating a web site using Dreamweaver MX. Teachers who have previously created web pages using Netscape Composer can open their existing files in Dreamweaver and resave them. Topics include text editing, image editing, tables, rollovers, style sheets, and more. Learn by watching videos and Flash presentations or reading step-by-step instructions. There are also school page templates available to download for free.
|
|
Education Standards:
|
ME Standards:
L.6, L.5, L.5, L.7
MO Standards:
1.2, 1.4, 1.5, 1.6, 1.10, 2.1, 2.7, 4.8, 3
NV Standards:
11.2.5, 11.3.5, 11.4.5, 11.5.5, 11.6.5, 11.7.5, 11.8.5, 11.12.5
OH Standards:
W.4.D.7, W.4.D.6, W.4.E.6, W.4.E.8, W.4.E.8, W.4.E.8, W.4.E.7, W.4.E.7, W.4.E.7, W.4.E.7
UT Standards:
8.6.f, 8.6.g, 8.6.f, 8.6.g, 8.6.f, 8.6.g, 8.6.e, 8.6.f, 8.6.g, 4.11.6.c, 4.10.5.a, 4.10.5.b, 4.7.3.a, 4.7.3.b, 4.7.3.c, 4.7.5.d, 4.7.5.e, 4.7.3.a, 4.7.3.b, 4.7.3.c, 4.7.5.b, 4.7.5.e, 4.7.5.f, 4.7.5.a
If you are an eMINTS teacher and standards have not been defined for your
state, click the button below to request that they be assigned to this resource.
|
|
|
Navigate eThemes
|
|
|
|
|
|
|
|
|
 |
|
