e-cho+friends+OTH

=//e // - cho friends =  Ken Abraham E. Saluta MSU-IIT IDS kensaluta@gmail.com

Introduction
How many hours do you usually stay in front of the computer? Do you consume most of your time browsing the net for some wondrous websites? You probably encounter it every day but how well do you know about websites? How well do you know about creating one? In this activity, you will learn how to make a good website using a web developer program. To help you achieve your goals, answer the following questions below by visiting the pre-listed websites of this page. Have your answers in a one whole sheet of paper //(1 group = 1 paper) // and face the big challenge below. 

Questions
 
 * 1) What is a website? 
 * 2) What are the two kinds of website? //(give its difference) //<span style="font-family: "Arial","sans-serif"; font-size: 10.0pt;">
 * 3) <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt; mso-fareast-font-family: Verdana;">What is a web developer program? <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">
 * 4) <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">What are some examples of a web developer program? //<span style="font-family: "Arial","sans-serif"; font-size: 10.0pt;">(give only 3) //<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">
 * 5) <span style="color: black; font-family: "Arial","sans-serif"; font-size: 11.0pt;">What are the things to be considered in designing and planning a website?  <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">
 * 6) <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">How should a good website look like?

Web Resources
<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Web Developer’s Programs · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Website · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Good Website Design · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Website Design and Development Process · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] · <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"><span style="font-family: "Times New Roman","serif";">[] <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt; mso-ansi-language: EN-US; mso-bidi-language: AR-SA; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US;"> <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt; mso-fareast-font-family: Verdana;">Now, let’s face the BIG challenge. <span style="color: black; font-family: "Arial","sans-serif"; font-size: 11.0pt;">Working in a group of four members, you will design and create a website <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt; mso-fareast-font-family: Verdana;">on environmental concerns and issues present in your school campus. You will choose one focused topic below that suits the interest of the group. Also, you will portray roles with corresponding responsibilities while making the project. Your project will help you learn and acquire skills in making a website as well as nurture you to become an environmentally literate student. <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Focused Topics: <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Roles: <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Template adapted from Tom March, <span style="font-family: "Times New Roman","serif";">[]
 * <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">The Big Question **
 * <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Travel **<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> – you will travel around the campus and identify the different kinds of transportation and facilities used by the school constituents //<span style="font-family: "Arial","sans-serif"; font-size: 10.0pt;">(i.e. teachers, students, staff, etc.). //<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> Present the advantages & disadvantages of using the particular kind of transportation & facilities and recommend policies & solutions to help lessen C02 emission.
 * <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Park **<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> – you will identify a place inside the campus that is environmental friendly and must present a brief history of it. Discuss its features on why does the place considered as environmental friendly. Then, you will recommend a structure of learning place //<span style="font-family: "Arial","sans-serif"; font-size: 10.0pt;">(i.e. lounge or student area) //<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> that is both environmental friendly and conducive for learning.
 * <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Problems **<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">– you will identify the occurring problems present on your school campus that contributes to global warming. Then recommend policies & solutions to prevent the situation to get worsen.
 * <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Disaster **<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> – you will identify the most occurring disasters that happened on your school campus //<span style="font-family: "Arial","sans-serif"; font-size: 10.0pt;">(i.e. floods, earthquakes, etc.). //<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> Present a timeline in year where the disaster happened and its casualties. Then recommend some ways and precautionary measures to prepare for the disaster.
 * <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Earth **<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> – the content researcher of the group who will be responsible for the concepts to be included on the website.
 * <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Wind **<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> – the journalist of the group who will conduct interview from the teachers, students, staff, & parents regarding their thoughts on the chosen focused topic.
 * <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Fire **<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> – the layout designer of the group who will be responsible for seeking of ideas from the group for the layout design of their webpage and sketch its structure and flow.
 * <span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;">Water **<span style="font-family: "Arial","sans-serif"; font-size: 11.0pt;"> – the file manager of the group, responsible for organization of files and documents of their webpage and tasked to upload those files on the net.