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.
Personal
Reflection:
Web mastering
is an area that I have always wanted to grow and investigate. I have known
for a long time that there are many facets to web mastering and design
that are concepts that you can't really learn without getting hands-on
experience. The experiences that I was able to obtain in this class have
been invaluable and I am very grateful for the opportunity to venture
into areas that I have not felt that comfortable in such as JavaScript
and Cascading Style Sheets. I plan to continue the learning process but
I know that I probably would not have had the confidence to grow more
in this area had I not had the support of my classmates and instructor.
Indicators:TA
Standards I, II, III, IV, V, 7.2s, 7.3s, 7.4s, 7.6s, 7.7.s, 7.9s, 7.10s,
7.11, 7.12s, 7.14s, 7.15s, 7.16s, 7.17s, 7.27s, 7.28s, 7.36s,7.37s, 7.41s,
7.44s, 7.47s, 8.1s, 8.2s, 8.4s, 8.9s, 8.11s, 8.13s, 8.14s, 8.15s, 8.21s,
8.22s, 8.23s, 8.24s, 8.25s, 8.33s, 8.35s, 8.38s, 8.40s, 8.41s, 8.44s,
8.45s, 8.47s, 9.4s, 9.5s, 9.6s, 9.8s, 9.9s, 9.10s, 9.11s, 9.13s, 9.15s,
9.16s, 9.17s, 9.18s, 9.20s, 9.21s, 9.24s, 9.26s, 9.28s, 9.38s, 9.39s,
9.40s, 9.42s, 9.43s, 10.9s, 10.11s, 10.37s, 10.38s, 10.40s, 10.41s, 10.43s,
11.1s, 11.2s, 11.3s, 11.4s, 11.7s, 11.9s, 11.10s, 11.11s, 11.12s, 11.13s,
11.14s, 11.16s, 11.17s, 11.18s, 11.19s, 11.20s, 11.21s, 11.23s, 11.24s,
11.25s, 11.26s, 11.27s, 11.28s, 11.29s, 11.30s, 11.31s, 11.32s, 11.34s,
11.35s, 11.36s, 11.39s
Artifact
#2
Descriptors: Principles of Design, Web page design, page
navigation, image acquisition, image optimization for web page access
Title: 101 Adventures Lighthouse Tours Travel Page
Course: Web Authoring 102
Date Created: September 29, 2002
Source: Personal knowledge, Macromedia Dreamweaver MX, Macromedia Flash 5, reading and interactive guides
Media: Web page format
Description: A three page travel site created for an 'imaginary' travel agency that specializes in certain types of tours. My topic choice for this artifact was for lighthouse tours enjoyed on the Oregon coastline. The site was to show location, services, examples of a tour and links to outside sites. We were required to have clear navigation, bread crumbs (so the viewer would know what pages they had come from) as well as appropriate content and images.
This particular page was created using Macromedia Dreamweaver MX. The animated buttons were created using Macromedia's Flash 5 program.
Rationale: I selected this page for use in the portfolio for this standard because of the entire process that went into the preparation of this page.
The first stage for this page was to decide on the customer, look at the needs of the customer as well as the user's needs. The page had to be easy to load, easy to understand, to the point, and comprehensive about services provided by the company.
The logo and animated navigation buttons were created with the company in mind. These were created in Photoshop.
I sketched out the page design/layout before I started creating the page in Dreamweaver which helped with navigation, and design in the long-run.
After setting up the entire page, external and internal links were checked and weeded for unnecessary links. The images were checked for optimized sizes and fast upload speeds.
The entire page was uploaded to my portfolio page and input was requested from fellow classmates.
Implications for future:After participating in this activity, I can see the need for keeping in mind the user's understanding of natural navigation of a page. Using the HOME buttons as well as leaving the bread crumbs for the user allows the user to utilize the navigation tools the way they were meant to be. This will help me in my design concepts in the future.
Reviewers Comments:
Jamie
Crider (TATC Participant) "I think that Diana did an excellent
job on her travel project. I enjoyed looking at her web page because her
pictures were so beautiful!! I also really liked the animation in her
breadcrumbs. It really added to the site. " (10/1/02)
Marta M. Merlino-Calvert (TATC Participant) "Everything loaded just fine. Your multimedia image worked great. I’m partial to some kind of colored or patterned background, as long as it is not distracting to the eye. Your use of white was plain, yet worked just fine for the site and it didn’t take away anything overall." (9/30/02)
--------------------------------------------------------------------------------
Indicators: TA Standards I, III, V, XI, 7.4s, 7.10s, 7.15s, 7.16s, 7.17s, 7.27s, 7.30s, 7.31s, 7.37s, 11.2s, 11.16s, 11.17s, 11.18s, 11.20s, 11.23s, 11.24s, 11.25s, 11.28s, 11.29s, 11.30s, 11.32s, 11.34s, 11.35s
Descriptors: HTML lists and Web Design concepts
Title: Lists in HTML
Course: 102 Web Authoring
Date Created:9/16/02
Source: Personal HTML knowledge and www.webmonkey.com
Media: PowerPoint published for the web
Description: In this activity, we chose areas of HTML that we would like to research and instruct on. After personal research, we were to prepare a web page, paper or presentation that would teach a student how to program that particular element in HTML. I chose to research and present on HTML lists. Through research, organization and explanation, the person preparing the presentation would learn more and therefore be able to teach the subject more completely.
Rationale: I selected this activity because it utilizes
one of the key concepts taught in Web Authoring--HTML. HTML, which is
the 'language of the Internet has become a necessary subject to be taught.
Without a key knowledge of HTML, it is almost impossible to be as thorough
in web authoring and design as we need to be.
This activity required organization of web authoring concepts, HTML terms and concepts as well as utilization of a software that could turn the presentation into a web-based object. Through the use of PowerPoint, I was able to divide the concepts to different slides, including key concepts about HTML lists that could cause problems. The elements of white- space, proximity and color were kept in mind during the development of this page.
After the project was done, I published the file for the web and posted it, realizing that Netscape Navigator did not view it completely. This was also a learning experience. After uploading the file, classmates commented on the presentation and provided input.
Implications for future:
For the future, I want to stress the importance of the use of HTML in
web design and authoring. Through my own experience, I can honestly say
that there is a large amount still to learn about HTML that would benefit
my skills. This is my goal for the future--to learn more to utilize this
language skill in the future.
Reviewer Comments:
Allysa Muntean (TATC Participant) "Your work is truly amazing. I learned more by going through your presentation than I did on my own research." (10/02/02)