<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%> Steve Smiley's TATC Portfolio: Standard #11
 

SBEC Standard #11

Web Mastering

The Web mastering teacher has the knowledge and skills needed to teach the Foundations, Information Acquisition, Work in Solving Problems, Communication strands of the Technology Applications Texas Essential Knowledge and Skills (TEKS) in Web mastering, in addition to the content described in Technology Applications Standards I-V.
 

Reflection:

I have been a webmaster since 1995 and looked forward to this class. Several times during the class, I was challenged to remember how I felt when I was not comfortable with the tools and the processes used in developing web pages. I experimented with colors, fonts, style sheets, and elements that I had not used before.
Web pages are as important to the future as word processing was to our generation. It began as a simple language that has grown into a level of complexity that threatens its existence. As a TA instructor, you must teach students how a task can be completed, but, at the same time, strive to instill in them an appreciation for the aesthetics and needs of a page or site. TATC is helping me to understand how the technical side can be structured and the terminology of development to help with the aesthetics. The attached travel site was created in 3 days, 2 of which were spent creating the animated images displayed on the front page.
 

Caption #2 - Caption #17


 

Caption 2

Indicators:

7.7s, 7.8s, 7.10s, 7.15s, 7.16s, 7.26s, 7.35s, 7.44s, 8.1s, 8.4s, 8.6s, 8.11s, 8.13s, 8.14s, 8.17s, 8.24s, 8.25s, 8.31s, 8.34s, 8.35s, 8.37s, 8.41s, 8.44s, 9.3s, 9.8s, 10.37s, 10.38s, 11.1s, 11.2s, 11.7s, 11.10s, 11.11s, 11.12s, 11.19s, 11.20s, 11.21s, 11.23s, 11.24s, 11.26s, 11.27s, 11.29s, 11.32s, 11.35s, 11.39s
   
Artifact #2 Desert Travel
 

Descriptors:

Web Page Development, Animation, Design Elements, Analysis
   

Title:

Travel Web Site
   

Course:

TATC 101-1: Web Design Week 4 - Travel Web Site
   

Date Created:

10/01/2002
   

Source:

Scratch: Created using HomeSite 5, Adobe Photoshop 7 and Adobe LiveMotion 2.0, with images from GlobalStar
   

Media:

Web delivery using gif images, HTML, and Shockwave
   

Description:

The assignment:
A travel company has commissioned you to develop a simple site of 3 pages or more about at least ONE of their most traveled destinations. You may decide the destination to feature.
You must use all three of the following navigation schemes and apply the information architecture of "bread crumbs" as explained in the Interactive Guide 4-1:
  • Global Navigation
  • Parallel Navigation
  • Local Navigation
   

Rationale:

The Desert Travel web site was intended to represent a corporate site, with humorous elements added just because it was late at night when I finished it. It incorporates the elements of consistency, clean navigation, and works in both Netscape and Internet Explorer. I used style sheets extensively in this assignment, mainly to insure I knew what I was doing and also to practice style inheritance. It is fun to read.

The Desert Travel Web Site was the most extensive site that we had created up to this point in TATC. It requires several different types of navigation to easily connect the 11 pages. It uses style sheets, tables, block quotes, and name/href links to unify the presentation and colors.

I redid my style sheets at least 4 times - 2 of these tries resulted in a destroyed site that could not be undone. Experimentation is the greatest teacher. The layout is simple and uses design elements such as the rule of thirds, contrast, and color for emphasis. Also, tracking, alternating image positions from left to right to left, was used throughout the site to establish a common layout paradigm. Also, this product shows the problems and situations requiring the local, global, and parallel navigation.

   

Implications for Future:

The creation of the animation gave me a better understanding of what LiveMotion can and can not do. To be successful in Digital Graphics, I needed to master this software before getting to that class.
The use of the tracking style and internal navigation reminded me what is good about them (variety, ease-of-use, data segmentation) and what is bad about them (jumping screens, large eye movements, odd navigation placement). I will use them again, but need to come up with some good reasons for and against that can be communicated as part of a lesson.
   

Reviewers Comments:

Content of Site:
accuracy: Information was accurate and i appreciated the humor very much!
author & date: Present on home page
purpose: listed on home page
structure: images loaded quickly. I had trouble getting out of the arizonaguide link but that very well could have been me! and not the page. I couldn't get the info that clicking on steve smiley on the home page was supposed to bring up. Got a message about Calypso.exe.
Functionality:
Everything was very quick (and on my slow computer!) The external links I checked worked, but as I said above, I couldn't get out of arizonaguide.
Navigation:
I found navigating around this site very easy. It was very fast.
Overall:
This was a great site. It helped to relieve my stress. Looks like you have my car for transportation at Desert Travel. I live on a gravel road. Lately it's been more dust than mud but maybe the hurricane will send some rain my way. What software did you use.
Great work!!!!

Reviewer Name:

Carol Z. Luttmer

Date Reviewed:

10/02/2002

Reviewers Title:

TATC Student
Top of Page

 

Caption 17

Indicators:

1, 2, 3, 8.1s, 8.2s, 8. 7s, 8.9s, 8.11s, 8.13s, 8.14s, 8.15s, 8.19s, 8.21s, 8.22s, 8.24s, 8.25s, 8.30s, 8.31s, 8.33s, 8.34s, 8.35s, 8.36s, 8.38s, 8.39s, 8.40s, 8.46s, 8.47s, 11.1s, 11.2s, 11.4s, 11.10s, 11.11s, 11.12s, 11.16s, 11.18s, 11.19s, 11.20s, 11.21s, 11.23s, 11.24s, 11.25s, 11.26s, 11.27s, 11.29s, 11.30s, 11.31s, 11.33s, 11.35s, 11.38s, 11.39s
   
Artifact #17 File Sizes and Integrity
 

Descriptors:

Webmastering, Digital Compression and Creation, Color Depth
   

Title:

Files Sizes and Integrity
   

Course:

TATC 101-1: Digital Graphics Week 1: Image Integrity
   

Date Created:

10/15/2002
   

Source:

Image taken from Adobe Photoshop sample files; web page; web site created with Macromedia HomeSite 5.
   

Media:

Web delivery with embedded GIF and JPG images.
   

Description:

The assignment:
Research the topic below. Using your own experience, Readings and/or research as a foundation for this report, offer your findings on the topics below. Present your findings to the class.

Teach us something we do not know about your topic. Be creative in your presentations. Examples may include a website, a presentation, a video clip, or a written summary.

File Sizes and How to Reduce Them While Maintaining File Integrity

  • 2 or more methods presented
  • description
  • "how to"
  • advantages
  • disadvantages
  • representative graphic examples
  • 2 or more URL links
  • summarize topic
   

Rationale:

The file integrity exercise allowed me to create a knowledge base for myself that contained what I knew about digital graphics and extend that knowledge into something that could be written down. The JPG and GIF file types are used extensively in web development; most of the time, I just let the graphics package that I was using do what it wanted to do. I was not entirely aware of WHY things came out the way that they did. After completing this web page, I had a clear understanding of the strengths and weaknesses of each type and how to use them.
   

Implications for Future:

This is a good page to show students the capabilities of each file format and how create a well-sized, well-presented image within a web page. The graphics will be useful as teaching tools.
   

Reviewers Comments:

I liked your input. The red background bugged me though....

Your comments on GIF's and how they can support multiple images in one file (animated) had me slapping my forehead and yelling- DOH!. For some reason, with GIF's, I automatically think of the separating bars, web clip art, buttons, and icons. It must be because they were the files I used over and over when I first learned html.

When I see an animated gif - I know what it is. When the word/extension, gif, is in front of me - I think of all those tiny little still images on web pages instead. I think I must have brain damage - because I also say gif with a hard g. giggle instead of jiggle.

Reviewer Name:

Paul Laux

Date Reviewed:

10/15/2002

Reviewers Title:

TATC Student
Top of Page
© Copyright 2003 Questions for Concerns: Steve Smiley