|
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
|
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 |
|