Science Kids - Fun Science & Technology for Kids!
Science for Kids Math for Kids English for Kids

 

Fun science experimentsCool science games & activitiesAmazing science factsScience quizzesScience fair projectsScience lesson plans and class ideasScience images, photos & picturesScience videosScience topics
Fun Technology Lesson Plans and Activities for Kids


How to Make a WebsiteWeb Design Lesson Plan

Learn how to make a website with this easy to follow lesson plan that's fun for kids. Get some great hints and tips on how to use the basics of Dreamweaver, creating web pages as part of your own website.

Web design is fun to learn about and will allow you to express your own web ideas, using links, images, text and other resources to create a site devoted to anything you want! This lesson will give you the help you need to get started today.

 

Introduction:

  • Working by yourself or in a team of 2, your mission is to create your own web page. We will use Dreamweaver to create the web pages but you are free to use other programs such as Photoshop & Paint to draw pictures or make fancy graphics.

  • Important things to think about include the structure of a website, will it be dynamic or a classic tree hierarchy? How are websites viewed on the Internet? (through web browsers on computers, mobile phones etc). Why is it important to make your website easy for others to use? (otherwise they might not visit again). What kind of things can you remember to do to make sure this happens? (easy layout, menus etc).

 

Thing you might want to include on your web page or website include:

  • Photos from a camera.
  • Pictures & images from your computer.
  • Anything you want to write about.
  • Graphics you have created yourself.
  • Links to friends pages or other websites you recommend.
  • Anything else you can think of or learn about along the way.

 

Website making instructions:

  • The following is a general guide for making your web page or a source of tips if you get a little stuck along the way.
  • You can see how your web page will look on the internet at any stage by pressing the F12 button while in Dreamweaver, this will open your page in Internet Explorer.
  • Remember to frequently save your work by pressing ctrl-s, you can also undo mistakes you make or things you don’t like by pressing ctrl-z.

 

Getting started:

  • Open Dreamweaver.
  • Create new HTML.
  • Save as example.html (any name is fine but save as index.html if the page will be your website homepage).
  • Take note of the ‘Layout’ menu at the top of the screen, there are 2 options, standard & layout. Layout is good for making tables and designing the layout of your page, standard is used when doing anything else.
  • Take note of the ‘Properties’ menu at the bottom of the page, this has all the usual word processing options such as text size, colour, font, alignment as well as ‘link’, useful for making links to other pages/sites.
  • Drag tables where you would like to place images, text, links etc. This will be your page layout. Clicking on the green table icon allows you to draw tables while clicking on the blue icon allows you to draw cells inside the tables.
  • You can now start adding things like text and images to your page!

 

Images:

  • When making a website it is important to allow the pages to load on someone’s computer screen as fast as possible, so rather than using huge images it’s a good idea to resize them beforehand.

  • Once you have done this you can use the images by going through the insert > image menu in Dreamweaver. Put the images wherever you want on your page & remember that you can align them to the left, right or centre.

  • Extra: Try using rollover images, insert > image object > rollover image. When your mouse moves over the original image it will change to a new one, try to make the 2 images the same size. One idea is to use a question mark image & have it change to something funny or unexpected.

 

Linking:

  • You can link your page to a friends or even another website if you want.

    1. Write some descriptive text (eg Ralph’s awesome page!).
    2. Highlight it.
    3. Find the ‘link’ section in the properties menu (at bottom of page) and type in the full address of the page or website you’d like to link to (make sure it’s exactly correct otherwise it won’t work properly).

 

Final words:

  • Try to make your page as original as possible, adding colour is a great idea and you might even like to give your page a theme (eg animals, spooky, sports, funky etc).

  • Good luck and have fun!

 


 

 

Science Kids ©  |  Home  |  About  |  Topics  |  Experiments  |  Games  |  Facts  |  Quizzes  |  Projects  |  Lessons  |  Images  |  Videos  |  Privacy  |  Sitemap  |  Updated: Oct 9, 2023