IS-240 Webpage Design

GENERAL INFORMATION:

Course Title:
IS240 Webpage Development I

Campus: National Campus Initiator: Marlene Manganon Date: September 1, 2015
Course Description: This course provides  an introduction  to web development  using HyperText  Markup Language
(HTML)   and  Cascading   Style  Sheet  (CSS)   as  recommended   by  the   World  Wide   Web Consortium  (W3C).  It also  covers  basic  Search  Engine  Optimization  (SEO)  techniques,  and explores responsive website designs that adapt to the requirements of emerging media like smart phones and tablets.

Course Hours/Credits:

  Hours per Week No. of Weeks Total Hours Semester Credits
Lecture 3 16 48/16 3
Laboratory        
Workshop        
      Total Semester Credits: 3

 

Purpose of Course:

  • [X] Degree Requirement
  • [ ] Degree Elective
  • [ ] Certificate
  • [ ] Other

PREREQUISITES: CA100 with a grade of 'C' or higher.

PSLOS OF OTHER PROGAMS THIS COURSE MEETS:

PSLO # Program
None  

Institutional Student Learning Outcome:

[ ]
  • Effective oral communication:  capacity to deliver prepared,  purposeful  presentations
    designed  to increase knowledge, to foster understanding, or to promote  change  in the listeners' attitudes, values,  beliefs, or behaviors.
[ ]
  • Effective written  communication: development and expression of ideas in writing
     through  work in many genres  and styles,  utilizing different writing  technologies, and mixing texts, data, and images through  iterative experiences across the curriculum.
[ ]
  • . Critical  thinking:  a habit of mind characterized by the comprehensive exploration of issues,  ideas, artifacts,  and events  before accepting  or formulating an opinion  or conclusion.
[ ]
  • Problem  solving:  capacity  to design,  evaluate, and implement a strategy  to answer an open-ended question  or achieve  a desired goal.
[ ]
  • Intercultural knowledge and competence: a set of cognitive,  affective, and behavioral
    skills and characteristics that support  effective and appropriate interaction in a variety of cultural  contexts.
[ ]
  • Information literacy:  the ability  to know when there is a need for information, to be able
     to identify, locate, evaluate, and effectively and responsibly use and share that information for the problem  at hand.
[X]
  • .Foundations and skills  for life-long  learning:  purposeful  learning activity,  undertaken on an ongoing  basis with the aim of improving knowledge, skills, and competence.
[ ]
  • Quantitative Reasoning:  ability to reason and solve quantitative problems  from a wide
     array of authentic  contexts and everyday  life situations;  comprehends and can create sophisticated arguments supported  by quantitative evidence  and can clearly communicate those arguments in a variety of formats.

 

PROGRAM STUDENT LEARNING OUTCOMES (PSLOs): The student will be able to:

  1. Demonstrate an in-depth understanding of technical concepts and ethical issues pertaining to information systems;
  2. Demonstrate theoretical knowledge and practical skills in the management and strategic use of information systems and technology;
  3. Demonstrate proficiency in the use of different software applications significant to manipulating and analyzing information as well as generating and presenting reports in the various functional  areas of business;
  4. Demonstrate solid foundation  skills in database design and management, web engineering, programming, and networking; and
  5. Demonstrate the ability to adapt to latest technologies using their foundation knowledge and skills from CIS.

COURSE STUDENT LEARNING OUTCOMES (CSLOs) (General): The student will be able to

  1. Explain the history of the Internet and related Internet concepts that are vital in understanding Web development;
  2. Demonstrate the use of HTML and XHTML tags in Structural Layer;
  3. Demonstrate how to separate design from content using Cascading Style Sheet
    (CSS).
  4. Demonstrate the best practices of web design especially in relation to CSS; and
  5. Demonstrate the web development process and its maintenance of the Web project.

COURSE STUDENT LEARNING OUTCOMES (CSLOs) (Specific): The student will be able to:

 

CSLO (General)  1:Explain the history of the Internet and related Internet concepts that are vital in understanding Web development;
Student Learning Outcomes (specific) ISLO PSLO Assesment Strategies

1.1  Explain the history of Internet, 
Web standards and related Internet 
concepts.                                           

                                    

7 4

To assess CSLO_l.1, the instructor will
use an essay exam. The student will
explain the history of Internet, Web
standards and related Internet concepts.

CSLO  (General) 2: Demonstrate the use of HTML and XHTML tags in Structural Layer

 2.1 Explain the basic XHTML-complaint structure for the web.                                           

7 4,5

To assess CSL0_2.1, the instructor will use an essay exam. The student will explain XHTML-compliant  structure for the web.

2.2 Apply the basic XHTML- compliant structure for the web. 7 4,5 To assess CSLO _2.2, the instructor will use hands-on case project. The student will create a webpage by applying the basic XHTML-compliant structure for the web.
2.3 Create a simple web page using basic presentational elements like heading, body, and paragraph. 7 4,5 To assess CSLO _2.3, the instructor will use hands-on case project. The student will create a simple web page using basic presentational elements like heading, body, and paragraph.
2.4 Create a simple web page using elements that would display lists, links, and images. 7 4,5 To assess CSLO _2.4, the instructor will use hands-on case project. The student will create a web page using elements that would display lists, links, and images.
2.5 Use the XHTML validation website like W3C's markup validation service to validate the created website if it is XHTML compliant.

7 4,5

To assess CSLO _2.5, the instructor will use hands-on case project. The student will use the validation website like W3C's markup validation service to validate the created website.

  7 4,5 To assess CSLO _2, the instructor will use a capstone hands-on case project. The student will demonstrate the use of HTML and XHTML tags in Structural Layer.

CSLO (General) 3: Demonstrate how  to separate  design  from  content using  Cascading Style Sheet (CSS)

3.1 Explain the basic concept and syntax of CSS. 7 4,5

To assess CSL0_3. 1, the instructor will use exam. The student will explain the basic concept and syntax of CSS.

3.2 Apply an inline CSS.

7 4,5

To assess CSLO _3.2, the instructor will use hands-on case project. The student will create a web page applying an inline CSS.

3.3 Apply an embedded CSS.

7 4,5

To assess CSLO _3.3, the instructor will use hands-on case project. The student will create a web page applying an embedded CSS.

3.4 Apply an external CSS with external file.

7 4,5

To assess CSLO _3.4, the instructor will use hands-on case project. The student will create a web page applying an external CSS with external file.

3.5 Apply common CSS properties in various situations.

7 4,5

To assess CSLO _3.5, the instructor will use hands-on case project. The student will create web pages applying common CSS properties.

  7 4,5

To assess CSLO _3, the instructor will use a capstone hands-on case project. The student will demonstrate separating design from content using Cascading Style Sheet (CSS).

CSLO  (General) 4: Demonstrate  the best practices of basic web design especially  in relation to
CSS; and

4.1 Explain the basic web design principles, and web best practices. 7 4,5 To assess CSLO_4.1, the instructor will use an essay exam. The student will explain the basic web design principles and web best practices.
4.2 Describe the page layout design techniques. 7 4,5 To assess CSLO_4.2, the instructor will use an essay exam. The student will describe the page layout design techniques.
4.3 Apply web design principles, best practices, and page layout design. 7 4,5 To assess CSLO _4.3, the instructor will use hands-on case project. The student will create web pages applying web design principles, best practices, and page layout design.
4.4 Explain advanced CSS topics. 7 4,5 To assess CSLO_4.4, the instructor will use an essay exam. The student will explain advanced CSS topics.
4.5 Apply advanced CSS topics -CSS for printing and mobile display. 7 4,5 To assess CSLO _4.5, the instructor will use a hands-on case project. The student will create web pages applying advanced CSS topics- CSS for printing and mobile display.
  7 4,5

To assess CSLO _4, the instructor will use a capstone hands-on case project. The student will demonstrate basic web design using CSS.

CSLO (General) 5: Demonstrate the web development process and its maintenance of the Web Project.
5.1 Explain the different roles and processes in Web site development. 7 4,5 To assess CSL0_5.1, the instructor will use an essay exam. The student will explain the different roles and processes in Web site development.
5.2 Identify providers that will host your Web site. 7 4,5 To assess CSL0_5.2, the instructor will use an exam. The student will identify list of providers that will host a Web site.
5.3 Apply the Web development process. 7 4,5 To assess CSLO _5.3, the instructor will use a capstone hands-on case project. The student will demonstrate applying the Web development process.
  7 4,5 To assess CSLO _5, the instructor will use a capstone hands-on case project. The student will demonstrate the development process and its

COURSE CONTENT

  1.  Introduction to the Internet and the World Wide Web
  2. XHMTL  Basics
  3. Introduction to CSS
  4. Visual  Elements  and Graphics
  5. Webpage  Design  Principles
  6. CSS Page Layout
  7. Tables and Forms
  8. Form Basics
  9. Website Development Process

 

METHOD(S) OF INSTRUCTION:

[X] Lecture
[X] Laboratory
[ ] Audio Visual
[ ] Cooperative learning Groups
[ ] In-class exercises
[X] Demonstrations
[ ] Others

REQUIRED TEXT(S) AND COURSE MATERIALS:

Felke-Morris, Terry  (2010).  Web  Development and  Design  Foundations  with XHTML.6th Edition. Upper Saddle  River, NJ:Addison Wesley (or most recent edition).

REFERENCE MATE RIALS:

NONE

INSTRUCTIONAL  COSTS:

•    NONE

EVALUATION:

  • The summative evaluation will be based on hand-on projects, midterm exam, and final exam.

CREDIT BY EXAMINATION:

The summative evaluation will be based on hands-on projects, midterm exam, and final exam.

This website and all COM-FSM Internet based services are best viewed with Firefox 3.0 or better.
© Copyright 2020 College of Micronesia-FSM | Site Disclaimer
P. O. Box 159, Kolonia, Pohnpei, 96941 - (691) 320-2480
College of Micronesia-FSM is accredited by the Accrediting Commission for Community and Junior Colleges,
Western Association of Schools and Colleges, 428 J Street., Suite 400 Sacramento, CA 95814, (415) 506-0234,
an institutional accrediting body recognized by the Council for Higher Education Accreditation and the U.S. Department of Education.
Additional information about accreditation, including the filing of complaints against member institutions, can be found at: www.accjc.org