Web+Design


 * As we acquire skills throughout the lessons, add them into your main web page that you are developing. Your page should contain**
 * pictures
 * tables
 * lists
 * background image
 * hyperlinks
 * alignment of pics

Using Jing, present your family tree page to the class. I will install Jing on your computer and provide you with the headset. You can save the presentation into your H drive and post it on your wiki. The presentation will be approximately 5-10 minutes long. I will post all presentations to google wave where we will watch and critique each web page. As a class we will discuss what areas will be critiqued and what we are looking for.
 * June 2**

Custom 1 assignment** HTML Web Page-40 Marks Design your own web page about something that you are interested in. It must contain the following elements : · Background color · At least 2 graphics · Different font sizes and styles · An unordered list and an ordered list(at least 3 items in list) · Use as many different html tags as you can
 * May 6

Marking scheme Using all of the above criteria /20 Creativity /10 Overall appearance /10

May 4 Finish the provinces and team lists

April 30 HTML Kdrive-DWPS30 lessons 1-4

Snippets Libraries and Templates** (pgs 174-189 in textbook) 1.Create and store 5 snippets and save as Hapnot1-5, insert the snippets blank Dreamweaver page, save as snippet 2.Create and store 5 library items and save as haplib 1-5, insert on a blank Dreamweaver page, save as library 3.Create 3 templates save as hapnottemplate 1-3
 * April 22

**April 16 Create a new dreamweaver page and save it as quotes. Find and list ten quotes. Create a hyper link from the text and an image of the person who said or wrote the quote to a website about them. For each quote you will need two separate links to two separate web pages. 3 marks per quote.

March 26** =Web Page Assignment-Dreamweaver= Create a web page using Dreamweaver. The web page will contain information about a dream trip that you may take. You will begin and end the trip in Flin Flon. You may go cross-country or overseas. Your site should contain: Creativity /20 Overall Appearance __/15__ Total __100 marks__
 * Headings of different sizes /5
 * Images of the places visited /10
 * Maps of the journey /10
 * Minimum of 5 links to the cities visited /5
 * Tables and special characters /10
 * Dates /5
 * Paragraphs describing your travels /10
 * Changes of text color and text properties /5
 * Lists /5

DWP 30S Test-36 marks** 1.Create a new wiki page and call it test page-1 mark Answer the following questions on your wiki 2.List four different extentions that appear on a URL- 4 marks 3.Why is it important to have a page outline when designing a new web page?-3 marks 4.Describe cloud computing.Why is cloud computing revolutionary?-5 marks 5.What is Ewaste? Give two examples. 3 marks 6.Describe web 2.0, provide 3 examples of a web 2.0 tool. 5marks 7.List and describe 2 types of websites that are developed. 4-marks
 * March 24
 * Part 1-25 marks**

Dreamweaver-11 marks** 1.Create a new dreamweaver page called Unit 1 test, use a green font. (1 mark) 2.Insert a table that has three columns and three rows.(2 marks) 3.Insert three different animal pictures into column 1, name the animal in column 2 and put in todays date in column 3 (3 marks) 4.Insert a background picture but do not have it repeat. (2 marks) 5.Under the table, using an unordered list, list 6 Canadian Cities (3 marks)
 * Part 2

1.Quiz March 24
 * March 22**

2.Read the handout and answer the four questions on your wiki.

3.Using all of the above elements, design a visually pleasing page. Save as Page Pleaser. Spend some time looking at the position of links, images and text. Change fonts and backgrounds.

Crop- 13 marks -Insert a table of 2 columns and 4 rows. Insert a picture in the left column, crop it and insert the cropped picture in the right column, (pg 93) (4 marks) -pg 95 Add a background image, click the page properties at the bottom of the properties dialog box, click appearance, and browse the path for your background image and click apply, click ok. (3 marks) -pg 98 Add 3 hyperlinks, click where you want the link, click the link button, type in the text of the link and click the file folder.Navigate to the folder containing the web page that is the destination for the link, click the file name and ok and ok again. You will need to save the link to the web page in your root folder in order for the link to work.This is probably your student folder for web design. Preview the link by clicking the preview button, (the small globe)( 6 marks)
 * March 18

March 16**
 * Lists-18 marks**
 * Pg 84-create a new page and name it lists**
 * -list 5 things you like to do using bullets (2.5 m)**
 * -list 5 things you don’t like to do using numbering (2.5m)**
 * -insert 5 images of things you don’t like to do and size appropriately (2.5)**
 * -pg 89**
 * Align images in the center of the page (2.5)**
 * -realign with text-beside your lists of what you don’t like (2.5)**
 * -write a paragraph about something you do like. Wrap text around the image. Pg 91, add space around the image (5.5)**

Present your outline and get feedback from the class. Make adjustments to your outlines.
 * March 8

Find websites that are examples of the following types of web pages:

personal training teaching educational service and support give and sell info e-commerce referencing entertainment news advertising

Link them to your wiki.

March 4 Web Design-Step 1 When creating a website, the first step is to define the goal of the website. What are your needs, what kind of detail are you going to have, what is the content, length and technology needed?

2. Identify the purpose of the website, the needs and your expectations. Think about i)why would anyone visit your site, ii) why would anyone revisit your site.

3.Content needs to be accurate and updated. 4.Content needs to be dynamic. Are you going to have discussion forums, chat rooms, games etc.

On your wiki create a new page and call it website outline. Discuss the following on that page. Make sure the below questions are answered sufficiently. Each question is worth 3 marks for a total of 27. You will be presenting to the class to gain feedback about your proposed site.(13 marks) Total assignment worth 40 marks.

What is the title of your website? What is your website going to be about, what is the goal of the website? What are your needs, what kind of detail? What is the content, length and tech needed?Provide some examples. What is the purpose of the website? What are your expectations? Why would anyone visit your site, why would they revisit? How often is your content going to be updated? How dynamic is the web page, what kind of options does your page have?

Feb 26-Web 2.0 If you have blogged, podcasted, created a wiki or been on an online sharing community such as FaceBook, you are a participant of Web 2.0. Web 2.0 refers to the idea that the people who devour media, access the internet and use the web should be participants and contributors. This means customizing media and technology for individuals and the community.

Blogs- Short for web log. It is an online journal of someone's point of view. Blogs are easy to create and follow. The key point to blogs is allowing many individuals to have their voice easily distributed to the world via the web.

Vlogs-Similar to blogs, the only difference being that vlogs carry video content.

Wikis-Easy way to create a web page. Wiki is Hawaiian term meaning quick. Wiki's allow for collaboration and input from many people. Most well known wiki is Wikipedia.

Social networking-Websites where people share ideas, stories, images and video. Facebook, my space are well known online communities.

Podcasting-Comes from the words iPod and broadcasting. It is an example of push technology, where a person can subscribe to get information sent to them without asking for it after the initial sign up. A person can now record their own music, views on religion, politics or whatever and then have it sent to those who have subscribed to their podcast. Subscribers can listen to the podcast on their phone or synched to their ipod.

RSS-Really Simple Syndication-Allows users to subscribe to websites and blogs in order to get certain information they want. Summaries of web content, along with links can be sent to the listener or reader. It is used to update frequently changing material on websites, podcasts or blogs.

Task 1.Set up a blog, you can use what ever site you like, (blogger is very easy to use)attach the link of your blog to your wiki.Spend 2 paragraphs writing about whatever you like. Hopefully you will generate some interest in the web world and get some responses from someone outside this class. Respond to your classmates blogs as well.

2.On your wiki, link five other blogs that you found that are interesting and respond to them.

3.On your wiki, discuss how podcasting and RSS are useful. Find a video link to demonstrate podcasting and link it to your wiki.

Feb 24-No Classes in the morning.

Feb 22 Finish flyer on e-waste and paragraph on wiki about cloud computing.

Feb 18 E waste** 1.Ewaste is the by-product of computer and Internet technology gone to waste. Hazardous materials make up a good part of a computer. The toxins and chemicals found in these parts have been linked to cancers, diabetes, organ abnormalities and neurological damage. What can we do about ewaste? With the creation of cloud computing, the need for desktop computers is decreasing. Where do we put computer equipment that we no longer use? Computer usage is eliminating the use of paper however it is creating another kind of waste. Create a publisher flyer depicting what society should do about ewaste. (10 marks)

2.Watch the following link, on your wiki, tell me what cloud computing is and how it will affect ewaste. (5 marks) [|google world]

What is the internet** The internet is an interlinking of thousands of different sizes and types of networks. It is not one network but a coordinated number of networks
 * Feb 16

Some system must exist to keep track of the millions of users, their addresses, ant the countless message and file transferring that occurs every day.The Internet Protocol addressing system takes care of the addressing issues. The IP addressing system uses two forms of addressing, letters and numbers. The letter and number address point to a single computer called a host. For example canada.gc.ca is the IP address for the Canadian Government. The ".ca" tell what kind of organization or country owns that IP address. The major types of organizational types are: edu: educational, university or college, mil: military, gov: government, net: network, com: commercial, org: organization.

Country codes use two letters, ca for Canada, us for USA and so forth.This lettering system is called the domain name system (DNS).

1.On your wiki link a web site that has each of the following organizational types and countries edu, mil, gov, net, com, org, au, de, uk, ca (10 marks). Briefly describe the website that you found. (10 marks)
 * Task**

2.Finish timeline and summary from last day.

Introduction Course Outline wiki set up
 * Feb 11**
 * Time Line of Major Events for the Internet using Wiki-20 marks**
 * Summary on wiki of handout-20 marks**