Transcript Document

IT 117 - Introduction to
Website Development
Welcome!
Welcome to Unit 9!
GUI Editors and Accessibility
Guidelines and Research

This week’s reading:
Review lesson 10.
Introduction

You can create Web pages using a graphical user interface
(GUI) HTML editor; also called a What You See is What You
Get (WYSIWYG) editor. These editors allow Web authors to
create Web pages without typing the requisite HTML code.
Textbook Reading Summary:

The lesson is about using and evaluating GUI HTML editors,
accessibility guidelines, and validating HTML code.
To-Do-List





Review Key Terms On the Reading page
Read Assigned Text On the Reading page
Respond to the Discussion Board
30 Points
Case Study: The Best GUI Editor
Complete the unit project and upload to assignment
dropbox for grading
50 Points
On the Assignment page
Attend the Weekly Seminar or complete the FLA quiz
20 Points
Log in from Student's Home page
Readings Overview

•
•
There are two types of GUI editors:
Page editors
Site management editors
Both are WYSIWYG programs.

GUI page editors allow you to create a Web page using your
mouse and a toolbar. Functionality is usually limited to
creating individual Web pages.
Readings Overview

GUI Web site management editors provide both Web page
creation and site management functionality. They allow teams
of designers and developers to work in an integrated
environment to design, build, and manage Web site and
Internet applications.

In addition to creating Web pages, team members can
manage the entire Web site with this type of application, both
during and after development. Site management includes task
automation and workflow integration with other programs in a
production environment.
Seminar Overview

This week’s Seminar session is about Lists and CSS. We will discuss
the various options and when it is appropriate to use CSS.
HTML Review
Lists
 HTML lists are one of the most useful tools for
organizing the text on your page. This Page
Resource.com website also contains an excellent
explanation of HTML lists. Follow the directions
below to read the article entitled “Using HTML
Lists.”
 Go to
http://www.pageresource.com/html/listhelp.htm.
 Read the article title “Using HTML Lists.”
Project 9
Outcomes addressed in this activity:
Unit Outcomes :


Describe basic concepts of web development
Apply a professionally recognized method of formatting and
documentation
Course Outcome:

GEL 6.2: Apply a professionally recognized method of formatting and
documentation
Project
Project Instructions:
Write a research paper on any topic related to Website design.
Choose a topic that was addressed in this unit or anywhere in
this course and write a 2-3 page paper. Download the APA
template from Doc Sharing as you must follow proper APA
formatting. Your paper will need to fulfill all requirements listed
below.
Project
Requirements:



1. State a research question for your topic. Your research
needs to answer that question. Example: Do Web forms
add value to a business Website?
2. Conduct Internet research on your topic and cite your
sources
3. Make sure your paper includes the following:




Relevant terms are used throughout the paper
APA formatting
2-3 pages (not including the cover page), double-spaced
References cited properly
Project
Some ideas: possible topic choices for Unit 9 paper:










What Do Cascading Style Sheets do for Websites?
Appropriate Site Navigation Choices
Why is it important to use cascading style sheets?
Cascading Style Sheets: Are they worth it?
Why are graphical elements important in a Web Page?
What is the difference between HTML and XHTML
How are Web pages accessibly to the disabled and elderly?
The Advantages and Disadvantages of Using GUI HTML Editors
The Benefits of Cascading Style Sheets in Search Engine
Optimization
Standards: Why are they important to Web Design?
Project 4 - Grading Rubrics





1. Relevant terms related to Website design activities are used
throughout the paper. : 0-10;
2. The research question for the chosen topic was sufficiently
answered with thoughtful insight and analysis. : 0-10;
3. APA formatting is applied to the paper and paper is free of
spelling and grammar errors. : 0-10;
4. 2-3 pages (not including the cover page), double-spaced. :
0-10;
5. References formatted and cited properly. : 0-10.
Project 10 – Final!
Outcomes addressed in this activity:
Unit Outcomes:

Build a home page and link to all previously created pages and
enhance the look and feel.
Course outcomes addressed in this unit

IT117-1: Examine Internet and World Wide Web technologies.

IT117-2: Create web sites using web page building blocks.

IT117-3: Develop navigation systems for web sites.
Post the URL to your Website in the comments section of the Unit
10/Final Project Dropbox (Please use the template provided!).
Project 10 – Final!
Project Instructions:

For your Final Project, you will create and publish a website on the
Internet. You must have a minimum of five pages in your Web site.
The required pages are:





Home Page (index.html): Begin in Unit 1 and continue to
modify throughout the term as you learn more about HTML and
Web design.
Personal Biography Page (bio.htm): Created in Unit 3
Career page about your future aspirations (career.htm):
Created in Unit 4
Contact Us (contact.htm): created in Unit 7.
Links page (links.htm): Created in Unit 7
Project 10 – Final!
In addition, you will need to demonstrate your ability to employ:










A CSS formatted global navigation bar on each page
Headings on all pages
Images on the biography and home pages
Tables on the career page
Contact information on the contact page
Ordered List(s) on the career page
Unordered List(s) on the career page
External Links on the links page
External CSS must be applied to all pages
The website must be fully uploaded to the Internet
Project 10 – Rubrics







1. Your Website consists of five pages (index.html, bio.htm,
career.htm, links.htm, contact.htm) : 0-10;
2. Heading tags are correctly applied on each of the five
pages in your Website. : 0-10;
3. There is a correctly coded image on bio.htm and the alt tag
was applied. : 0-10;
4. There is a correctly coded image on index.html and the alt
tag was applied. : 0-10;
5. A table is correctly coded on career.htm : 0-10;
6. Ordered List(s) are correctly coded on career.htm : 0-10;
7. Unordered List(s) are correctly coded on career.htm : 010;
Project 10 – Rubrics





8. At least five functioning external Links are present : 0-10;
links.htm and each opens in a new window due to proper use
of the _blank attribute : 0-10;
9. External CSS is correctly applied to each of the five pages
in your Website. : 0-10;
10. A global CSS formatted navigation bar exists on each
page and all links work successfully : 0-10;
11. The website has been uploaded to the Internet and is
viewable via the URL submitted to the unit 10 dropbox. : 0-10.
Total: 0-110 points
Thank you!

Feel free to contact me with any questions!
[email protected]

Use the Virtual Office to post questions throughout the week,
as well as to upload your zipped folder if you need me to look
at the code!