Microsoft 

Web Mastering
April 21 - May 6

Microsoft Expressing Training

 

 April 08 April 21 April 22 April 23 & 24 April 25 - May 2 April 25 - May 2 May 08 April 25 - May 2

The Expression Web Curriculum for Pre-collegiate Students is a Microsoft project for Web development students. There are two components:  a tutorial and a curriculum unit (both available at www.microsoft.com/facultyconnection/precollegiate).  The tutorial and curriculum unit (with lesson plans) were designed and tested by high school teachers for high school teachers and students. The NETS (National Education Technology Standards)-based activities guide students to answer an essential question, conduct research, and communicate their learning by building a Web site. The curriculum units can be customized to focus on technology integrated with a variety of curricular areas and are adaptable for collaborative team projects. 
 
Essential Question posed in the curriculum:
"What electronic device (e-cessory) has had the greatest impact upon your life or the life of your friends, family, or community?”

Learning Tasks:
Students will identify an “e-cessory” to research and create a Web site to communicate their learning. The content of the research will include identifying four events in history, inventions, or people that have led to the need for, and development of, their chosen “e-cessory.”

The tutorial will guide students in developing a fairly simple Web site about laptop computers. The tutorial topic serves as a model for the type of information students might want to research on an electronic accessory of their choice. After completion of the tutorial, students can either use it as a template to insert in the information they discover or create a Web site from the “ground up”, incorporating what they’re learned and adding additional features they learn about from the other readily available resources from Microsoft.

April 21

Activity: Introduce the Expression Web project by posing the essential question: “What “e-cessory”—electronic accessory—has had the greatest impact upon you, your family, friends, or community?”

Use the PowerPoint presentation.

Lead students through the beginning of the Your Learning Guide to Expression Web tutorial until they are comfortable with the format of the lessons

  

Notes/Resources:

Conduct a brainstorming session to generate ideas and to encourage deeper analysis of the question and justification of answers. Students will research 4 significant events, inventions or individuals that were significant in the development of their most chosen “e-cessory.” The student research portion of this project can be an in or out of class activity.

Expression Web Overview ppt

Be sure students are familiar with a saving location for their Web site folder. (studentfolder/classwork/microsoft)

The tutorial, Your Learning Guide to Expression Web, which is available at www.microsoft.com/facultyconnection/precollegiate.

(the link is in the lower right hand corner)

April 22 - 24

Activity: Lead students through the beginning of the Your Learning Guide to Expression Web tutorial until they are comfortable with the format of the lessons

Complete the tutorial by the end of class Wed/Thurs, April 23/24.

  

Notes/Resources:

Be sure students are familiar with a saving location for their Web site folder. (studentfolder/classwork/microsoft)

The tutorial, Your Learning Guide to Expression Web, which is available at www.microsoft.com/facultyconnection/precollegiate.

(the link is in the lower right hand corner)

There have been some challenges working with Master pages in the tutorial.
Here is a video that might help on http://www.microsoft.com/expression/kc/resources.aspx?product=web&type=all

Project Description: Due May 2

  • Select the e-cessory you think is most important.
  • Investigate the events, inventions, and people who contributed to the development of this e-cessory.
  • Review Research Rubric -- the website is based on the following criteria:
    • Description and analysis of e-cessory impact
    • Choice of background events -- see rubric for details
    • Supporting Evidence -- I have magazines in my classroom, you can use the internet, or you can use texts from the library. Properly cite references from the web using the "Citation Machine". This site is also linked from the Westside Library webpage.
      • Event 1
      • Event 2
      • Event 3
      • Event 4
      		 Make sure these events show evidence of deep understanding of people, places, and environments surrounding the event. See rubric for more specific criteria.
    • Conclusions drawn
  • Design a Web site to communicate what you have learned.
    • You must have multiple pages in your website. The overall design is at your discretion; however, make sure that all content is SCHOOL APPROPRIATE (if in doubt, clarify), well documented and thorough. This should be a formal research project. You are expected to do the bulk of the research OUTSIDE of the classroom environment.
  • Use Expression Web to create the Web site. -- the tutorial packet will be available.
  • Evaluate your work with a the guided provided.
  • Share your work with others by posting to the Internet.

Web Site Research Document   |  Website Evaluation Rubric

April 25 - May 6

Activity: Students either conduct the research during class time or organize what they have gathered as homework for use in the Web development stage of the project.

Notes/Resources: Be sure students are familiar with a saving location for their Web site folder. (studentfolder/classwork/microsoft)

Students use the Research Document (.pdf) - or- (word document) to evaluate this portion of the project. The rubrics are designed to allow additions or modifications to fit course standards.
The completed Research Assignment linked above is due at the beginning of class on May 7.

The tutorial, Your Learning Guide to Expression Web, which is available at www.microsoft.com/facultyconnection/precollegiate.
(the link is in the lower right hand corner)

Due to TAKS testing, students will have an opportunity to complete this assignment during tutorials the week of May 5-9. May 7 is the last date to work on this project.

May 7 - 9

Is Expression Web compatible with Dreamweaver?

Using your club or business site as a guide, you can now use Dreamweaver to modify your site and add more interest. Before beginning, review site and decide on the type of links your really want. (Text links are really a BARE minimum.) There are MANY tutorial sites on the web, as well as your text that you can use to make your site really work. Spend today making sure that your content is complete and add some interest to your site by creating buttons or interactive links, a more creative banner, checking the size of each of the layers etc.

View 10 random websites from the following URL: http://www.randomwebsite.net/random/
Note the design for each.

  • Was there a banner? What did it look like?
  • How did the navigation work?
  • Was there copyright information on the page?
  • What was the color scheme?
  • How much content was on each page?
  • Could you find things easily through the links?

Discuss your observations with the person(s) sitting beside you.

Develop a plan to improve your site. WRITE this down now! Work on your site to improve it.

May 12

Publishing Microsoft Projects -- To complete the Microsoft section of Web Mastering, you will publish your Expression Web Tutorial and your Research Project on an E-Cessory. Specific directions are shown below and directions were discussed during class on Monday, May 12. Your microsoft projects must be posted to the WHSTECH server by the end of class on Tuesday, May 13.

Dreamweaver

  1. Set up your site. (Site, New, name it your folder name, and browse to your folder)
  2. Click on the Remote link on the side
    Choose FTP Access and fill in the boxes so they look like the image below.
    ftp

    TEST to determine whether you have entered the data properly. If successful, then you can click OK, the cache will be created, click OK again, then done to close the site management tool.

  3. Create a new html file. Save the file as index.html to your classwork/microsoft folder. Title the file appropriately. Insert a 1 x 2 centered table to create the navigation needed for your two Microsoft assignments. Highlight the cells and choose "align center" from the properties panel.

  4. Enter text in the left cell for Expression Web Tutorial. Create a link to ew/index.aspx.

  5. Enter text in the right cell for your E-Cessory Research Project. The link should indicate an appropriate title for your project. Create a link to research/index.html,

  6. Open Photoshop

Photoshop -- creating image links

You will now create two images than can be used as links to the two Microsoft projects.

  1. Open classwork/microsoft/ew/laptop.jpg.
  2. Note the size of the image (image>image size) It is 129 px. wide and 163 px. tall.
  3. Save this image for the web to your classwork/microsoft folder.
  4. Open an image from your classwork/microsoft/research folder that could be used for the navigation button to your research project.
  5. Note the size of the new image. You will need to crop or resize to 'match' the laptop image. The height should be 163 px. If you can crop image to that size, do so. If not, then resize with constrained proportions so you have an image that matches the laptop.jpg in size.
  6. Save this image for the web to your classwork/microsoft folder.
  7. Close Photoshop

BACK TO DREAMWEAVER

  1. Insert the image laptop.jpg in the left cell of the table. Set the border = 0. Create a link to ew/index.aspx.
  2. Insert the other image in the right cell of table. Set the border = 0. Create a link to research/index.html.
  3. Save the file.
  4. Preview in a browser and check links.

The Microsoft Project is NOW COMPLETE.

Move all files for the Microsoft Project to your web folder. Follow the directions on this website.

  • Right click start and select explore. Resize window to half of the monitor width and drag to the RIGHT side of the screen. Navigate to your classwork/thisibelieve folder on the the student server
  • Repeat and drag to the LEFT side of the screen. Navigate to your web folder on the student server.
  • Create a microsoft folder in the top level of your folder on the student server.
    • Strong suggestion: determine the files you have actually USED for the Microsoft Projects. These are the ONLY files that should be moved to the "web" folder!
  • Determine the files now located in the classwork/microsoft folder that were actually used on your web pages (including images and any .swf files you used). You can select each of these by holding the Ctrl button and clicking on them with the mouse. Once selected, drag them to the newly created web/thisibelieve folder on the left side of the monitor.
  • Test the site by closing the classwork folder and clicking on index.html from the microsoft folder. Check all images and links.

Please complete the short survey. This survey is also online and will take about 5 minutes.

Concluding Student Surveyhttp://www.surveymonkey.com/s.aspx?sm=TDQu1_2fGadrGqrntQJCzJNQ_3d_3d

 

 

Home | Info | Calendar | HISD | Academics | Staff | Classes

This page was last modified on May 12, 2008
Mail comments to Susan Boone
©Houston Independent School District
Back to Web Mastering Classes