CIS130 - Website Development I

3 Credit hours - 2 Lecture, 2 Lab

Prerequisite(s): CIS101 must be taken before or together

New SU26: GDT-105, CIS-101 or concurrent enrollment

Course Rationale:

This course provides students with the skills necessary for web site development and prepares the student with the skills necessary for employment in the web development industry.

Catalog Description:

This course entails development of web sites using modern technologies. Students will learn to develop web sites using the latest HTML standards, to employ cascading style sheets (CSS), and to use web scripting languages. Provides extensive hands-on experience of an introductory nature

Course Objectives

Upon successful completion of this course, the student should be able to:

1. Create and manipulate web pages using the latest HTML standards.

2. Using program design tools, develop web pages that utilize the concepts of navigation, layout and page accessibility.

3. Separate content from presentation utilizing cascading stylesheets (CSS).

4. Utilize web frameworks to assist in the standardization of websites.

5. Use JavaScript to introduce interactivity in Web Pages

All course assignments and exams are closely aligned to, and assess the student's mastery of these core objectives.

Core Outcomes

In this course, students are introduced to key concepts of web development including the tools, languages, and processes used to create modern, responsive designs. Course assumes no prior knowledge in web development or computer programming languages.

• Demonstrate an understanding and use of HTML to create structured content for websites.

  • Construct markup that uses metadata elements - script; noscript; style; link; meta tags, including encoding, keywords, viewport, and translate

  • Construct well-formed markup that conforms to industry best practices - DOCTYPE declaration; HTML; head; body; proper syntax, including closing tags and commonly used symbols; comments

  • Construct and analyze markup to structure content and organize data - table tags; h1-h6; p; br; hr; div; span; ul; ol; li

  • Construct and analyze markup that uses HTML5 semantic elements - semantic tags; header; nav; section; article; aside; footer; details; summary; figure; caption

  • Construct and analyze markup that implements navigation - image links; a; target; bookmark; relative versus absolute links; navigating simple folder hierarchies

  • Construct and analyze markup that uses form elements - form attributes; action; method; submission methods; accessibility; input types and restrictions; select; textarea; button; output; option; datalist; fieldset

• Demonstrate an understanding and use of CSS to format content for websites.

  • Analyze the impact of using inline styles, internal style sheets, and external style sheets - when to use inline styles; when to use internal style sheets; when to use external style sheets; precedence when using a combination of inline styles and style sheets

  • Construct and analyze rule sets - valid syntax for the CSS rule set; selectors, including class, id, elements and pseudo-class - reusing rules and rule sets; commenting; testing on multiple browsers; web safe fonts

  • Construct well-formed style sheets that conform to industry best practices

  • Construct and analyze styles that position content - positioning, including float, relative, absolute, max-width, overflow, height, width, and align; inline versus block; visibility; box model, including margins and padding

  • Construct and analyze styles that format text - font-family; color; font-style; font-size; font-weight; link colors; text formatting, including text alignment, text decoration, and indentation

  • Construct and analyze styles that format backgrounds and borders - border-color; border-style; border-width; backgrounds; divs; colors

  • Analyze styles that implement a simple responsive layout - units of measure; responsive effects with CSS, including viewport and media query; percentages versus pixels; frameworks and templates; max width

• Explain the concept of responsive design and why pages are developed using a mobile-first approach.

• Create interactive websites using JavaScript

  • Create entry-level web sites using JavaScript basics

  • Describe and use variables and data types

Exams and Certification Equivalent:

• Certification included in the course - Certiport IT Specialist, HTML and CSS

Test Out Requirements

Students who wish to demonstrate proficiency in this course will need to complete a Departmental proficiency exam. Departmental proficiency examinations are created by appropriate college faculty to allow students to demonstrate their mastery of course content in designated subjects. These examinations will be equivalent to the cumulative final assessment used in the course. Faculty will determine the minimum score required to earn credit by exam for these courses.

The college’s test out policy is outlined in policy 2.12 - Credit by Exam (Test Out)