Trinity Valley Community College

TVCC … Excellence … A Shared Vision

 

Web Page Design, IMED 1316

Spring 2007 Internet Syllabus

 

Instructor

Kippi Harraid

Business Professor

Email

kharraid@tvcc.edu

Prefer emails within WebCT for class questions

Office Hours

Location:

New Technology Center

1:00 –   3:00 pm      M/W

10:30 – 12:00 am    T/TH

Phone

903.677-TVCC

903.670.2632 (office)

 

Description:

Welcome to Web Page Design I Online!  This course provides instruction in the use of the Internet, Internet services, web page design, and web site development.  Emphasis is placed on the fundamentals of HTML. 

 

This course introduces you to the fundamentals of web page authoring.  Students will learn how to use HTML to create web pages, generate HTML links, add graphics, and create image maps, tables, frames, and forms.   Advanced techniques include new HTML tags, virtual reality, audio, video, presentation of other non-standard data, and how to use FTP to upload and download files.

Goals:

The primary purpose of Web Page Development 1 is to provide you with a hands-on approach to the study of web page design.  People want to take this course for a variety of reasons.  Employers may require you to maintain their web site, you may be self-employed and need to design your own web site, or you may be interested in creating your own self-interest web pages for personal use.  This course is designed to meet all of those needs. 

 

Building on the foundation of your textbook, we'll add lecture notes, class discussions, Internet research assignments, and weekly quizzes to build your skills.  Of course, you will be designing a web site throughout the semester.  The course is fast-paced, so keep up with the work!

Requirements:

The computer system requirements for this course are as follows:

·          Windows 98 or later operating system

·          Easy access to a reliable Internet connection – 56K modem speed or higher

·          Internet Explorer or Netscape Navigator web browser

·          Microsoft Word 97 or later version

·          An unzip program will be provided by your instructor

·          Other helpful software needs:

o         Presentation capabilities utilizing Microsoft PowerPoint 97 or later version

o         Some assignments require you to access PDF documents.  The letters PDF indicate a document is in the Portable Document Format (PDF). To view these files you will need the Adobe Acrobat Reader which is available for free from http://www.adobe.com/products/acrobat/readstep2.html. 

Prerequisites:

Prerequisites for this course include:

·          Successful completion of Microcomputer Applications, COSC 1301

·          Knowledge needed to create file folders and copy, unzip, and download files

Text:

Carey, Patrick.  New Perspectives HTML and XHTML, 4th Edition

Massachusetts.  Thomson Course Technology, 2005.  ISBN 0-619-26747-X

Resources:

The textbook, new Perspectives HTML and XHTML, 4th Edition, offers an excellent student online companion including, but not limited to:

·          Additional content for further exploration

·          Student data files and PowerPoint presentations

·          Links to web sites for additional information

·          Student edition labs offering hands on practice and reinforcement of skills and concepts

·          http://www.course.com/catalog/downloads.cfm?isbn=0-619-26747-X

Expectations:

You will be expected to:

·          Complete the WebCT tutorial regarding necessary WebCT tools http://www.tvcc.edu/Depts/dist.learning/WEBCT_Tutorial/index.htm

·          Follow TVCC Internet course policies and procedures

·          Communicate weekly with instructor and meet all deadlines

Learning Outcomes:

Upon successful completion of this course, you will be able to:

·          Describe the different types of web page editing applications including tag editors, WYSIWYG editors, and converters

·          Design web pages using HTML coding including:

o         Various types of links into web pages (internal, relative, absolute, graphical)

o         Various types of page organizations (headings, lists, tables & frames)

o         Cascading Style Sheets to format pages

o         Interactive forms and other scripts

o         Various types of multimedia files (graphics, sounds, videos)

·          Transfer files (FTP) to a server

·          Copy/Download existing files (sound, video & script files) from the Internet

·          Discuss and analyze web pages for effective, accessible design techniques

·          Develop an understanding of intellectual property issues including free speech, censorship, cross-cultural publishing, and responsibility

Instructional Method:

·          Read each session in the textbook carefully

  • Keep a notebook of key terms presented in the text.  This is for your own benefit – not to be submitted to the instructor
  • Complete the review at the end of each session
  • Check WebCT on a regular basis for postings, instructor comments and discussions
  • Refer to the class schedule and calendar on WebCT for assignments and due dates. If you’re having difficulty, contact the instructor

Course Access via WebCT

Students can log on to the TVCC WebCT website after the first class day of the semester. 

·          Information regarding TVCC WebCT may be found at http://www.tvcc.edu/WebCt. 

·          Log-on information can be found at http://www.tvcc.edu/WebCt/studentinfo.aspx

All student log-ins are as follows:

·          User ID:  Your last name followed by the first initial of your first name plus the last four digits of your social security number.  For example, Kippi Harraid, 461-08-1234, would be harraidk1234. 

·          Password:  The last four digits of your social security number. 

·          Both your user name and password are case sensitive, so pay close attention to the caps lock key!

·          Once you have logged in to WebCT, you may change your password – just make sure you remember it!  If you forget your password, you will not be able to access your course until it is reset by TVCC Network Services.

·          Utilize the navigation tools within WebCT to go from place to place within your course rather than the back and forward buttons in your browser.

Discussion Board:  

Each student will be expected to log on to the discussion board on WebCT where there will be discussion thread assignments posted.   You will also be required to analyze assigned web pages.  All entries should be posted no later than 11:00 p.m. Saturday of the scheduled week.

Exams:  

All exams will be timed. Each one will be available all day Friday and Saturday of its scheduled week.  Exams should be submitted no later than 11:00 p.m. on Saturday of the scheduled week.  Students who fail to take an exam without contacting the instructor prior to the exam will receive a zero for that exam and will not be allowed a make-up.  If a test is announced as a proctored exam, the exam will not be administered online.  Students will be required to come to the TVCC Athens Campus Library Resource Center, testing center, or the testing center on their home campus to take any proctored exams. VCT students will be required to go to the testing center on their host campus to take the proctored exams.    

 

Grading Policy:  

Tutorial Assignments (6)

50 points each

26%

Homework Assignments (12)

30 points each

31%

Written Online Tests (3)

100 points each

26%

Final Exam – Web Site

200 points

17%

 

A

1039-1160 points

B

922-1038

C

807-921

D

691-806

F

690 and below

Online Learning:  

This is not a self-paced class. Please refer to the class schedule and calendars for assignments and due dates. Keep in mind that online learning is active and self-initiated, and therefore requires self discipline. Don't think that this class will be easier because it is online; it will probably be harder.
Here are some tips for successful completion of an online course.

·          Prepare in advance

·          Set a specific time of day for doing the work

·          Prepare a physical setting (close the door, eliminate interruptions, etc.)

·          Ask lots of questions in the discussion board if you don't understand something

Course Outline:         

Week

Topic

Material

 1

Introduction to Course

Introduction to file compression utility that will be used in the course.

Downloads

 

Introducing the World Wide Web – p. 4

HTML: The Language of the Web – p. 6

Session 1.1 Quick Check – p. 9

 Session 1.1

 2

 Tutorial 1: Developing a Basic Web Page

                 Creating a Web Page for Stephen Dubι’s Chemistry Classes

Creating an HTML Document – p. 9

Working with Block-Level Elements – p. 17

Creating Paragraphs – p. 21

Creating Lists – p. 24

Using Other Block-Level Elements – p. 30

Working with Inline Elements – p. 31

Understanding Logical and Physical Elements – p. 33

Session 1.2 Quick Check – p. 34

Session 1.2

 

Working with Empty Elements – p. 34

Working with Special Characters – p. 39

Tips for Good HTML Code – p. 42

Session 1.3 Quick Check – p. 43

Tutorial Summary – p. 43

Key Terms – p. 43

 Session 1.3

3

Applying the principles learned in Tutorial 1 in two homework assignments – p. 46

 Homework

Assignments

 4

 Tutorial 2: Developing a Basic Web Site

                 Creating a Chemistry Web Site

Working with Links – p. 56

Creating Element ids – p. 58

Creating Links within a Document – p. 59

Creating Anchors – p. 63

Session 2.1 Quick Check – p. 63

 

Session 2.1

 

Working with Web Site Structures – p. 64

Creating Links between Documents – p. 68

Session 2.1 Quick Check – p. 76

 Session 2.2

 

Linking to Resources on the Internet – p. 77

Working with Hypertext Attributes – p. 84

Using the Link Element – p. 88

Tips for Creating Effective Links – p. 89

Session 2.3 Quick Check – p. 89

Tutorial Summary – p. 90

Key Terms – p. 90

 Session 2.3

 

5

 Applying the principles learned in Tutorial 2 in two homework assignments – p. 93

 Homework

Assignments

 

 Written Test 1 on Tutorial 1 & 2

 

 

6

 Tutorial 3: Designing a Web Page

                   Working with Fonts, Colors, and Graphics

Working with Color in HTML – p. 108

Defining Foreground and Background Colors – p. 114

Working with Fonts and Text Styles – p. 116

Session 3.1 Quick Check – p. 131

 Session 3.1

 

Choosing an Image Format – p. 131

Aligning an Image – p. 137

Setting Margins – p. 142

Setting the Image Size – p. 144

Inserting a Background Image – p. 145

Session 3.2 Quick Check – p. 150

  Session 3.2

 

Understanding Image Maps – p. 151

Tips for Web Page Design – p. 159

Session 3.3 Quick Check – p. 160

Tutorial Summary – p. 160

Key Terms – p. 160

 Session 3.3

7

 Applying the principles learned in Tutorial 3 in two homework assignments – p. 163

 Homework

Assignments

 8

 Tutorial 4: Designing a Web Page with Tables

                  Creating a News Page

Tables on the World Wide Web – p. 174

Creating a Text Table – p. 175

Designing a Table Structure – p. 179

Session 4.1 Quick Check – p. 187

 Session 4.1

 

Working with the Table Border – p. 187

Sizing a Table – p. 193

Spanning Rows and Columns – p. 198

Formatting Table Contents – p. 201

Working with Column Groups – p. 208

Session 4.2 Quick Check – p. 209

 Session 4.2

 

Using Tables for Layout – p. 209

Creating a Newspaper-Style Layout – p. 216

Tips for Effective Use of Tables – p. 230

Session 4.3 Quick Check – p. 230

Tutorial Summary – p. 230

Key Terms – p. 231

 Session 4.3

 9

Applying principles from Tutorial 4 in two homework assignments – p. 233

 Homework Assignments

 

Written Test 2 on Tutorial 3 & 4

 

 10

 Tutorial 5:  Designing a Web Site with Frames.

                  Using Frames to Display Multiple Web Pages

Introducing Frames – p. 244

Planning Your Frames – p. 247

Creating a Frameset – p. 248

Formatting a Frame – p. 255

Session 5.1 Quick Check – p. 258

 Session 5.1

 

Working with Frames and Links – p. 259

Using Reserved Target Names – p. 262

Using the No Frames Element – p. 267

Working with Frame Borders – p. 270

Creating Inline Frames – p. 273

Tips for Using Frames – p. 275

Session 5.2 Quick Check – p. 275

Tutorial Summary – p. 275

Key Terms – p. 276

 Session 5.2

11

Applying the principles learned in Tutorial 5 in two homework assignments – p. 279

Homework

Assignments

12

 Tutorial 6: Creating Web Page Forms.

                   Designing a Product Registration Form

Introducing Web Forms – p. 292

Creating the Form Element – p. 294

Creating Input Boxes – p. 296

Working with Form Labels – p. 303

Session 6.1 Quick Check – p. 305

 Session 6.1

 

Creating a Selection List – p. 305

Creating Option buttons – p. 313

Creating a Field Set – p. 315

Creating Check Boxes – p. 317

Creating a Text Area Box – p. 320

Session 6.2 Quick Check – p. 323

 Session 6.2

 

Working with Form Buttons – p. 323

Working with Form Attributes – p. 330

Using the mailto Action – p. 331

Specifying the Tab Order – p. 332

Specifying an Access Key – p. 332

Tips for Creating Effective Forms – p. 333

Session 6.3 Quick Check – p. 333

Tutorial Summary – p. 334

Key Terms – p. 334

Session 6.3

13

Applying principles learned in Tutorial 6 in homework assignments – p. 337

 Homework

14

Receive directions for final exam.

 

 

Written Test 3 on Tutorials 5 & 6

 

15

Complete and submit Final Exam Project.

 

 

Turning in Assignments and Homework:

  • Each tutorial and homework assignment should be saved to a separate folder on your computer.  Always save a back-up file!
  • As you complete the tutorial assignments, create a zip file with the HTML file and all the graphic files in a separate folder.
  • As you complete the homework assignments on alternate weeks, you will create a zip file for each homework assignment.
  • The zip files will be submitted, through the WebCT assignments icon, when due. Check the calendar each week so you will know what is due. Stay up-to-date; don’t get behind!
  • The written tests must be taken as scheduled on the calendar. The tests are online and timed.  You only get one attempt. NO practice tries! No makeup tests given.

Documentation of Course Completion:

You are expected to keep copies of all of your submitted work.  If an assignment is lost, it will be your responsibility to redo and/or resubmit the assignment for grading. 

 

Once an assignment is graded and returned, you must keep a copy of the graded assignment in electronic format.  Then, if there is a dispute on the grade, you have verification of grade received.

Late Work:

This course is not self-paced; there are published assignment due dates.  No late work will be accepted, unless there is a special circumstance that is discussed with the instructor BEFORE the assignment's due date.  Any work turned in after this date will be recorded with a grade of zero.

Online Etiquette:  

If you haven't participated in online communication very much, you might want to visit a few web sites that explain "Netiquette,” such as http://www.learnthenet.com/english/html/09netiqt.htm. 

·          Use polite, understated, good language

·          Do not type in ALL CAPS, which is perceived as shouting

·          If you disagree, do so politely

·          Think of your comments as being printed in a newspaper

Academic Integrity:

Among the violations of academic integrity are: cheating, plagiarism, falsification and fabrication, abuse of academic materials, personal misrepresentation and proxy, bribes, favors, and threats. 

 

Any work that is submitted for grading should belong to you.  Your work must reflect your own personality and understanding; work copied from another is unacceptable and grounds for a breach of the academic integrity. 

 

Specifically, as academic integrity issues relate to this course, if it is discovered that you are not completing your own assignments, you will fail this course.  The moral of this story is to study with others, but do your own work! 

 

TVCC is an equal opportunity employer/educator functioning under the affirmative action plan and

does not discriminate on the basis of race, color, national origin, sex, disability, or other legislated

categories in its services, employment programs,and/or its educational programs and activities.

This includes but is not limited to admissions, treatment, and access.