Unit 5 Web Mastering TEKS

Day 1 Day 2 Day 3 Day 4 Day 5
Day 6 Day 7 Day 8 Day 9 Day 10
Day 11 Day 12 Day 13 Day 14-20 Back to INDEX

Watch for ICONS

Sharpen your Skills (practice)

Create or Produce a Product

Research and/or Read

Try

Discuss

Tools Needed

Think

Look at, See Example

Explore, Experiment

Introductory Level of the following:

Through the study of technology applications foundations, including technology-related terms, concepts, and data input strategies, students learn to make informed decisions about technologies and their applications. The efficient acquisition of information includes the identification of task requirements; the plan for using search strategies; and the use of technology to access, analyze, and evaluate the acquired information. By using technology as a tool that supports the work of individuals and groups in solving problems, students will select the technology appropriate for the task, synthesize knowledge, create a solution, and evaluate the results. Students communicate information in different formats and to diverse audiences. A variety of technologies will be used. Students will analyze and evaluate the results.

(c)  Knowledge and skills.

(1)  Foundations. The student demonstrates knowledge and appropriate use of hardware components, software programs, and their connections. The student is expected to:

(A)  demonstrate knowledge and appropriate use of operating systems, software applications, and communication and networking components;

(B)  compare, contrast, and use appropriately the various input, processing, output, and primary/secondary storage devices;

(C)  make decisions regarding the selection, acquisition, and use of software taking under consideration its quality, appropriateness, effectiveness, and efficiency;

(D)  delineate and make necessary adjustments regarding compatibility issues including, but not limited to, digital file formats and cross platform connectivity;

(E)  use vocabulary related to web mastering and delineate between the Internet and an intranet;

(G)  summarize the development of Internet protocols including, but not limited to, hypertext transfer protocol (http), gopher, file transfer protocol (ftp), telnet, and wide area information system (wais).

(3)  Foundations. The student complies with the laws and examines the issues regarding the use of technology in society. The student is expected to:

(A)  discuss copyright laws/issues and model ethical acquisition and use of digital information, citing sources using established methods;

(B)  demonstrate proper etiquette and knowledge of acceptable use policies when using networks, especially resources on the Internet and intranet; and

(C)  analyze the impact of the WWW on society through research, interviews, and personal observation.

(4)  Information acquisition. The student uses a variety of strategies to acquire information from electronic resources, with appropriate supervision. The student is expected to:

(B)  construct appropriate search strategies in the acquisition of information from the Internet including keyword and Boolean search strategies; and

(C)  obtain Uniform Resource Locators (URLs) and distinguish among the protocols including hypertext transfer protocol (http), gopher, file transfer protocol (ftp), telnet, and wide area information system (wais).

(5)  Information acquisition. The student acquires electronic information in a variety of formats, with appropriate supervision. The student is expected to:

(A)  acquire information in electronic formats including text, audio, video, and graphics, citing the source; and

(B)  identify, create, and use available file formats including text, image, video (analog and digital), and audio files.

(7)  Solving problems. The student uses appropriate computer-based productivity tools to create and modify solutions to problems. The student is expected to:

(A)  use technology tools to create a knowledge base with a broad perspective;

(B)  select and integrate appropriate productivity tools including, but not limited to, word processor, database, spreadsheet, telecommunication, draw, paint, and utility programs into the creation of WWW documents;

(C)  use foundation and enrichment curricular content in the creation of WWW pages;

(D)  create WWW pages using specific authoring tools such as text-based editing programs or graphical-based editing programs;

(E)  read, use, and develop technical documentation;

(F)  create and edit WWW documents using established design principles including consistency, repetition, alignment, proximity, ratio of text to white space, image file size, color use, font size, type, and style;

(8)  Solving problems. The student uses research skills and electronic communication, with appropriate supervision, to create new knowledge. The student is expected to:

(A)  demonstrate proficiency in, appropriate use of, and navigation of LANs, WANs, the Internet, and intranet for research and for sharing of resources;

(B)  extend teaching and learning in the local environment to the worldwide community through the creation and sharing of WWW documents;

(C)  synthesize and generate new information from data gathered from electronic and telecommunications resources;

(D)  create and format WWW documents containing bookmarks of on-line resources and share them electronically;

(E)  demonstrate the use of WWW pages, collaborative software, and productivity tools to create products;

(F)  participate with electronic communities as a learner, initiator, contributor, and teacher/mentor; and

(G)  participate in relevant, meaningful activities in the larger community and society to create electronic projects.

(9)  Solving problems. The student uses technology applications to facilitate evaluation of work, both process and product. The student is expected to:

(A)  design and implement procedures to track trends, set timelines, and review/evaluate progress for continual improvement in process and product;

(B)  seek and respond to advice from peers and professionals in delineating technological tasks;

(C)  create technology specifications for tasks and evaluation rubrics; and

(D)  resolve information conflicts and validate information through accessing, researching, and comparing data.

(10)  Communication. The student formats digital information for appropriate and effective communication. The student is expected to:

(A)  use hypertext linking appropriately when creating WWW pages;

(B)  develop interactivity for the web server via scripting additions such as Common Gateway Interface (CGI), Java Script, or JAVA; and

(C)  demonstrate the ability to conduct secure transactions from the web server to the client.

(11)  Communication. The student delivers the product electronically in a variety of media, with appropriate supervision. The student is expected to:

(A)  synthesize and publish information in a variety of ways including, but not limited to, printed copy, monitor display, Internet documents, and video; and

(B)  identify and use LANs, WANs, and remote resources to exchange and publish information.

(12)  Communication. The student uses technology applications to facilitate evaluation of communication, both process and product. The student is expected to:

(A)  create technology specifications for tasks and evaluation rubrics; and

(B)  seek and respond to input from peers and professionals in evaluating the product.

Sharpen your Skills (practice)

Create or Produce a Product

Research and/or Read

Try

Discuss

Tools Needed

Think

Look at, See Example

Explore, Experiment

DAY 1, Day 2,

Day 3, Day 4, Day 5, Day 6 , Day 7, Day 8,

PROJECT: Create a Children's e-book Story using Audacity to read the text.

EXAMPLES:

Must include:

bulletOriginal Graphics
bulletAnimation
bulletAppropriate vocabulary
bulletAudio
bulletNavigation

Resource: http://www.entheosweb.com/Flash/default.asp

An important note to remember as you work with Flash and other animation or video software is that you will need to save two types of files. These two types of files are (1) the Project - which can be edited (2) The Product - which cannot be edited.

In Flash you will need to save the Project as .fla   This is done by saving File--> Save As

You will ALSO need to save the Product as .swf (or .avi). This is done by File-->Export Movie

Both of these files need to be available at all times in the same location.

Assignments: 

(1) Create 3 Motion Tweens, 1 with Text

(2) Create 3 Shape Tweens

(3) Create 3 Motion Path animations

(4) Add CCW or CW rotation to a Tween

(5) Add Music (see below)

 

 Day 9, Day 10

REVIEW: 

Media Files

POWERPOINT ON ALL ABOUT MEDIA

For EACH type of Media, you need a program that will display OR play the media AND a program to EDIT the media. In the case of SOUND, it is best to find an audio editor (Audacity, Cool Edit) which will allow you to reduce the audio file to a mono channel file and cut it to 28 seconds. This procedure reduces the SIZE of the file and greatly improves the efficiency of the download time.

SOUND

Sounds on Web Page: Sound Effects...Free: http://www.dewa.com/sound/  (Rt Mouse Click on Source and Save in your project folder)

bullet    Read through this Page to see EXAMPLE of how sound might be used to emphasize the content of the page.

Code for HTML Page:
bullet    Know types of audio files:  .mp3, .wav, .au, .mid, .wma
bulletSound_Page 1  <embed> tag inside <body> </body> tags allowing the user to "Replay" the sound.
bulletSound_Page 2  <embed> tag inside <body> </body> tags but using width and height to limit its size on the page.
bullet http://www.arp.sprnet.org/asfroot/EV_15/EV.htm (takes about 10 seconds to load)
bullet To play automatically place this tag between <head> and </head>
bullet<embed src="filename.mp3" width="30" height="30">      </embed>
bulletWe will use the <embed> tag for multimedia (sound, movies, flash animations)
bullet Add a FlamingText or CoolText graphic and a sound effect to your Splash Page. Make sure the graphics and media are suited for the theme of your page.

 

MOVIES

EXAMPLE OF MOVIE: http://www.arp.sprnet.org/webmaster/masters/default.htm

EXAMPLE OF PODCAST: http://podcast.arpisd.org//blojsom_resources/meta/joy/Hemphill1a.mp4  Using 28 Seconds of music you will recognize.

Use all the tags and skills (animation, graphics, sound, etc.) you have learned thus far to enhance your site.

bulletUtilize email and Web Libraries to acquire content
bulletUtilize digital camera to enhance site
bulletUtilize animation and graphics to coordinate theme
bulletUtilize best practices

 

Adding Music to Flash

 

Create a Music Layer (new Layer) –Do this LAST

 

Import  an MP3 or WMA music file

 

Note: you must give the artist and publisher credit on your page and you may only use 10% or less than 30 seconds.

 

The music will reside in the Library.

 

Highlight the frame you want to the music to start in and drag your music selection from the library to the stage.

 

Calculate how many frames you will be able to have the music play. (Example is your animation is 10 frames per second, your music could play a maximum of 300 frames or 30 seconds)

 

To be safe we will always use less than 30 seconds or about 28 second. Put a KeyFrame in the correct frame for 28 seconds (F6).

 

Click in the Action –Frame Window

Click on Movie Control

Double Click on StopAllSounds

 

A small “a” should appear in your KeyFrame

 

To test your movie

Go to Control

            Test Movie

 

USING THE <EMBED> Command between <BODY> and </BODY>

 

 

<EMBED SRC="file.swf"> </EMBED>

 

FREE AUDIO EDITOR - AUDACITY

Not so fabulous: Free Audio Editor- WAVPAD

 

Day 11, Day 12

Planning a Web site for a Client: Global Projects versus Vanity Pages

Global Projects draw interest from across the globe and allow others to become engaged in the pages so that they feel compelled to revisit the Web site. Global Projects allow global users to add content and contribute to the global database of knowledge.

Vanity Pages draw interest only from those who are featured on the page. They may visit the page once and then not revisit.

Discussion on Web site Design, Plan, and Contract

bulletContract: Before you collect signatures on the contract sit down with the contractor and discuss expectations, content, theme, and number of issues to be covered which in turn will allow you to plan for the number of pages you will be responsible for maintaining.
bulletStoryboard: Create your storyboard based on your contract.
bulletPlanning Worksheet: Along with your storyboard, add a planning worksheet which will detail:
bulletall the content information you will need to provide-create initially in a Word document to edit for spelling and grammar
bulletsplash page design: how will your opening page draw in Web surfers to your site?
bulletnavigation,
bullettheme: colors, typeface, titles from Cooltext or Flamingtext designs, buttons, graphics (do not forget <alt> tags), tables
bulletphotos,
bulletcontact information,
bulletemail response link - who will receive the comments from Web surfers?
bulletcopyright information,
bulletanimated gifs,
bullet<title> tag information,
bullet<body> tab modifiers
bulletAuthorization: make sure you have media releases from each client and each profiled group or person and that you follow your district's posting policies.
bulletMaintenance schedule: When will page be completed? How often will you need to update your pages?
bulletHow will you slant your pages toward global involvement?
bulletHow will you advertise your pages?

DAY 13-

Goal: Choose an audience and create an electronic story with appropriate vocabulary, font, and graphics.

Storyboard your electronic story.

Tools Needed: Web design software (Dreamweaver, FrontPage), scanner (for hand-drawn graphics), graphic editor (Photoshop, Paint), microphone, and audio editor (audacity, Cool Edit).

EXAMPLES: http://www.arp.sprnet.org/Curric/read/storyind.htm  Stories for youngsters

Day 14, Day 15, Day 16

 Creating a Web Photo Album

Read through pages 14-21

bulletBuild main pages and save to Web
bulletBegin adding content and graphics (titles, buttons) and notice that the show up in Assets.
bulletView Site Files and use the Site panel in Map & File views
bulletRevisit Web Design Guidelines on page 22.
bulletLearn Quick Keys on pages 23 & 24.

Creating a Web Photo Album (thumbnails for myriads of photos)

Planning a Photo Album. Place all your photos or graphics in one folder. This folder can be placed on your desktop temporarily.

Step 1: In Dream Weaver click on Commands

Step 2: Select Create Web Photo Album

Step 3: The Wizard appears. Fill in each blank

The most important information is the destination folder. This should be a folder that you have access to on your Web site for images. For the first attempt at creating a Photo Album, leave the default thumbnail size, number of  columns, and the format as is. Do not change these. See if you like what the results. If not you can tweak your Photo Album as you like.

Chapter 6 includes some old skills (horizontal rule, background color or image) and a new skill (image mapping). You will need to include at least one image map in your project Website. The Arp Home page uses image maps. See if you can discover how they are used.

bulletWhat is a "hot spot"?
bulletPractice using the Quick Keys on page 73-74.

 

Setting up Templates: Chapter 7

bulletCreate and edit a template
bulletApply a template on a new page
bulletAdd items to the Asset Panel Library
bulletUse the Design notes features
bulletPractice Quick Keys on pages 85-86.

Create a template for your Website and add at least one new page using the template.

 

  Chapter 9: using Advanced Table Features

This chapter explains how to use a table as a layout feature. You already know to use a table to create left and right margins and that all the pieces of your page should be snug inside a table. But there are some new ideas in this chapter like:

bullethow to import tabular data (spread sheets)
bullethow to sort tabular data
bullethow to automatically format a table
bullethow to use the format table command
bulletand insert table-related tags.

Practice Quick Keys on page 112.

Work on your Website and tables on your pages.

DAY 20:

STUDY FOR  6 Weeks TEST

MEANING OF ICONS

Sharpen your Skills (practice)

Create or Produce a Product

Research and/or Read

Try

Discuss

Tools Needed

Think

Look at, See Example

Explore, Experiment