10-152-213 - Web Design 3


Syllabus

Web Design 3

Course Description

This course is a continuation of Web Design 2. Learners will extend their knowledge of HTML and Cascading Style Sheets (CSS) by exploring page layout techniques using responsive, fluid design; explore current web design frameworks and tools; and incorporate the multimedia capabilities of HTML. Learners will create a final project incorporating a standard website design process, team collaboration and project management concepts. Additional topics: development tools, HTML canvas and web security.


Instructor Information

Name Clay Hess
Email hess@ntc.edu
Skype hessntc
Phone 715-803-1731
Office Location NTC Wausau Campus, Room A113

Office Hours

Tuesday 12pm - 1pm
Wednesday 3pm - 5pm
Thursday 12pm - 1pm

Course Information

Course Number 10-152-310
Course Name Introduction to Programming
Start Date 8/25/2014
End Date 12/15/2014
Meeting Time(s) Mondayday, 5:00 to 8:50 p.m.
Meeting Location NTC Wausau Campus, Room A215
Total Hours 72
Type of Instruction Lecture (2 credits, 36 hours); Lab (1 credit, 36 hours)
Mode of Delivery In Person

Pre/Corequisites

  • 10-152-212 Web Design 2

Textbooks

  • 978-1-449-30892-6, APIs A Strategy Guide, Daniel Jacobson, Greg Brail & Dan Woods, O'Reilly, First Edition, 2011
  • 978-1-4302-4194-2, Pro HTML5 Accessibility, Joshue O Connor, Apress, First Edition, 2012
  • 978-1481838061, SEO Made Simple, Michael H. Fleischner, Third Edition, 2013
  • 978-1-118-16844-8, Advanced Web Metrics with Google Analytics, Brian Clifton, John Wiley & Sons, Inc, Third Edition, 2012
  • 978-1-84951-850-5, HTML5 Boilerplate Web Development, Divya Manian, Packt Publishing, First Edition, 2012
  • 978-1-59327-388-0, The Tangled Web: A Guide to Securing Modern Web Applications, Michal Zalewski, No Starch Press, Second Edition, 2012

Learner Supplies:


Date/Session Competencies/Learning Objectives Learning Activities PATs
Week 1

Target Competencies

  • Create a website using agnostic design techniques
  • Integrate search engine optimization (SEO)
  • Create a website using a responsive web design (RWD) framework
  • Use accessibility standards in web design projects
  • Integrate third party applications into web site
  • Construct website using secure techniques
  • Use agile web development process to create project deliverables

Learning Objectives

  • Acquire an understanding of device agnostic and content-driven design
  • Use an IDE (Integrated Development Environment) to write HTML5 pages
  • Design/layout HTML5 pages using CSS3
  • Use RWD tools to test agnosticism
  • Construct tabular data using CSS without the use of tables
  • Use attributes and coding techniques for SEO
  • Use SEO processes and steps in constructing HTML5 pages/content
  • Examine the RWD framework space
  • Examine Foundation RWD framework Examine Skeleton RWD framework
  • Examine HTML5 Boilerplate RWD framework
  • Create HTML5 Boilerplate project
  • Create HTML5 Boilerplate styles and markup
  • Add third party features and interactivity to HTML5 Boilerplate site
  • Incorporate Sass and Less frameworks with HTML5 Boilerplate
  • Utilize proper CSS accessibility standards
  • Build forms in an accessible manner
  • Utilize HTML5 accessibility and feature detection
  • Construct JavaScript that is unobtrusive, accessible and utilizes progressive enhancement
  • Integrate social media applications into web site
  • Explore SSL
  • Examine safe password practices
  • Examine file permissions
  • Explore CMS security
  • Use FTPs
  • Explore different types of hacking and techniques
  • Examine SQL (Structured Query Language) injection
  • Examine cross site scripting (XSS) Examine content isolation logic Examine origin inheritance
  • Examine life outside same-origin rules
  • Explore security boundaries
  • Explore content recognition mechanisms
  • Examine rogue scripts
  • Explore extrinsic site privileges
  • Examine Scrum agile development process
  • Create a RWD project using Agile methods
  • Examine project management software's role in development process (Jira)
  • Watch/Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 1.1 Lab
  • 1.1 Assignment
Week 2
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 1.2 Lab
  • 1.2 Assignment
  • 1.2 Discussion Board
  • Test 1
Week 3

Target Competencies

  • Create a website using agnostic design techniques
  • Integrate search engine optimization (SEO)
  • Construct website using secure techniques
  • Use agile web development process to create project deliverables

Learning Objectives

  • Acquire an understanding of device agnostic and content-driven design
  • Use an IDE (Integrated Development Environment) to write HTML5 pages
  • Design/layout HTML5 pages using CSS3
  • Use RWD tools to test agnosticism
  • Construct tabular data using CSS without the use of tables
  • Use attributes and coding techniques for SEO
  • Use SEO processes and steps in constructing HTML5 pages/content
  • Use FTPs
  • Examine Scrum agile development process
  • Create a RWD project using Agile methods
  • Examine project management software's role in development process (Jira)
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • 2.1 Lab
  • 2.1 Assignment
  • 2.1 Discussion Board
  • Test 2
Week 4

Target Competencies

  • Create a website using agnostic design techniques
  • Integrate search engine optimization (SEO)
  • Integrate usage of web analytics
  • Construct website using secure techniques

Learning Objectives

  • Acquire an understanding of device agnostic and content-driven design
  • Use an IDE (Integrated Development Environment) to write HTML5 pages
  • Design/layout HTML5 pages using CSS3
  • Discover terms & strategies related to SEO
  • Use attributes and coding techniques for SEO
  • Formulate plan/process for ongoing SEO
  • Use SEO processes and steps in constructing HTML5 pages/content
  • Examine on-page optimization
  • Examine off-page optimization
  • Investigate off-page techniques
  • Utilize analytics for search engine optimization/marketing SEO
  • Calculate ROI of Web Analytics
  • Explore SSL
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 3.1 Lab
  • 3.1 Assignment
Week 5
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 3.2 Lab
  • 3.2 Assignment
  • 3.2 Discussion Board
  • Test 3
Week 6

Target Competencies

  • Create a website using agnostic design techniques
  • Integrate search engine optimization (SEO)
  • Create a website using a responsive web design (RWD) framework.
  • Use accessibility standards in web design projects
  • Integrate third party applications into web site
  • Use agile web development process to create project deliverables

Learning Objectives

  • Acquire an understanding of device agnostic and content-driven design
  • Use an IDE (Integrated Development Environment) to write HTML5 pages
  • Design/layout HTML5 pages using CSS3
  • Use RWD tools to test agnosticism
  • Construct tabular data using CSS without the use of tables
  • Use attributes and coding techniques for SEO
  • Use SEO processes and steps in constructing HTML5 pages/content
  • Examine the RWD framework space
  • Examine Foundation RWD framework Examine Skeleton RWD framework
  • Examine HTML5 Boilerplate RWD framework
  • Create HTML5 Boilerplate project
  • Create HTML5 Boilerplate styles and markup
  • Add third party features and interactivity to HTML5 Boilerplate site
  • Incorporate Sass and Less frameworks with HTML5 Boilerplate
  • Utilize proper CSS accessibility standards
  • Build forms in an accessible manner
  • Construct JavaScript that is unobtrusive, accessible and utilizes progressive enhancement
  • Integrate social media applications into web site
  • Examine Scrum agile development process
  • Create a RWD project using Agile methods
  • Examine project management software's role in development process (Jira)
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 4.1 Lab
  • 4.1 Assignment
Week 7
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 4.2 Lab
  • 4.2 Assignment
  • 4.2 Discussion Board
  • Test 4
Week 8

Target Competencies

  • Use accessibility standards in web design projects

Learning Objectives

  • Examine need for accessibility in web site design in HTML5
  • Use tags and attributes for accessibility standards
  • Utilize proper CSS accessibility standards
  • Build forms in an accessible manner
  • Utilize HTML5 accessibility and feature detection
  • Examine WCAG 2.0 (Web Content Accessibility Guidelines)
  • Examine assistive technology and associated tools
  • Construct JavaScript that is unobtrusive, accessible and utilizes progressive enhancement
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 5.1 Lab
  • 5.1 Assignment
Week 9
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 5.2 Lab
  • 5.2 Assignment
Week 10

Target Competencies

  • Create a website using a responsive web design (RWD) framework.
  • Demonstrate understanding of usage of APIs (Application Programmer Interface)
  • Integrate third party applications into web site
  • Construct website using secure techniques

Learning Objectives

  • Add third party features and interactivity to HTML5 Boilerplate site
  • Explore APIs
  • Use REST (Representational State Transfer) APIs
  • Use SOAP (Simple Object Access Protocol) APIs
  • Use JavaScript APIs
  • Investigate APIs for solutions
  • Determine the need for an API
  • Develop API business strategies and objectives
  • Design an API
  • Build web application that uses third party APIs
  • Use third party services to add web functionality
  • Explore SSL
  • Examine safe password practices
  • Explore backup procedures
  • Examine file permissions
  • Explore CMS security
  • Examine email security practices
  • Examine SQL (Structured Query Language) injection
  • Examine cross site scripting (XSS) Examine content isolation logic Examine origin inheritance
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 6.1 Lab
  • 6.1 Assignment
  • 6.1 Discussion Board
  • Test 6
Week 11

Target Competencies

  • Integrate search engine optimization (SEO)
  • Integrate usage of web analytics

Learning Objectives

  • Discover terms & strategies related to SEO
  • Use attributes and coding techniques for SEO
  • Formulate plan/process for ongoing SEO
  • Use SEO processes and steps in constructing HTML5 pages/content
  • Examine on-page optimization
  • Examine off-page optimization
  • Investigate off-page techniques
  • Explore Web Analytics and understand its usage
  • Examine Google Analytics
  • Explore Google Analytics reports
  • Utilize analytics for search engine optimization/marketing SEO
  • Calculate ROI of Web Analytics
  • Use page tags, logfiles and cookies
  • Examine Web Analytics Data Accuracy
  • Explore improving Web Analytics accuracy
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 7.1 Lab
  • 7.1 Assignment
Week 12
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 7.2 Lab
  • 7.2 Assignment
  • 7.2 Discussion Board
  • Test 7
Week 13

Target Competencies

  • Create a website using agnostic design techniques
  • Create a website using a responsive web design (RWD) framework
  • Demonstrate understanding of usage of APIs (Application Programmer Interface)
  • Integrate usage of web analytics
  • Construct website using secure techniques

Learning Objectives

  • Use an IDE (Integrated Development Environment) to write HTML5 pages
  • Design/layout HTML5 pages using CSS3
  • Add third party features and interactivity to HTML5 Boilerplate site
  • Explore APIs
  • Use REST (Representational State Transfer) APIs
  • Use SOAP (Simple Object Access Protocol) APIs
  • Use JavaScript APIs
  • Investigate APIs for solutions
  • Utilize analytics for search engine optimization/marketing SEO
  • Calculate ROI of Web Analytics
  • Explore SSL
  • Examine safe password practices
  • Examine file permissions
  • Explore CMS security
  • Examine email security practices
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 8.1 Lab
  • 8.1 Assignment
  • 8.1 Discussion Board
  • Test 8
Week 14

Target Competencies

  • Integrate third party applications into web site
  • Construct website using secure techniques

Learning Objectives

  • Integrate social media applications into web site
  • Build web application that uses third party APIs
  • Research online/web services
  • Use third party services to add web functionality
  • Explore SSL
  • Examine safe password practices
  • Explore backup procedures
  • Examine file permissions
  • Explore CMS security
  • Examine email security practices
  • Use FTPs
  • Explore different types of hacking and techniques
  • Examine SQL (Structured Query Language) injection
  • Examine cross site scripting (XSS) Examine content isolation logic Examine origin inheritance
  • Examine life outside same-origin rules
  • Explore security boundaries
  • Explore content recognition mechanisms
  • Examine rogue scripts
  • Explore extrinsic site privileges
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 9.1 Lab
  • 9.1 Assignment
Week 15
  • Listen to course lectures
  • Participate in course discussions
  • Review websites as referred to in course lectures
  • Read and complete activities in corresponding text
  • 9.2 Lab
  • 9.2 Assignment
  • 9.2 Discussion Board
  • Test 9

Competencies

  • Create a website using agnostic design techniques
  • Integrate search engine optimization (SEO)
  • Create a website using a responsive web design (RWD) framework
  • Use accessibility standards in web design projects
  • Demonstrate understanding of usage of APIs (Application Programmer Interface)
  • Integrate usage of web analytics
  • Integrate third party applications into website
  • Construct website using secure techniques
  • Use agile web development process to create project deliverables

Core Abilities

  • Communicate effectively
  • Work cooperatively
  • Act responsibly
  • Demonstrate integrity
  • Think critically and creatively
  • Work productively

Core Abilities are broad outcomes or skills that every graduate of an NTC program is expected to achieve. These skills go beyond the context of a specific course or program and are the skills employers tell us they expect employees to have. For you to meet these demands, NTC has identified seven Core Abilities that are important to every area of learning. These Core Abilities are: Communicate Effectively, Act Responsibly, Work Productively, Work Cooperatively, Demonstrate Integrity, Think Critically and Creatively and Develop Global Awareness.

Course Grading Information

Letter Grade Requirements
A >= 92% and meet all course compentencies
A- >= 90% and meet all course compentencies
B+ >= 87% and meet all course compentencies
B >= 83% and meet all course compentencies
B- >= 80% and meet all course compentencies
C+ >= 77% and meet all course compentencies
C >= 70% and meet all course compentencies
D >= 60% and meet all course compentencies

Assessment Information

Final course grades can be viewed by going to www.ntc.edu, clicking on "my>NTC" and following the instructions listed. For more information on grading and academic procedures please review the NTC Policies and Guidelines on this syllabus.

This course is a performance-based course, designed for your success. Learning plans will be studied over the course of the semester. Each learning plan will have assessment activities or tasks, called PATs, which will evaluate your performance of the course competencies. Your grade will be based on you being able to demonstrate all course competencies.

In this course your performance will be assessed in the following methods:

Assessment Type Required to Pass*
Assignments 90%
Projects 90%
Discussion Boards 90%
Total 90%

* Note: Even if your raw score would otherwise yield a grade of "C" or better, you must complete the listed percentages of assessment activities in each category to receive a passing grade in this course.


NTC Information Technology Program Goals and Expectations

The IT programs at NTC are designed to supply IT professionals to Northcentral Wisconsin businesses and are guided by local employers to ensure relevance.

IT courses in your chosen program will both give a general overview of the IT industry and a deeper coverage of your program area, to provide foundational knowledge upon which to build an IT career. General education courses enhance the program by developing essential “soft skills” which will improve employability.

Employability and Success in the IT Field

If enrolling in an IT program, you should consider the requirements and expectations required to be successful in the industry. You will be challenged to meet academic and technical standards throughout your program, and are expected to dedicate the time, effort, and resources required to be successful in your learning.

While not all of the following personality traits are essential, you will have a greater chance of a rewarding IT career if you:

  • Have an interest in computers and current technology
  • Want to creatively use your technical skills
  • Enjoy troubleshooting and solving technical problems
  • Have an attention to detail
  • Are driven to pursue continuous learning
  • Possess good communication skills
  • Are comfortable working in a team environment
  • Can follow instructions and procedures
  • Are reliable and can meet deadlines

The Commitment I Require from You

Attendance

This is a face-to-face course, and attendance is required – either from one of the NTC campuses, or a remote location via Adobe Connect. Please notify me in advance of any absence or anticipated late arrival. Lectures are recorded using Camtasia Relay. If you need to miss a class, you will be expected to watch the lecture and complete all related lab activities before the next class period.

If you are absent for any sessions during the first two weeks of class without advance communication to me, you will be given a grade of “F”. If you have unexcused absences for 25% of the overall course (four weeks) or more, you will receive a grade of “F” unless you withdraw from the course before it is 80% complete. Please refer to the NTC Student Guidelines and Procedures below for information on how to withdraw from the course.

Late Work

A critical component of success in the IT is the ability to meet deadlines. Therefore, we will model this component in this course. Missing/late work will incur the following penalties:

  • Failure to submit all required work on time during the first two weeks of the course will result in your removal from the course with a grade of “NS” no-show.
  • 50% will be deducted if work is submitted up to two weeks late, due to the fact that nearly all assignments are reviewed in hour one of the class period on the day after each assignment is due.
  • Work submitted more than two weeks late will not receive any credit.
  • Late work during the last two weeks of class will not receive any credit.
  • No late quizzes will be accepted.
  • No late tests will be accepted except in extreme circumstances or having made prior arrangements.
  • Tests which do not initially receive a passing grade must be retaken until a passing grade is achieved. Retake scores are multiplied by 0.7, yielding a maximum score of 70%.

Dedication

It is expected that you have both the willingness and the time available to study and complete required assignments. Completing IT courses requires dedication and committment. Be prepared to spend at least 2-3 hours per credit, per week – in addition to class time – on learning and assessment activities for this course.

Quality

Being successful in IT requires great deal of attention to detail and care in completing tasks. Points may be taken off of assignment grades for sloppy/careless work.

Professionalism

It is the goal of this class to emulate – as far as possible – a workplace environment and one that is conducive to learning and teamwork. It is my expectation that you will comport yourself in a professional and respectful manner, both toward me and your fellow students.

Any obscene language, rudeness, talking over me or other students, computer/mobile phone use other than that relating to the material being covered, etc. will not be accepted in the classroom. Repeat violations of this policy may negatively impact your final course grade by up to one grade letter e.g. A to B; B+ to C+, etc.


My Commitment to You

It is my goal to be responsive and supportive to aid you in your learning. Throughout the course, I will attempt to clearly define my expectations of you, respond in a timely manner with all communications (generally within 24 hours) and grade assignments turned in on time within one week of their due date.

Attendance and Participation

Consistent attendance and participation in this course is essential for your success. Demonstrating these behaviors will help you meet NTC's Soft Skills and will help prepare you for future employment. As your instructor, I will make reasonable allowances for personal illness, legitimate absences which accommodate the Americans with Disabilities Act (ADA) and absences for sincerely held religious beliefs. Whenever possible, please contact me prior to an absence to make arrangements for missed course work. Unexcused or excessive absences, however, will have a negative impact on your success in this course.

Include a statement that addresses how you will handle the No Show/Drop policy. (example: No Show/Drop/Cease to Attend: Students who do not attend the first session of class or who do not complete the first assignment in Blackboard by the deadline will be considered a "No Show" and will be removed from the course. If you wish to drop this course once it is underway, you may withdraw within the first 80% of the course. Please follow the information under the NTC Student Guidelines and Procedures (website is listed below) to officially withdraw from the course. If you cease to attend and do not “officially” withdraw from this course before it is 80% complete you may receive an “F” for this course.)

Online Attendance: To demonstrate consistent online attendance and participation, you should plan to log on and actively participate in the course at least 3-5 times each week. Examples of appropriate responses would be an entry into the threaded discussion, submission of an assignment, or participation in group work. (Though you are welcome to participate in the CyberCafe as frequently as you would like, this does not qualify as "attending and participating" in the course.)

Online - Learner Role and Responsibilities
You are an adult learner and as such you are responsible for you own learning. No one else can be a "stand in" for you in the learning process. You will be held accountable for all assigned activities. You matter and what you do does make a difference. You will have an opportunity to share your unique ideas and experiences with your student peers and myself. The form and content of your participation will determine the level of achievement, satisfaction, and enjoyment that you experience. Because others are depending on you to keep the course moving, you have an obligation to meet deadlines for completing assignments and postings.

Virtual College - In order to succeed in a Virtual College course, you need to have the required level of computer skills, motivation and a commitment to learn and work on your own. This means that it is very important that you are independently organized, responsible, have the ability to troubleshoot and understand how to ask for help when needed. While this course has flexible assignment deadlines, you must begin your course and complete one academic assignment within the first week of your designated start date (e.g. an assignment is an academic discussion post, quiz, exam or submitted assignment). Financial aid will not be disbursed until you complete at least one assignment.

To complete this course by the end of the semester, you are strongly encouraged to complete assignments each week. This will help you stay on track and be successful. If you run into issues during the semester, please contact me or Brandy Breuckman, your advisor, as soon as possible to help you work out a plan to ensure course completion.


NTC Student Guidelines and Procedures

Please review all of the NTC student guidelines and procedures found at this website:
www.ntc.edu/current-students/guidelines-procedures

Student Behavior Guidelines (Including)

  • Academic Honesty
  • Safety and Security
  • Children on Campus
  • Student Code of Conduct
  • Computer Use Policy
  • Student Due Process
  • Discrimination and Harassment
  • Tobacco-Free Campus Drugs and Alcohol

Student Academic Procedures (Including)

  • Academic Appeal
  • Grades and Grading System
  • Academic Retake
  • Refunds
  • Add/Drop a Class
  • Transcripts

General Information (Including)

  • Academic Calendar
  • Religious Accommodations for Students
  • Emergency School Closing
  • Student Catalog and Handbook
  • Equal Opportunity
  • Student Bill of Rights
  • Privacy Policies
  • Student Printing Procedure

Academic Support:

Please visit the following sites to learn more about these services.
Tutoring: www.ntc.edu/current-students/tutoring
Learning Center: www.ntc.edu/current-students/learning-center.html

Special Needs/ADA Accommodations

NTC is committed to providing reasonable accommodations that allow students with disabilities to fully participate in the technical college environment. If you are a student with a documented disability and believe you could benefit from academic accommodations, please contact the Student Success Center at 715.803.1469 or visit our website www.ntc.edu/current-students/disability-services

NTC Student E-Mail

Email is NTC’s official communication tool with students. Please check your NTC email often. All college and course communication will be through NTC student email and Blackboard. Please use professional communication at all times.

Student Help Desk Information

NTC has a 24-hour Student Help Desk to provide technical support for our online students. Requests for help may include login and password problems, course software use, software technical problems, and browser questions. If you have questions or need assistance when you are working on your course, you can contact the NTC Student Help Desk by calling 715-803-1160, press option #1, or 1-888-682-7144, Ext. 1160, press option #1. You can also submit a help ticket online at www.ntc.edu/helpdesk. Please provide the following information: name of course, your student ID number, what you were trying to do, any error messages you may have received, and how to contact you.

Course Revisions

In this syllabus, I have provided course information and a tentative schedule to guide your learning. I do, however, reserve the right to revise this information so that I may offer you the most current content and effective educational experiences. I will communicate any syllabus or schedule changes to you in a timely manner to support your success in this course.

Technical Skills Attainment

In addition to assessing each course competency, your instructors will assess your ability to demonstrate each program outcome. This assessment, called Technical Skill Attainment (TSA), is important because it objectively measures your ability to meet industry-recognized skills. When you complete the TSA for your program, you will demonstrate what you know and can do. You can then share this information with prospective employers. Your instructors will tell you how and when your program TSA will be done.

Note: Technical Skills Attainment does not apply to General Education/ABE/ESL courses.

Back to Top