March 26

3.     Page Properties – background images, page and text colours etc.

4.     Advanced Objects – formatting page setup with tables

5.     Creating a Website of many Webpages

Assignment:

Travel Brochure Website Assignment

Task:
• Create a Travel Brochure Website.
Pick a country that you would like to visit to tell us about.  (only one person per country)

You must include the following:

• As many HTML structures (tags) as you feel necessary.
• Have no less than 3 separate content pages
• Have a navigation structure (links to your homepage, and other pages)
• Include tables
• Include numerous graphics and/or images – one of which you must create yourself
• Include at least one ordered and one unordered list
• Include headings
• Include at least one external link
• Use consistent formatting, colours, and images to create a cohesive website
• Make sure all links work (i.e. that they are not broken)
• Create a sources cited page where you source your information, and acknowledge the original material authors. (This will be a separate page)
• Other additions of your choice – Level 4 submissions will include a number of advanced features such as image maps, horizontal rules, mail links, advanced tables etc.

Your web pages will be saved in a folder called “travelsite” in the BTA 3O directory your H drive. You must call your first page: index.html

March 25

Learning Dreamweaver – A WYSIWYG Editor (not a Web 2.0 tool)

1.      Views of Dreamweaver

  • Design
  • Code
  • Combination

2.     Working with Objects in Preview Mode and viewing code in code mode

Types of Objects:

  • Text Objects (including formatting text)
  • Image Objects
  • Link Objects

March 22

Unit 4 – Webpages and Websites

Methods to Create Web Pages (Multiple pages is a website)

1)  Text Based Web Page Creation:  Any program that allows you to type text (including programs like Notepad on Windows Computers) could actually be used to create web pages using a programming language HTML (HyperText Markup Language)

Example of HTML Code

<body>
<u>About Me</u>
<p>This web page is about me, the sports I like, the food I eat and the things I do
<h1>About Me</h1>
<p>This is some text about me …..
:
:
</body>

2)  WYSIWYG (What you see is what you get) Web Page Creation:  A web page editing program which provides an editing interface which resembles how the page will be displayed in a web browser.  Many WYSIWYG editors will also allow you to add HTML code.

Popular Web Page Creation Programs

  • dreamweaver
  • coffee cup
  • google sites

These programs allow you to create websites mirrors which you can then upload to a web hosting service so it can be viewed on the internet.  This service may be provided free by your ISP (Internet Service Provider – Hurontel, EastLink etc) or you may have to pay for this service.  There are many web hosts on the intermet.

Learning Dreamweaver – A WYSIWYG Editor (not a Web 2.0 tool)

1.      Views of Dreamweaver

  • Design
  • Code
  • Combination

2.     Working with Objects in Preview Mode and viewing code in code mode

Types of Objects:

  • Text Objects (including formatting text)
  • Image Objects
  • Link Objects

3.     Page Properties – background images, page and text colours etc.

4.     Advanced Objects – formatting page setup with tables

5.     Creating a Website of many Webpages

March 22

Presentation Wrapup

1)  Hand in peer evaluation form

2)  In an email to your teacher, create three multiple choice questions that are related to your quiz using the template (copy and paste) below:

#)  Question

a) Answer1

b) Answer2

c) Answer3

d) Answer4

Correct Answer:  ______

3)  Presentation quiz will be on Monday