Course Syllabus Web Page Design I IMED 1316

Size: px

Start display at page:

Download "Course Syllabus Web Page Design I IMED 1316"

Beatrix Johnston
6 years ago
Views:

Course Syllabus Web Page Design I IMED 1316 Semester with Course Reference Number (CRN Instructor contact information (phone number and email address) Office Location and Hours Course Location/Times

kimble@gmail.com (Note the spelling - please be careful typing this!) No office location. Hours by appointment.

1 Course Syllabus Web Page Design I IMED 1316 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 Fall 2014 CRN #33607 Instructor: Shelita Kimble Telephone: (leave message) shelita.kimble@hccs.edu or shelita.kimble@gmail.com (Note the spelling - please be careful typing this!) No office location. Hours by appointment. Class meets every Monday/Wednesday from 9:30am to 11:30m WLOP, Room 135 Credit Hours: 3 Lecture Hours: 2 Laboratory Hours: 4 External Hours: Total Course Contact Hours Course Length 12 (Number of weeks) Type of Instruction Course Description: Course Prerequisite(s) 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) ENGL 0300 or 0347

2 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.) SCANS and/or Core Curriculum Competencies: If applicable 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. 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 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

3 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 Student Assessment(s) 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 Identify how the Internet functions with specific attention to the World Wide Web and file transfer. Various assigned readings from textbooks In-class discussions

4 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 Instructors Requirements 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 giving 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 e- mail account to the instructor s HCC account: shelita.kimble@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. Midterm Assignment: 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 from on the class Web site. It is suggested that you download the form and use it as a checklist in completing your midterm project.

5 Final Project The topic is left to your choice, provided it is of professional nature. 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 or Notepad ++ if you are using the Windows platform or in SimpleText or TextWrangler 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 10 th of Dec 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. 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.

6 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. 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 Instructor Grading Criteria Final semester grade breakdown: Online Web Component (Eagle Online). 5 percent Assignments percent Midterm project...15 percent Midterm exam..10 percent Final project..25 percent Tardies: A student is tardy if he/she is 15 minutes late to class. Three tardies = One Absent

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

7 Instructional Materials: REQUIRED: John Duckett. HTML and CSS: Design and Build Websites, Publication Date: November 8, 2011 Edition: 1 ISBN-10: ISBN-13: Click Here to view this book at Amazon.com 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: 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. Distance Education and/or Continuing Education Policies Access DE Policies on their Web site: Access CE Policies on their Web site: Access Student Services Policies on their Web site:

8 FALL 2014 CALENDAR - TRADITIONAL 16-WEEK SEMESTER May 6- Monday August 22- Friday August 23- Saturday August 24- Sunday August 25- Monday August 25- September 10 September 1- Monday September 8- Monday September Thurs-Tue September 15- Monday October 31- Friday November 27- Wednesday November 28- December 2 December 9- Sunday December Mon - Sun December 14- Sunday December 15- Monday December 19- Friday December 22- January 1 Registration Begins Last Day for 100% Refund Saturday Registration - (9am 1pm) Last Day for Drop/Add/Swap/ Registration Ends (online only) Classes Begin 70% Refund Office Closed- Labor Day Holiday Official Date of Record 25% Refund Priority Deadline for Fall Completion of Degrees or Certificates Last Day for Administrative/ Student Withdrawals- 4:30pm No Night Classes before Thanksgiving Office Closed- Thanksgiving Holiday Instruction Ends Final Examinations Semester Ends Grades Due by - 12:00 Noon Grades Available to Students Office Closed- Holiday Break

9 ::: FALL 2014 ASSIGNMENT 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: Sept. 22 nd 27 th 2014 HTML Overview Reading: HTML&CSS, Chapter 1 Discussion Topics: 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: Sept. 28 th Oct 4 th 2014 Creating a Web Page / Styles Reading: HTML&CSS, Chapter 2 and 3 Discussion Topics: Introducing your HTML authoring tool 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.

10 WEEK THREE: Oct. 5 th 11 th 2014 Characters / Lists / File Relationships / Hyperlinks Reading: HTML&CSS, Chapter 4 and 5 Discussion Topics: 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. Late assignments will not be accepted. WEEK FOUR: Oct. 12 th - 18 th Cascading Style Sheets / the Box Model Reading: HTML&CSS, Chapter 10,11, 12, and 13 Discussion Topics: DOCTYPES and Validating your pages Using internal Cascading Style Sheets Using the Box Model Assignment: Complete Tutorial Four Internal Cascading Style Sheets. WEEK FIVE: Oct. 19 th - 25 th 2014 Images, fonts, positioning, and layout Reading: HTML&CSS, Chapter 5 (review), 6, 1 2, 1 5, and Chap. 16 (CSS) Discussion Topics: Inserting images Using color on the Internet Fonts, element positioning, and layout using CSS 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.

11 WEEK SIX: Oct. 26 th Nov. 1 st 2014 More about Tables Reading: HTML&CSS, Chapter 6, and 14 Discussion Topic: (lecture) Creating tables for data (lecture) Using tables for page layout Work on midterm project. Assignment: Complete Tutorial Six Tables and Internal CSS WEEK SEVEN: Nov 2 nd 8 th 2014 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. Midterm exam (immediately after lecture) Upload your pages, and the instructor with the URL to your work. WEEK EIGHT: Nov. 9 th 16 nd 2014 External CSS, Interactive Images Reading: HTML&CSS, Chapter 5 and 10 Discussion Topic: Building external CSS Image maps and mouse-sensitive images Simple image rollovers Assignment: Complete Tutorial Seven External CSS and Templates Assignment: Complete Tutorial Eight Meta Elements and Image Maps WEEK NINE: Nov. 16 th 22 nd 2014 Frames / Forms Reading: HTML&CSS, Chapter 7 Discussion Topic: Developing frames Content of frames Seamless frames Pros and cons of frames Handling user input with forms Assignment: Complete Tutorial Nine Form Element

12 WEEK TEN: Nov. 23 rd 29 th 2014 Search Engines / Additional Meta Tags / Optimization/Accessibility / Excluding Indexing Spiders Reading: HTML&CSS, Chapters 8 THANKSGIVING HOLIDAY: Thursday Nov. 27 th - Nov. 30 th No class Campus Closed Discussion Topics: 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 12/9. On 12/11 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 ELEVEN Nov 30 th Dec. 6 th 2014 Work on Final Project Topic: Work on final project. The project is due for presentation at the beginning of the class period. WEEK TWELVE: Dec. 7 th 12 th 2014 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.

13 Acknowledgement of Syllabus Please fill in the following information and return this page to the instructor before leaving class. I have read and understood the contents of the course syllabus. I will comply with the CRN IMED 1316 Web Page Design 1, syllabus guidelines & State requirements for Fall Houston Community College System Southwest College West Loop Campus Program: Digital Communication CRN IMED 1316 Web Page Design 1, M/W Room 135, 9:30am to 11:30am Start Date: Monday 09/22/2014 End Date: 12/09/2014 Final Presentation 12/09/2014 Final Evaluation 12/09/2014 Instructor: Shelita Kimble Telephone: Shelita.Kimble@hccs.edu or Shelita.Kimble@gmail.com Office Hours: By Appointment Student Name: Student ID: Home Phone: Work/Cell Phone: Website (If applicable): Student Signature: Date:

14 Digital Communication - Release for Use Agreement A release agreement between Houston Community College Southwest and a presently or past enrolled student to use work produced by the student for the promotion of the college or its programs. The student agrees to allow HCCS to use works produced for class or art shows in the following ways: a. Gallery Shows b. Online internet gallery promoting our programs c. In printed materials also used to promote the college and its programs HCCS agrees: a. That the student s work will not be sold or offered for sale without prior permission of the student. b. The ownership of all works produced in class remains the student. c. That the student work will not be altered in any way except to be optimized for display on the internet or reduced in size for publication purposes. d. To identify the student when their work is used by the college in the ways stated above. Student Signature Print Name Phone Date

Computer Science Technology Department

Computer Science Technology Department Houston Community College Department Phone Number: ab Houston Community College ITMT 2301 - Windows Server 2008 Network Infrastructure Configuration Administering