|
NORTH CENTRAL TEXAS COLLEGE
COURSE SYLLABUS
|
|
|
Course Title:
|
Web Design I
|
|
Course Prefix & Number:
|
IMED1316
|
Section Number:
|
310
|
Semester/Year:
|
2017 FA
|
|
Semester Credit Hours:
|
3
|
Lecture Hours:
|
2
|
Lab Hours:
|
2
|
|
Course Description (NCTC Catalog):
Instruction in web design and related graphic design including mark-up languages, and browser issues. 32 lecture hours + 32 laboratory hours.
|
|
Course Prerequisite(s): High School Algebra, Geometry or Business Mathematics
|
|
Required or Recommended Course Materials:
Required – Text: Adobe Dreamweaver CC, 2017 Release: The Professional Portfolio, Kendra, Against the Clock, 2016.
Required – Exam Voucher: Adobe Dreamweaver CC Certification Exam voucher. Students are required to take the Adobe Certification Exam at the end of the course. Students may purchase the exam voucher from the school’s testing center at Pinnell Square as they can get a better price on it. Please coordinate with Maria Villamater or Sheryl Givings at the testing center for a better price on the exam voucher. Please contact them via email: Maria – mvillamater@nctc.edu and Sheryl – sgivings@nctc.edu
Required: An account with a web hosting company such as GoDaddy.com, HostGator.com, or Bluehost.com, will be required to use by the end of the first week of class for setting up a remote site to host the web pages you will be creating in the course. Please utilize suggested guidelines by web hosting companies when registering your domain name. If you decide to use a hosting company other than the ones recommended, then you will need to make sure that they offer a C-panel, FTP access, MySQL database, scripting (PHP and JQuery). If they offer something called “Plex” instead of a C-panel, do not purchase! Plex does not do everything that the C-panel does and you will have problems if you get hosting with Plex. If you are unclear about this, then email me in Canvas.
Required: Adobe Dreamweaver CC 2017 software – if you have an older version, you might not be able to complete all labs. If you do not have this software, you have a few options:
a) Students can purchase from Adobe.com at academic pricing
b) Students can purchase a subscription to Adobe’s Creative Cloud – this has many benefits: access to ALL of their software, not just Dreamweaver; 20GB of online storage; it’s licensed for 2 workstations, and it works on Macs and Windows computers. More info @ Adobe
c) Or, if students may come to the Corinth, Flower Mound, or Gainesville campuses and use the school’s computers with the Adobe Dreamweaver CC software on it.
Required: Flash Drive. You are required to keep all labwork until the end of the semester.
|
| |
|
|
|
|
|
|
INSTRUCTOR INFORMATION
|
Name of Instructor:
|
Linda Janoe
|
|
Campus/Office Location:
|
Corinth Campus – Room 313
|
|
Telephone Number:
|
940-498-6427
|
|
E-mail Address:
|
ljanoe@nctc.edu
|
OFFICE HOURS
|
Monday
|
Tuesday
|
Wednesday
|
Thursday
|
Friday
|
|
10:00-12:00
|
3:30-5:00
|
10:00-2:30
|
3:00-5:00 online
|
|
|
online
|
|
2:30-4:30 online
|
|
|
|
|
STUDENT LEARNING OUTCOMES (From Academic Course Guide Manual/Workforce Education Course Manual/NCTC Catalog
|
At the successful completion of this course the student will be able to:
|
|
1
|
Identify how the Internet functions with specific attention to the file transfer
|
|
2
|
Apply design techniques in the creation and optimization of graphics and other embedded elements
|
|
3
|
Demonstrate the use of World Wide Web Consortium (W3C) formatting and layout standards
|
|
4
|
Design, create, test, and maintain a web site
|
GRADING CRITERIA
|
# of Graded Course Elements
|
Graded Course Elements
|
Percentage or Point Values
|
|
9
|
Homework
|
15% of grade
|
|
9
|
Labwork
|
40% of grade
|
|
9
|
Quizzes
|
15% of grade
|
|
5
|
4 Unit Exams & 1 Adobe Certification Exam
|
20% of grade
|
|
4
|
Discussion Forums
|
10% of grade
|
|
· The grading policy may be amended during the semester at the instructor’s discretion.
· Any announcements/information disseminated during class will take precedence over the syllabus.
|
COURSE SUBJECT OUTLINE (Major Assignments, Due Dates, and Grading Criteria)
|
Assignment
|
Points
|
Due Date
|
|
IMED1316_HW_NP2
|
100
|
9/10/2017
|
|
IMED1316_LB_NP2
|
100
|
9/10/2017
|
|
IMED1316_QZ_NP2
|
100
|
9/10/2017
|
|
IMED1316_HW1
|
100
|
9/17/2017
|
|
IMED1316_LB1
|
100
|
9/17/2017
|
|
IMED1316_QZ1
|
100
|
9/17/2017
|
|
IMED1316_HW2
|
100
|
9/17/2017
|
|
IMED1316_LB2
|
100
|
9/17/2017
|
|
IMED1316_QZ2
|
100
|
9/17/2017
|
|
DF #1
|
20
|
9/24/2017
|
|
IMED1316_EX1
|
100
|
9/25/2017
|
|
IMED1316_HW3
|
100
|
10/1/2017
|
|
IMED1316_LB3
|
100
|
10/1/2017
|
|
IMED1316_QZ3
|
100
|
10/1/2017
|
|
IMED1316_HW4
|
100
|
10/15/2017
|
|
IMED1316_LB4
|
100
|
10/15/2017
|
|
IMED1316_QZ4
|
100
|
10/15/2017
|
|
DF #2
|
20
|
10/15/2017
|
|
IMED_1316_EX2
|
100
|
10/16/2017
|
|
IMED1316_HW5
|
100
|
10/29/2017
|
|
IMED1316_LB5
|
100
|
10/29/2017
|
|
IMED1316_QZ5
|
100
|
10/29/2017
|
|
IMED1316_HW6
|
100
|
11/12/2017
|
|
IMED1316_LB6
|
100
|
11/12/2017
|
|
IMED1316_QZ6
|
100
|
11/12/2017
|
|
DF #3
|
20
|
11/12/2017
|
|
IMED1316_EX3
|
100
|
11/13/2017
|
|
IMED1316_HW7
|
100
|
11/26/2017
|
|
IMED1316_LB7
|
100
|
11/26/2017
|
|
IMED1316_QZ7
|
100
|
11/26/2017
|
|
IMED1316_EX4
|
100
|
12/6/2017
|
|
IMED1316_HW8
|
100
|
12/8/2017
|
|
IMED1316_LB8
|
100
|
12/8/2017
|
|
IMED1316_QZ8
|
100
|
12/8/2017
|
|
DF #4
|
20
|
12/10/2017
|
|
Adobe Certification
|
100
|
12/13/2017
|
All due dates are subject to change. It is the student’s responsibility to know when assignments open and are due.
GENERAL CLASSROOM CONDUCT AND COURSE INFORMATION
Students will observe appropriate online communication etiquette when addressing fellow classmates as well as your instructor. It is the student’s responsibility to familiarize himself or herself with Canvas, chosen web hosting company, and Adobe CC.
Questions are welcome! Please avoid emailing instructor about general course information, schedule, or syllabus. If the student question is not covered in Canvas, then email instructor. Questions should be specific and not generalized, such as: “I am confused about the assignment.” Please allow up to 24 hours for instructor to answer an email Monday thru Thursday and 48 hours, Friday thru Sunday.
When having difficulty with software or your computer, keep in mind the instructor cannot fix your computer or the software utilized. When having difficulty, email instructor with the specific issue, send a screen-shot, and the helpdesk reference number, before the assignment due date. If the problem is on the instructor side, then the instructor should resolve the issue within 24 hours and will provide extra time if there is instructor error. Students waiting to complete assignments at the last minute, do not receive “grace” because of computer glitches, software issues, and/or connectivity issues, unless there are campus-wide difficulties.
College education is intended to broaden the student’s knowledge base. Any and all material read, discussed, heard, or observed is subject to being referenced on an examination. Do not expect the body of knowledge to be narrowed by “reviews” from which test questions will be selected. All Exams are closed book.
Face-to-face/Hybrid classes: No cell phones out when instructor is lecturing. Student may be dismissed from class and/or be counted as absent for the day.
The expectation is that you, as college students, will learn to modify the behavior of your peers through the channels available in your contextual universe. If the instructor is forced to manage your behavior such will be accomplished via the following procedure:
- You will be warned by the instructor that your behavior is not acceptable.
- You will be told to leave class and not return until:
You have met with the Dean of Students (Rodney Lipscomb)
b. You have signed a letter of probation
c. The Dean of Students notifies the instructor that you have done ‘a’ and ‘b’, and that you may return to class.
- A third event will result in your probation becoming suspension and you will be removed from the class permanently.
ATTENDANCE POLICY
Regular and punctual attendance is expected of all students in all classes for which they have registered. All absences are considered to be unauthorized unless the student is absent due to illness or emergencies as determined by the instructor. It is the student responsibility to provide documentation as to the emergency for approval and judgement by the faculty member. Approved college sponsored activities are the only absences for which a student should not be held liable and only when provided by a college official ahead of the absence. Valid reasons for absence, however, do not relieve the student of the responsibility for making up required work. Students will not be allowed to make up an examination missed due to absence unless they have reasons acceptable to the instructor. A student who is compelled to be absent when a test is given should petition the instructor, in advance if possible, for permission to postpone the exam. Student will be dropped from a class by the Registrar upon recommendation of the instructor who feels the student has been justifiably absent or tardy a sufficient number of times to preclude meeting the course’s objectives. Persistent, unjustified absences from classes or laboratories will be considered sufficient cause for College officials to drop a student from the rolls of the College. From Board Policy FC (LOCAL)
Students absent for TEN classes may receive an “F” for the course or be dropped from the course for classes that meet twice a week. Students absent for FIVE classes may receive an “F” for the course or be dropped from the course for classes that meet once a week. Chapter Lesson assignments and Exams will be used to determine regular attendance for online students and the FIVE classes missed apply for absences.
A student that is compelled to be absent when a test is given, will petition the instructor, in advance, for permission to take the exam at a different time. Required work not completed by due dates will not be allowed after due date. Students will receive a zero for any and all late assignments.
There are no make-up exams, make-up assignments, and/or make-up exercises of any kind, for any reason.
Last day to withdraw from a course with a “W” is _November 9th__.
GENERAL DESCRIPTION
|
Topic
|
General Description of Subject Matter
|
|
Introduction: The Dreamweaver User Interface
|
Launching the Dreamweaver application; exploring the Dreamweaver workspace; understanding the common toolbar; creating a saved workspace; customizing Dreamweaver behavior; exploring the Dreamweaver document window; understanding new feature guides; previewing files in Dreamweaver Live View; previewing files in a browser; and removing a site from Dreamweaver.
|
|
NP_Tutorial2: Planning and Designing a Successful Web Site
|
Determining site goals; identifying the target audience; conducting market research; creating end-user scenarios; designing the information architecture; creating flowchart and site structure; creating a site concept and metaphor; selecting colors, fonts, and a graphics style; developing an aesthetic concept.
|
|
Project One: Bistro Site Organization
|
Creating a new site definition; examining the site files; planning folder organization; sorting and moving image files; changing the update preferences; creating hyperlinks within the site; exploring the HTML Insert Panel in depth; copying and pasting links; adjusting relative link paths; accessing page content in the Menu Pages; creating an email link; renaming pages for search engine optimization; understanding web file naming conventions; creating document titles for individual pages; understanding find and replace options; hiding files from the web server; exporting and removing the site definition; uploading files to a server.
|
|
Project Two: Digital Book Chapter
|
Defining the site; creating a new HTML document; pasting text content in Design View; understanding element names, tags, and attributes; formatting text with the Properties Panel; formatting headings in Design View; formatting a blockquote and inline quote; controlling code hints; marking up abbreviations in Code View; formatting with strong and em elements; understanding Code View formatting; inserting special characters; creating a table of quote characters; working with HTML tables; using the Insert Other Character dialog box; inserting special characters in code; creating an ordered list of web resources; creating an unordered list of navigation links; adding tags and element IDs; attaching the CSS file; learning about HTML5 tags.
|
|
Project Three: Photographer’s Web Site
|
Reviewing the existing project status; placing an image in the regular design view; placing an image with the Insert Panel; dragging and dropping an image from the Insert Panel; inserting an image with the Assets Panel; resizing and resampling an image; exploring the Image Properties Panel in depth; extracting text and images from a Photoshop file; formatting the page body with extracted assets; formatting text with extracted styles; formatting navigation links with extracted CSS; understanding hexadecimal color codes; defining background images for navigation link states.
|
|
Project Four: Museum CSS Layout
|
Preparing the site files; defining a new element and tag selector; dragging and dropping to create new elements; defining a selector with an ID attribute; understanding CSS shorthand; creating new selectors using the CSS Designer Panel; creating and managing nested elements; controlling element float position; working with the CSS Box Model; defining properties for the
tag; creating a template; understanding template objects; applying the template to existing pages; exploring the Tools>Template menu in depth; creating a new page from a template; editing the design template; defining HTML tag selectors; creating named anchors; creating a pseudo-class selector; creating a figure and figure caption; creating descendant selectors. |
|
Project Five: Cupcake Bakery CSS Site
|
Reviewing existing site files; creating a class selector to place background images; manually editing CSS code; making an editable attribute in a template; controlling float and clear properties; using CSS mode of the Properties Panel; applying multiple classes to elements; applying classes to unlinked files; inserting one HTML page into another; creating a form element; exploring the Forms Panel in depth; creating form text fields; creating a menu field; creating a checkbox; adding Submit and Reset buttons; exploring HTML form fields in depth; and applying CSS to the form.
|
|
Project Six: Kayaking CSS Site
|
Defining HTML articles; adding rounded corners to an element; defining transparency for a background color; creating multiple columns of text; learning more about CSS3 properties; activating Adobe Edge Web Fonts; applying web fonts to page elements; working with external web fonts; placing a video in an HTML5 page; viewing video tag attributes; defining absolute positioning; working with nth-of-type selectors; defining hover behavior; and adding a drop shadow.
|
|
Project Seven: Vintage Car JavaScript Site
|
Reviewing site and file structure; defining element IDs; preloading images with JavaScript; working with the Behaviors Panel; changing CSS properties with JavaScript; Changing object content with JavaScript; defining links to change the cursor; understanding JavaScript behaviors; inserting a jQuery accordion; adding accordion content; changing accordion CSS; grouping CSS selectors; using inspect mode in Live View.
|
|
Project Eight: Bootstrap Responsive Page
|
Creating new bootstrap pages; examine bootstrap media queries; using the Visual Media Queries Bar; defining the bootstrap page layout grid; inserting responsive images; copying content to a bootstrap page; using CSS to format page content; creating new media queries; showing/hiding content in different layouts; showing/hiding elements; restricting element height and overflow; using the CSS Transitions panel.
|
DISABILITY SERVICES (Office for Students with Disabilities)
The Office for Students with Disabilities (OSD) provides support services for students with disabilities, students enrolled in technical areas of study, and students who are classified as special populations (i.e. single parents).
Support services for students with disabilities might include appropriate and reasonable accommodations, or they may be in the form of personal counseling, academic counseling, career counseling, etc. Furthermore, OSD Counselors work with students to encourage self-advocacy and promote empowerment. The Counselors also provides resource information, disability-related information, and adaptive technology for students who qualify.
If you feel you have needs for services that the institution provides, please reach out to either Wayne Smith (940) 498-6207 or Yvonne Sandman (940) 668-4321. Alternative students may stop by Room 170 in Corinth or Room 110 in Gainesville.
CORE CURRICULUM FOUNDATIONAL COMPONENT AREA (For classes in the Core)________
Communication
Mathematics
Life and Physical Science
Language, Philosophy & Culture
Creative Arts
American History
Government/Political Science
Social and Behavioral Sciences
Component Area Option
REQUIRED CORE OBJECTIVES (For classes in the Core)
Critical Thinking
Communication
Empirical and Quantitative
Teamwork
Personal Responsibility
Social Responsibility
COURSE TYPE
Academic General Education Course (from ACGM but not in NCTC Core)
Academic NCTC Core Curriculum Course
X WECM Course
STUDENT HANDBOOK
Students are expected to follow all rules and regulations found in the student handbook and published online.
ACADEMIC DISHONESTY
Scholastic dishonesty shall include, but is not limited to cheating, plagiarism, academic falsification, intellectual property dishonesty, academic dishonesty facilitation and collusion. Faculty members may document and bring charges against a student who is engaged in or is suspected to be engaged in academic dishonesty. See Student Handbook, “Student Rights & Responsibilities: Student Conduct ([FLB(LOCAL)]”.
Consequences for academic dishonesty may include:
- An “F” for the course
- Scholastic Dishonesty report
- Zero on assignment
QUESTIONS, CONCERNS, or COMPLAINTS
|
Name of Chair/Coordinator:
|
Judy Archer
|
|
Office Location:
|
Corinth, Room 233
|
|
Telephone Number:
|
940-498-6292
|
|
E-mail Address:
|
jarcher@nctc.edu
|
|
Name of Instructional Dean:
|
Debbie Huffman
|
|
Office Location:
|
Gainesville, CTC 2106
|
|
Telephone Number:
|
940-668-3357
|
|
E-mail Address:
|
dhuffman@nctc.edu
|
Other Pertinent Information
Complaint Procedures
If the complaint involves a problem with an instructor, the student shall discuss the matter with the instructor before requesting a conference with the department chair… If the complaint involves a grade received, the student shall collect all tests, papers, daily assignments, class notes and other relevant material prior to the conference with the instructor in question. (See Student Handbook > Discussion of Complaint)
ADA Statement
North Central Texas College is committed to providing equal access to educational opportunities to its students with disabilities by providing assistance through “reasonable accommodations”; and a variety of services and resources through the Special Populations Office. The College does not discriminate on the basis of disabilities in admission or access to its programs. Students are responsible for notifying the office of their need for assistance at least two weeks prior to the beginning of a semester. Students with documented disabilities such as mobility, hearing or visual impairments, learning, and/or psychological disorders are eligible for services. The Special Populations Office on the Gainesville Campus is located in the Counseling/Testing Center room ASC 108 (next door to the bookstore). For assistance, call 940/668-4216 ext. 344.
Civil Rights
In compliance with Title VI of the Civil Rights Act of 1964 (P.L.88-352), Title IX of the Education Amendments of 1972 (P.L. 92-318). and the Age Discrimination Act of 1978 (P.L. 92-256), North Central Texas College does not discriminate against or exclude from participation in any of its programs or activities, either in the student body or the staff, any person on the grounds of sex, race, color, religion, age, handicap, national origin, or veteran status.
Web Page
Visit the North Central Texas College web page for information on registration, financial aid, counseling/advising, and cost of tuition and fees. You will also find information on the catalog and semester schedules as well as courses of study. You can keep up with what is happening on campus by checking the calendar of events and the sports news. The web has information on the library as well as links to other areas of interest. Check out our web page at http://www.nctc.edu .
Additional content for this course may be found in your Canvas account. Please check there for updates and news.