March 24
The final web mastering project will be a group assignment. The groups will be assigned Monday, March 24. I will allow students to work individually, or with one or two group memebers. The Web Presentation Project should be designed as an oral presentation. Choose one main topic (appropriate for a class assignment in school) and develop sub pages around that topic. The topic is should be narrowly focused. Narrow your topic to ONE specific idea that you want to research for a month. Choose the main topic from the provided list.
Only one group can choose each topic. When you have made your decision, you need to sign the poster on the front board indicating that you are working on that topic. Review the requirements for this project. The topic list will be posted at 3:30 Monday afternoon. You can sign up then, or early Tuesday morning. You will also be given a chance to sign up during class.
Objectives:
- You have the opportunity to work with someone, or a group of 3, or individually.
- Students will read the requirements for the project. There will be time for questions.
- Decide on topic for presentation. -- see provided list.
March 27
Decide on group and give this information to teacher. Once the group has been assigned, abolsutely no switches can be made. Work with group members to decide on the topic that you will be presenting in class. -- see provided list. Sub categories for your topic will be developed. (Individual -- 2 sub topics; groups of two--four subtopics; groups of 3--six subtopics. Two additional web pages will be developed and linked to each of the subtopics. Each group member will research and develop a specific portion of the web site. Time will be given towards the end of the project to assimilate the files.
File structure will be critically important for proper navigation within the site. Each group member must create a pres folder in their folder on the student server. Create ALL of the files for this project in another folder inside this folder that is named your login (ie. whsa). This is necessary so the files can be combined at the end of the project. This is the ONLY way that I will be able to identify your project. You must work with your group to identify file names so all navigation will work.
March 28
Once the main topic has been decided upon, sign the topics poster in the front of the room.
Create an outline (site map) for your site. When complete, you can begin developing content. You will be required to identify all sources, so keep careful records of the web sites and resources used for developing your content. This outline will be turned in on Thursday, March 30.
homework: record in your journal what you did in class today and discuss the topics that your group is presenting.
March 29
Create
March 31
Create site map in Dreamweaver. Each group member should have one sheet of paper for each file they are going to be responsible for creating. These will be collected at the end of the project, so keep them in a safe place. Write the file name in the upper left hand corner of each page. Write YOUR name below the file name. Remember to name the files appropriately: all lower case, no spaces or special symbols, short and descriptive.
Create new files for all. (index.html for the flash intro, an intro.html file that introduces the topic and gives a broad summary, two sub-categories, and two pages to support each of the sub-categories and a citation.html page. The sub-categories and support files can be named at your discretion, following the nomenclature discussed in class....NO CAPS!!!! n o s p a c e s!!!)
- 9 individual
- 15 for groups of two,
- 21 for groups of three
The files can be blank, but should be saved with the appropriate file name.
Create an images folder. All images will be saved to this folder. *All flash files MUST be saved to the same location as your html files. Be sure to name all of your buttons something appropriate.
Organization is very important. Before continuing with your research, indicate that you are ready for me to grade your folder/file structure. This will count as a major grade for this project. You must have this complete BEFORE the end of class on Friday, March 31.
April 3
Web Mastering--periods 1, 3, 4, & 7
Library research for Presentation. -- no computer use. Check out books, and document reserach. Save information necessary for citation page.
April 4
- Create a new folder in their folder on the student server named pres if you have not done so . This was done in class on Wednesday, but some students may have been absent.
- Complete the paper/pencil copy of the file outline. Create a word document with the following requirements:
- Proper Outline Form. Use a 12 pt. font
- Include Topic and all group members’ names at the top of the document.
- Include the flash file, introductory page and citation page.
- Include all sub-topics--2 for individual, 4 for groups of two, and 6 for groups of three.
- Include TWO support pages (with the topic for these listed) for each sub-topic.
- Include a proper filename for each html file.
- Document who is responsible for each file.
- Save the document as outline.doc to your pres folder.(DO NOT PRINT)
- Turn in the paper/pencil copy of the outline in to the black bo
April 5- 21
Intermediate Deadlines:
April 7 -- each group member must print the TWO sub-category pages and the two support pages for that category. (Set page options to show file name and titles)
April 10
Open your outline.doc. Increase the font for the SIX files that you are completing for your chosen topic. Print this document and turn in. Make sure your name is on it.
Create the content for the intro.html file and complete the basic web page in class today.
April 11
- Search for navigation examples that could be used for your web site. Suggested searches include navigation menus, drop-down navigation, menu bars etc. When you have found one that you like, copy the URL and paste it into an email to me: sboone@houstonisd.org.
- Discuss the Class Contributions for possible navigation menus for your web site. (click on the link)
- Work through pages 98-99 in your Dreamweaver text. Review how to make a navigation menu in Dreamweaver. You can save your practice file as navigation.html.
- HOMEWORK -- Create a sketch of the navigation bars that you are going to use for your website. Include the following:
- the TEXT that will be on each button
- the style, color, and design
- which pages will have the specific navigation. I suggest creating different navigation for the main topics and for each of the sub-topics.
April 12-13
Check Homework
Class Notes:
Sample Navigation for the Intro page:
| A. Topic 1 |
B. Topic 2 |
C. Topic 3 |
D. Topic 4 |
-- example for a group of 2. This navigation would go on each of the intro page.
Sample Navigation for First Level Categories:
| 1. Second Level Topic (A) |
2. Second Level Topic (A) |
B. Topic 2 |
C. Topic 3 |
D. Topic 4 |
-- Create different navigation bars for each of the first level categories. Each of the sub-categories for these would have the same navigation. You would need to create FOUR different ones for this particular example.
Create a 'footer' navigation that includes the following:
- link BACK to the entire Portfolio for this project (.../index.html)
- link to your citations page. (citation.html)
- link to the HOME for this project: (intro.html)
- Copyright Information
*NOTE: This is an EXAMPLE of a navigation system for this web site. You can have any style you choose.
April 13 -- each group member must show the design chosen for pages and explain navigation. This will be done orally in class.
April 17 -- BASIC WEB PAGES INCLUDING CONTENT SHOULD BE COMPLETE and PRINTED
All content must be complete and the navigation system should be developed.
April 24 -- No School
April 25
Journals turned in and graded. If absent, it is YOUR responsibility to turn this in.
Navigation will be graded tomorrow. I will open your intro.html page and check the following:
- Are the links to each of the top level files?
- Once on these pages, are there links to the sub-categories?
- Back to the top level pages?
- Back to the intro.html page?
- Is there a citations.html link?
- Is there a link BACK to the entire portfolio for Web Mastering?
April 26 - May 3
End of Course Test/Bell schedule. Please review.
Continue work on web site. All files (with the exception of the Flash Intro--index.html) MUST be completed by the beginning of class on Wednesday, May 3.
Dreamweaver Handout given in class. Major test next Wednesday, May 3
May 3
Dreamweaver MX --TEST on quizlab.com
Login as Student, complete Test.
Read Directions Carefully! Dreamweaver CAN be opened while you complete this test.
May 4 - 9
Develop the index.html and the flash intro.
These files must be completed by the end of class Tuesday, May 9
Flash Intro Requirements:
- Intro should be between 5 - 30 seconds ( 60 - 260 frames in length_
- Include a 'skip intro' button
- Flash Movie should AUTOMATICALLY go to the intro.html file.
(action on the last frame AND button action for the skip Intro....goto intro.html)
- Interesting content to 'introduce' your project topic
- ORIGINAL work! (discourage use of template!)
Assignment: Using paper/pencil, create a storyboard detailing the actual Flash Timeline for your Intro. This timeline will be due on Monday, May 8. This 'storyboard/timeline will count as a QUIZ grade for this six weeks.
Tutorial Sites for ideas.
Flash MX Skip Intro - Aaah, the Flash intro. Why, oh why do we do it? Especially when we know that
almost everyone who sees our lovingly crafted animations and sound-scapes will
hit the "skip intro" button before a handul of frames have played http://www.freeflashintros-plus.com/
At FreeFlashIntros-Plus.com -- http://www.freeflashintros-plus.com/ we offer only the highest quality flash templates and intro pages, as well as a growing collection of free flash intros which can be downloaded immediately and customized easily by editing simple text files. At FreeFlashIntros-Plus.com we offer only the highest quality flash templates and intro pages, as well as a growing collection of free flash intros which can be downloaded immediately and customized easily by editing simple text files.
Free Website Templates - http://flashfoot.com/intros.html
|
