CIT III

CIT III Introduction

CIT III will focus on Web development. Students will HTML, CSS and other languages to develop Web pages and Web sites. HTML means "Hyper Text Markup Language".  HTML is the markup language that is used to write web pages.  It simply describes a web page's content and its structure.  CSS stands for Cascading Style Sheets. CSS was designed to define the style of a web page. It is a way to divide the content from the layout on web pages.

This course will involve both the aesthetics and the mechanics of a Web site. Students will learn How to use a few web building tools, languages and requirements of designing.  Students will create, use and maintain a Blog as a digital portfolio of what they have done in the classroom.  Students will create, develop and share real Web pages and Websites (The highest level of Bloom's Revised Taxonomy).

Students will become productive global citizens and lifelong learners.  Project Based Learning, Inquiry and Problem Based learning will be emphasized to create a student centered learning environment.

Students will use and learn the skills needed for the 21st century.  Students will learn using the power of Web 2.0 tools and resources, along with traditional classroom instruction.  Students will solve real world problems, share ideas and work on collaborative projects. Students will contribute to the collective knowledge base of Web 2.0. Students will be able to handle any problem, assignment, decision or task with the use of information problem-solving strategies. Students will learn in a Blended Learning environment. Blended Learning combines the best of face-to-face instruction with the best of online learning. This extends the learning beyond the classroom and gives students access 24/7.

Students will create, use, and maintain a Blog as a digital portfolio of what they have done in the classroom.  Students will create, produce and share a real world product.

Students who take this course will develop a basic knowledge of HTML and CSS. Students will also be able to:

  • Explain the structure of a simple HTML page
  • Describe the advantages and flexibility cascading style sheets allow
  • Apply HTML tags for overall page structure
  • Build ordered and unordered lists in a simple HTML page
  • Build HTML pages that have the ability to link back and forth
  • Explain and use the different types of CSS Selectors
  • Use CSS to style Web Pages
  • Use CSS at different levels: Tags, Pages and Sites
  • Learn to link HTML with JavaScript
  • Learn to use attributes for inline tags, block tags and links
  • Add layers to Web Pages 
  • Build a Web site using a Web page development environment
CIT III Scope and Sequence
Unit
Time Frame:
Class Periods
Overview and Objectives
Activities and Assessment
1. Operating System Fundamentals
5
Students will:
  • Demonstrate the ability to use an Operating System.
  • Demonstrate the ability to organize information
  • Watch videos and read tutorials on Operating System and basic functions.
  • Perform basic and advanced OS functions.
  • Organize information with OS files and functions.
  • Complete OS assessment.
2. Web Browser Basics
5
Students will:
  • Demonstrate the ability to use Web Browsers and Web Apps
  • Demonstrate the ability to find, manage, and organize information
  • Watch videos and read tutorials on using Web Browsers.
  • Use multiple browser window and tabs.
  • Install and use browser tools
  • Complete browser performance assessment.
3. Fundamentals of Blogs and Blogging
5
Students will:
  • Create, customize, and modify a Blog.
  • Understand, manage and create effective written and/or multimedia communication.
  • Analyze, access, manage, integrate, evaluate and create information.
  • Use Blog as a living portfolio.
  • Sign up for a Google/Blogger account.
  • Change setting privacy and comment settings.
  • Create a mobile version of their Blog.
  • Customize and modify Blog layout, settings and comments.
  • Write a proper post using proper grammar, spelling and punctuation.
  • Follow and comment on others Blogs.
  • Complete Blog assessment.
  • Portfolio Assessments.
  • Web Design Assessment.
4. Digital Citizenship
20
Students will:
  • Understand online ethics, risks of sharing information online, copyright and fair use
  • Understand how to develop a positive reputation and build a positive community
  • Define digital citizenship, digital footprint, Identify strategies to avoid sexting, cyberbullying and online cruelty
  • Identify online responsibilities, and the legal and ethical considerations of creative works
  • Read, discuss and analyze information from articles on the various topics.
  • Communicate the results to others using oral, written (Blog post), graphic, pictorial, or multi-media methods.
  • Watch video on the topics below and complete assessment.
  • Online safety, Digital Etiquette, Cyberbullying, Online Predators, Information Privacy, Copyright, Plagiarism
5. ICT Literacy and Tech Competency
15
Students will:
  • Consider the perspectives of new and emerging tools, technologies, software and Apps
  • Keep up to date on current technologies and products
  • Identify how to maintain ICT literacy and Tech competencies
  • Think critically about the effects of technology on people and society
  • Read, discuss and analyze information from articles on the topics below.
  • Watch video on the topics below and complete assessment.
  • Communicate the results to others using oral, written (Blog post), graphic, pictorial, or multi-media methods.
    • New and emerging tools, technologies, software and Apps
    • Current technologies and products
    • The effects of technology on people and society
  • Assessment of Blog writing, projects, online discussions and comments.
6. Basic HTML
5
Students will:
  • Prepare a text editor for writing HTML code.
  • Identify elements of an HTML tag
  • Describe the purpose of an HTML tag
  • Identify the parts of an HTML page
  • Read text on HTML Basics to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete HTML Basics assessment.
7. HTML Text
5
Students will:
  • Identify and use opening and closing tags
  • Identify and use heading and paragraph tags
  • Insert line breaks, horizontal lines and attribute using HTML tags
  • Read text on HTML Text to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete HTML Text assessment.
  • Create a Web Page that includes Text.
8. HTML Lists
5
Students will:
  • Identify and use list tags
  • Compare and contrast an ordered and an unordered list
  • Format different list styles using HTML tags
  • Read text on HTML Lists to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete HTML Lists assessment.
  • Create a Web Page that includes Lists.
9. HTML Images
5
Students will:
  • Insert images into an HTML document
  • Resize and align images
  • Create an image link and image map
  • Evaluate images and image placement
  • Read text on HTML Images to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete HTML Images assessment.
  • Create a Web Page that includes Images.
10. HTML Links
5
Students will:
  • Identify the different types of hyperlinks
  • Format the color of hyperlink text
  • Format the link target
  • Create a link within a page and to a new page
  • Create image and email links
  • Read text on HTML Links to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete HTML Links assessment.
  • Create a Web Page that includes Links.
11. HTML Backgrounds, Images and Colors
5
Students will:
  • Select and add background images and colors that go well with text colors using HTML
  • Select and add background images and colors that go well with other images Using HTML
  • Resize images using HTML
  • Read text on HTML Backgrounds to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete HTML Text assessment.
  • Create a Web Page that includes Frames.
12. HTML Tables
5
Students will:
  • Use the HTML table tags to create and customize tables
  • Change table properties using HTML
  • Change individual table cell properties using HTML
  • Use tables for page layout and alignment
  • Read text on HTML Tables to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete HTML Tables assessment.
  • Create a Web Page that includes Tables.
13. HTML Frames and Forms
5
Students will:
  • Describe the uses of a frameset
  • Compare and contrast frames and tables
  • Describe and use the different types of fields in a form
  • Design a form using HTML tags
  • Read text on HTML Frames and HTML Forms to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete HTML Frames and HTML Forms assessment.
  • Create a Web Page that includes Frames and Forms.
14. Introduction to CSS
5
Students will:
  • Define CSS
  • Decribe the functions of HTML compared to CSS
  • Describe the advantages of using CSS to add style
  • Design the style of a Web Page
  • Describe and use CSS Syntax
  • Describe and use CSS Selectors
  • Describe and use CSS Declarations
  • Describe and use CSS Properties
  • Describe and use CSS Values
  • Read text on CSS Code to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete Introduction to CSS assessment.
  • Style a Web page using CSS
15. Select by Tags
5
Students will:
  • Use the General Format for CSS Rule
  • Define and use the correct syntax for CSS Tag Selectors
  • Define and use CSS Tag Selectors to style Web Pages
  • Define and use CSS Tag Selectors to style all the HTML elements of a Web Pages with that tag
  • Read text on CSS Tag Selectors to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete Select by Tags assessment.
  • Style a Web page using CSS Tag Selectors
16. Select by Class
5
Students will:
  • Use the General Format for CSS Rule
  • Define and use the correct syntax for CSS Class Selectors
  • Define and use Class CSS Selectors to style Web Pages
  • Add Class Attributes to HTML tags
  • Define and use CSS Class Selectors to style all the HTML elements of a Web Pages with a specific Class Attribute
  • Define and use CSS Class Selectors to style all the Links of a Web Pages with a specific Class Attribute
  • Read text on CSS Class Attributes to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete CSS Class Attributes assessment.
  • Style a Web page using CSS Class Attributes.
17. Select by ID
5
Students will:
  • Use the General Format for CSS Rule
  • Define and use the correct syntax for CSS ID Selectors
  • Define and use ID CSS Selectors to style Web Pages
  • Add ID Attributes to HTML tags
  • Define and use CSS ID Selectors to style one specific HTML tag of a Web Pages with a specific ID Attribute
  • Read text on CSS ID Attributes to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete CSS ID Attributes assessment.
  • Style a Web page using CSS ID Attributes.
18. Placing CSS
5
Students will:
  • Use the General Format for CSS Rule
  • Use CSS to style a single HTML Tag
  • Use CSS to style aa entire Web Page
  • Use CSS to style an entire Web Site
  • Compare and contrast the advantages and disadvantages of using CSS for Single Tags, Single Pages and Entire Sites
  • Read text on Placing CSS to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Complete Placing assessment.
  • Style a Web using CSS for Single Tags, Single Pages and Entire Sites.
19. Web Design Concepts
10
Students will:
  • Identify the principles of good web design
  • Define basic Web page design concepts
  • Evaluate and enhance Web pages
  • Read text on Web Design Basics to determine what the text says explicitly and to make logical inferences from it; cite specific textual evidence when writing.
  • Apply the Web Design Concepts when designing Web pages and Websites.
20. Graphic Design
10
Students will:
  • Create, manipulate, combine and edit images
  • Use graphics, photos, and text to create navigation bars, links, backgrounds and to add visual interest
  • Design a logo
  • Design an Avatar

  • Design and create Graphics that contain:
  • Text
  • Images or drawings
  • A combination of images, drawings and text
  • Assessment of final product using criteria from rubric.
  • 21. Developing a Website
    25
    Students will:
    • Create a custom Website using a wysiwyg program such as Dreamweaver
    • And or create a custom Mobile Website or Mobile Web App
    • Design, modify, customize, organize and troubleshoot a Website and or Mobile Web App.
    • Assessment of final product using criteria from rubric.

    160


    No comments:

    Post a Comment