Course Syllabus Web Page Design I IMED 1316

Transcription

1 Semester with Course Reference Number (CRN) Instructor contact information (phone number and address) Office Location and Hours Course Location/Times Course Semester Credit Hours (SCH) (lecture, lab) If applicable Total Course Contact Hours Course Length (number of weeks) Type of Instruction Course Description: Course Prerequisite(s) Spring 2013 CRN # Course Syllabus Web Page Design I IMED 1316 Instructor: Russ Armstrong Telephone: russell.armstrong@hccs.edu (note the spelling - please be careful typing this!) 139B Class meets every Tuesday/Thursday from 9:30am to 11:30m WLOP, Room 136 Credit Hours: 3 Lecture Hours: 2 Laboratory Hours: 4 External Hours: Lecture/Lab Instruction in Internet web page design and related graphic design issues including markup languages, web sites, Internet access software, and interactive topics. CO-REQUISITE(S): ARTC 1305 ARTC 1325 FREQUENT REQUISITES MATH 0306 (Basic Math Pre-Algebra) GUST 0341 (7th -9th Grade Reading)

2 ENGL 0300 or 0347 Academic Discipline/CTE Program Learning Outcomes Course Student Learning Outcomes (SLO): 4 to 7 Learning Objectives (Numbering system should be linked to SLO - e.g., 1.1, 1.2, 1.3, etc.) 1. Demonstrate ability to select and apply industry standard software in design. 2. Design and demonstrate use of software and techniques in Digital Communication s practical applications. 3. Develop a portfolio of work that demonstrates proficiency in skills for employment. 4. Present a portfolio of work that demonstrates proficiency in skills for employment. 1. Identify how the Internet functions with specific attention to the World Wide Web and file transfer. 2. Apply design techniques in the creation and optimization of graphics and other embedded objects. 3. Demonstrate the use of World Wide Web Consortium (W3C) formatting and layout standards. 4. Design, create, test, and maintain a Web site Identify how the Internet functions with specific attention to the World Wide Web and file transfer. 1. Practice locating Web sites in a browser. 2. Download text and images from the Internet to a local folder. 3. Using FTP client software, upload those files to the student s server account, making a note of their URLs. 4. URLs to the instructor as required. Apply design techniques in the creation and optimization of graphics and other embedded objects. 1. Involve the placement of graphics such as logos, photographs and drawings into tutorial and individual projects. 2. Ensure that images are saved in the correct format appropriate to its type and usage. 3. Make the image in its original file of the dimension desired for use on the Web page, and save it to as small a file size as possible while maintaining high display resolution. Demonstrate the use of World Wide Web Consortium (W3C) formatting and layout standards. 1. Make the image in its original file of the dimension desired for use on the Web page, and save it to as small a file size as possible while maintaining high display resolution. Design, create, test, and maintain a Web site 1. Apply W3C standards to individual midterm and finals projects to develop a Web site that meets professional portfolio quality. 2. Upload it via FTP to student server site for display on the Web and test it in various browser environments to ensure integrity of design and functionality. 3. Make changes locally and update the site on the server. SCANS and/or Core Curriculum Competencies: If applicable SCANS Identify how the Internet functions with specific attention to the World Wide Web and file transfer. Foundation Skills - Basic -Reading Foundation Skills - Basic -Writing Foundation Skills - Basic -Listening Workplace Competencies - Technology -Selects Technology

3 Workplace Competencies - Technology -Applies Technology to Task Apply design techniques in the creation and optimization of graphics and other embedded objects. Foundation Skills - Thinking -Decision Making Foundation Skills - Thinking -Creative Foundation Skills - Thinking -Seeing Things in the Mind's Eye Foundation Skills - Personal Qualities -Self-Management Foundation Skills - Personal Qualities -Responsibility Demonstrate the use of World Wide Web Consortium (W3C) formatting and layout standards. Foundation Skills - Thinking -Problem Solving Foundation Skills - Thinking -Knowing How to Learn Foundation Skills - Thinking -Reasoning Workplace Competencies - Information -Acquires & Evaluates Workplace Competencies - Information -Organizes & Maintains Workplace Competencies - Information -Interprets & Communicates Workplace Competencies - Information -Uses Computers to Process Design, create, test, and maintain a Web site Foundation Skills - Personal Qualities -Self-Esteem Foundation Skills - Personal Qualities -Social Foundation Skills - Personal Qualities -Integrity/Honesty Workplace Competencies - Resources -Allocates Time Workplace Competencies - Resources -Allocates Money Workplace Competencies - Resources -Allocates Material & Facility Resources Workplace Competencies - Technology -Maintains & Troubleshoots Instructional Methods Student Assignments Web-enhanced (49% or less) Face to Face Identify how the Internet functions with specific attention to the World Wide Web and file transfer. Discussions Projects, Assignments, and Quizzes Lab Exercises Homework Exercises Apply design techniques in the creation and optimization of graphics and other embedded objects. Discussions Projects, Assignments, and Quizzes Lab Exercises Homework Exercises Demonstrate the use of World Wide Web Consortium (W3C) formatting and layout standards. Discussions Projects, Assignments, and Quizzes Lab Exercises Homework Exercises Design, create, test, and maintain a Web site Discussions Presentations Projects, Assignments, and Quizzes Portfolios Lab Exercises Homework Exercises

4 Student Assessment(s) Instructor's Requirements Identify how the Internet functions with specific attention to the World Wide Web and file transfer. Various assigned readings from textbooks In-class discussions Individual projects/assignments and quizzes/exams Apply design techniques in the creation and optimization of graphics and other embedded objects. In-class discussions Group and/or individual projects Individual projects/assignments and quizzes/exams Demonstrate the use of World Wide Web Consortium (W3C) formatting and layout standards. In-class discussions Group and/or individual projects Individual projects/assignments and quizzes/exams Design, create, test, and maintain a Web site Presentations Group and/or individual projects Individual projects/assignments and quizzes/exams Projects and Assignments: Projects and assignments must be uploaded to your own hosting service for credit to be awarded. To notify the instructor that your work has been completed, submit an message to your instructor using the Class Eagle Online Course Area. Instructions on how to do this will be given shortly. Examples of Hosting Services: Give the exact URL, including the complete file name. If you do not submit notification that the assignment is ready, the instructor will assign a zero grade. As using is one of the competencies of this course, you must submit a notice (with correct URL) that your assignment or project is uploaded to a web server in order to receive credit for your work. There are no exceptions. Other non-class-related queries should be made using your HCC account to the instructor s HCC account: russell.armstrong@hccs.edu Tutorial Assignments: The Bridges of the American West tutorial serves as a practice of the concepts covered in class. Completion of these tutorial lessons is required. You must submit your completed lessons by the due date noted in the syllabus. These tutorial exercises are for grades and will have a bearing on your final grade.

5 Midterm Assignment: Final Project Your midterm assignment is to build a three-page Web site. You must link these pages to each other, and the site must include the features noted on the Web Site Evaluation form on the class Web site. It is suggested that you download the form and use it as a checklist in completing your midterm project. The topic is left to your choice, provided it meets the guidelines set forth in your agreement when you apply for HCC server space. You may choose to use the same topic for both midterm and final projects, however you must add the specified number of pages to the Web site for the final project. You may not count the same pages twice. Also, you must develop your Web site in Notepad if you are using the Windows platform or in SimpleText on a Macintosh. You may not use any other Web authoring tools. If you have any questions regarding the project, it is your responsibility to ask the instructor. The final assignment must include the features noted on the Web Site Evaluation form on the class Web site. It is suggested that you download the form and use it as a checklist in completing your final project. You will construct a Web site for your final project. This site must include a minimum of five HTML documents. If you use the same topic for both midterm and final projects, you must develop five new pages for the final assignment. If you completely re-work the three pages from your midterm project, you may count them as three of the five final pages. These documents must be linked to each other. The subject matter of the Web site is your choice as long as it meets the policy guidelines set forth in the Web Site Agreement. The final project must be on your hosting service and ready for presentation at the beginning of the class session on 7 th of May NOTE: Your project must be loaded and operational on your hosting server. No other server will be allowed for submitting the project. As a safety measure, be sure that you can present it from a local drive in the event the server cannot be accessed. When you present the project, be prepared to do the following: Explain what was involved in the development of the Web site; Explain any problems you encountered with the project; Explain how you solved those problems. No late projects will be accepted. Anyone attempting to turn in projects after the deadline will receive an automatic zero grade. No exceptions. If you have any questions regarding the project, it is your responsibility to ask the instructor.

6 Program/Discipline Requirements: If applicable Complete and comprehend the objectives and technologies involved in all graded assignments. Demonstrate the ability to apply creative thinking and problem solving to all class projects and assignments. Complete all reading assignments pertaining to the subject matter of the course. Attend class regularly, missing no more than 12.5% of instruction and lab time (12 hours) Arrive at class promptly and be prepared with necessary books, storage media, assignments, and anything else required. Exhibit safe and courteous lab habits. Develop and share knowledge and information with fellow students. Participate in keeping labs clean and organized; shutting down computers when finished; abiding by lab rules; showing respect for instructors, fellow students and lab assistants. Participate in class discussions and critiques. Demonstrate the ability to communicate in a clear, coherent manner. Turn in all assignment on time and in the manner required by the instructor. Demonstrate the ability to use computer--?based technology and software applications as it applies to be given class. Understand and be proficient in computer file management, including saving and retrieving files. When possible, demonstrate the ability to use and understand both Macintosh and Window operating systems. Demonstrate knowledge and the ability to use applicable peripherals and storage devices. Develop a portfolio that illustrates concepts, techniques, and programs used in solving class assignment, including a written statement describing project concepts and processes. Demonstrate ability and creativity in using computer--?based technology in communicating, solving problems and acquiring information. Accept responsibility for personal understanding of course requirements and degree plan. HCC Grading Scale: A = points per semester hour B = 89-80: 3 points per semester hour C = 79-70: 2 points per semester hour D = 69-60: 1 point per semester hour 59 and below = F 0 points per semester hour FX (Failure due to non-attendance) 0 points per semester hour IP (In Progress) 0 points per semester hour W (Withdrawn) 0 points per semester hour I (Incomplete) 0 points per semester hour AUD (Audit) 0 points per semester hour IP (In Progress) is given only in certain developmental courses. The student must reenroll to receive credit. To compute grade point average (GPA), divide the total grade points by the total number of semester hours attempted. The grades "IP," "COM" and "I" do not affect GPA.

7 Instructor Grading Criteria Instructional Materials REQUIRED: Final semester grade breakdown: Online Web Component (Eagle Online).15 percent Assignments percent Midterm project percent Midterm exam..15 percent Final project..30 percent Dennis Gaskill. Web Site Design Made Easy, 3rd Ed. Englewood, CO: Morton Publishing Company, 2008 [ISBN: / ISBN 13: ] Mass storage device (At least 4GB; preferably 8 or more GB) One ream laser paper RECOMMENDED by instructor in addition to required text: Wyke-Smith, Charles, Stylin With CSS: A Designer s Guide, Second Edition, Publisher: New Riders, 2008, ISBN-10: Tardies: A student is tardy if he/she is 15 minutes late to class. Three tardies = One Absent Access Student Services Policies on their Web site: EGLS3 -- Evaluation for Greater Learning Student Survey System At Houston Community College, professors believe that thoughtful student feedback is necessary to improve teaching and learning. During a designated time near the end of the term, you will be asked to answer a short online survey of research-based questions related to instruction. The anonymous results of the survey will be made available to your professors and department chairs for continual improvement of instruction. Look for the survey as part of the Houston Community College Student System online near the end of the term.

8 Distance Education and/or Continuing Education Policies Access DE Policies on their Web site: Access CE Policies on their Web site: IMED 1316 Weekly Schedule: The following is a tentative outline of class discussion topics and is subject to minor variations. Students will be informed of any changes. WEEK ONE: 14 January 2013 HTML Overview Reading: Caskill, Chapter 1 Introductions / Syllabus Student profile sheets Course requirements and grading Using Eagle Online Web Component Introducing the Internet Parts of the Internet How data is transferred across the Internet Browsing the Web Downloading FTP clients and uploading files Review of computer file management (In-class) Assignment: Access student web space on hosting web server using FTP. Assignment: Please purchase textbook, ream of paper, and read chapter one of the textbook on your own this week. WEEK TWO: 21 January 2013 Creating a Web Page / Styles Reading: Caskill, Chapter 2, 3, 4 (only to page 38) Introducing your HTML authoring tool

9 Text editors vs. WYSIWYG editors Considerations in web design Getting started with HTML Parts of an HTML page Creating a web page Creating a basic template page Writing well-formed code Saving HTML files Using a filing system Inline styles and Cascading Style Sheets Spacing and layout Assignment: Complete Tutorial Two Getting Started With HTML. WEEK THREE: 28 January 2013 Characters / Copyright / Lists / File Relationships / Hyperlinks Reading: Caskill, Chapter 5 and 9 (through pg. 164 only) META tags: Character sets Special characters and entities Copyright considerations File/document relationships (pathing) Horizontal rules Background colors and images Ordered and unordered lists Formatting the <li> tag Nesting lists Various types of lists List usage Hyperlinks: internal / external Assignment: Complete Tutorial Three Lists, Backgrounds and Hyperlinks. Due 09 February at the beginning of class. Late assignments will not be accepted. WEEK FOUR: 04 February Cascading Style Sheets / the Box Model Reading: Caskill, Chapter 4 (pg ), Chapters 6 and 7 Wyke-Smith (CSS Book), pgs ( How CSS Works ) and ( The Box Model ) DOCTYPES and Validating your pages Using internal Cascading Style Sheets Using the Box Model Assignment: Complete Tutorial Four Internal Cascading Style Sheets.

10 WEEK FIVE: 11 February 2013 Images Reading: Caskill, Chapter 8 Inserting images Using color on the Internet Midterm Project prospectus Assignment: Complete Tutorial Five Images and Colors ALSO: Write a 200-word prospectus covering what you plan to do for your midterm project. Discuss the topic, concept, audience, and scope of your project. Also discuss why you view the subject as professional. If the instructor does not approve your project, this assignment will be rejected and returned to you to do again. WEEK SIX: 18 February 2013 More CSS fonts, positioning, and layout / Work on Midterm Projects Reading: Caskill, Chapter 15 Wyke-Smith (CSS Book), pgs ( Fonts ), ( Positioning ), and ( Layout ) Discussion Topic: Fonts, element positioning, and layout using CSS Work on midterm project. WEEK SEVEN: 28 February 2013 Work on Midterm Projects Topic: Work on midterm project. WEEK EIGHT: 3 March 2013 Midterm Project Presentations Topic: Midterm projects are due for presentation in class. No late assignments will be accepted. You must be ready to present your project from the server at the beginning of class. No exceptions. SPRING BREAK: March No class

11 WEEK NINE: 18 March 2013 Midterm Exam / Tables (for data and layout) Reading: Caskill, Chapter 11 Discussion Topic: (lecture) Creating tables for data (lecture) Using tables for page layout Midterm exam (immediately after lecture) Upload your pages, and the instructor with the URL to your work. Assignment: Complete Tutorial Six Tables and Internal CSS WEEK TEN: 25 March 2013 External CSS Reading: Caskill, Chapter 4 (pg ) Discussion Topic: Building external CSS Assignment: Complete Tutorial Seven External CSS and Templates. WEEK ELEVEN: 01 April 2013 Interactive Images Reading: Caskill, Chapter 9 (pg ) Image maps and mouse-sensitive images Simple image rollovers Assignment: Complete Tutorial Eight Meta Elements and Image Maps WEEK TWELVE: 8 April 2013 Frames / Forms Reading: Caskill, Chapters 12, 13 Developing frames Content of frames Seamless frames Pros and cons of frames Handling user input with forms Assignment: Complete Tutorial Nine Form Elements.

12 WEEK THIRTEEN: 15 April 2013 Search Engines / Additional Meta Tags / Optimization/Accessibility / Excluding Indexing Spiders Reading: Caskill, Chapters 16, 17 Search engine visibility and ranking META tags: Keywords and Descriptions Web page optimization Accessibility Issues the robots.txt file Assignment: Work on final project. The project is due for presentation at the beginning of the class period. No late projects will be accepted. If the project is not complete to your satisfaction, you must submit whatever you have done. See Final Project section of this syllabus for details. WEEK FOURTEEN: 22 April 2013 Work on Final Project Topic: Work on final project. The project is due for presentation at the beginning of the class period. WEEK FIFTEEN: 29 April2013 Work on Final Project Topic: Work on final project. The project is due for presentation at the beginning of the class period. WEEK SIXTEEN: 6 May 2013 Final Project Presentation Topic: Presentation of final projects will begin at the start of the class session, Absolutely no late assignments will be accepted. If your work is not complete, submit what you have done.