How to Teach Children How to Design a Webpage

by Emilia Lamberto

The Internet is a very powerful tool, connecting people all over the world and showcasing individual talents without the need of having face-to-face meetings. For children, the Internet may be quite confusing, even overwhelming. At the same time, it may arouse curiosity and interest. Teaching children how to design their own Web page is a neat way to familiarize them with how the Web works.

1

Show the child a basic website in a Web browser (i.e. Internet Explorer, Firefox, Safari). Point to various parts of the website such as links, text and images. Tell your child that the browser is used to translate Web "code" into the page that she sees.

2

Point at the site address. Explain that the address of the site is a "URL" which stands for "uniform resource locator." Demonstrate that the URL is the website "address" that takes you to a particular website, document or anywhere else on the Internet.

3

Explain the make-up of a basic website. The codes that the browser translates are HTML (hypertext markup language) and CSS (cascading style sheets). HTML is the basic make-up of the page and includes links, text and image codes. CSS is what creates the layout design and colors of the page.

4

List the tools needed to get started, such as an editor, Web space and ideas. Although graphics are not required, they do help spruce up a Web page. The editor is needed in order to write out your HTML and CSS codes. Web space is required in order to store your codes so that the information may be seen online. Web space may be found for free on sites like Webs, Bravenet and Tripod. Sub-domains are also available (http://www.websitehost.com/yourchildssitename). Graphics may be created with free image-editors like Paint or Gimp.

5

Upload any images for the site on your Web space provider or through an image-hosting website. You will receive a direct-link after uploading the image. Make note of this link.

6

Set up the basic page. After signing up for free Web space and choosing the domain name, your child may begin his site. Start by having him enter the following basic code into his editor:

WEBPAGE TITLE HERE

HEADING OF THE PAGE

Enter website information here.

7

Explain each part of the code individually. The "HTML" tag tells the browser that HTML is being used for the Web page. The "head" tag includes the title of the website along with all CSS. The CSS in the site starts after "