CIW (Certified Internet Webmaster) is a purchased curriculum and adheres to a specified
instructional course outline provided by CIW; however, this template is being made available for
your personal classroom notes/use.
21st Century Instructional Guide for Career Technical Education
CIW Design Methodology and Technology Part II
Business and Marketing Cluster
Certified Internet Webmaster (CIW) Concentration
Title:
Design Methodology and Technology Part II
Standard Number:
BE.S.CIWD.1
X/HTML Enhance web page structure
Students will use X/HTML and extended technologies to enhance Web page structure, format and
usability.
Essential
Questions:
Objectives:
BE.O.CIWD.1.1
BE.O.CIWD.1.2
BE.O.CIWD.1.3
BE.O.CIWD.1.4
BE.O.CIWD.1.5
Students will
Add metadata tags and content to X/HTML
documents to influence search engine
placement (includes refining <meta> tags in
existing pages).
Identify non-standard X/HTML code and the
ways that proprietary code affects Web
development.
Identify ways to apply Web page formatting
with Cascading Style Sheets (CSS1 and
CSS2) using various methods (includes
linking, embedding, inline), and use style
sheets to simplify Web site design.
Create an external style sheet and link it to an
X/HTML document.
Develop X/HTML tables to appropriately
format data (includes table design).
(WVEIS 1797)
Learning Plan & Notes to Instructor:
1
BE.O.CIWD.1.6
Standard Number:
BE.S.CIWD.2
Essential
Questions:
Objectives:
BE.O.CIWD.2.1
BE.O.CIWD.2.2
BE.O.CIWD.2.3
BE.O.CIWD.2.4
BE.O.CIWD.2.5
BE.O.CIWD.2.6
BE.O.CIWD.2.7
BE.O.CIWD.2.8
Develop X/HTML framesets (include simple,
nested, combined, inline), and target frames
correctly.
X/HTML Images and site design
Students will create image files, and use images in X/HTML pages and site design.
Students will
Learning Plan & Notes to Instructor:
Distinguish between vector and raster graphic
types.
Identify and choose appropriate image file
formats, including browser-compatibility
issues and lowest common denominator in
audience usability (includes GIF 27a, GIF
29a, JPEG, JPEG 2000, PNG, BMP).
Use image-editing software to create
functional images that complement your
page/site.
Perform common image manipulation
functions (includes cropping, rasterizing,
adding text to existing images, modifying
height/width dimensions, modifying resolution,
choosing bit depths).
Create transparent and animated images
(includes GIF, PNG).
Create image layers using image-editing
software.
Evaluate image colors to determine
effectiveness in various cultures.
Insert image files in Web pages using
X/HTML
2
Standard Number:
BE.S.CIWD.3
Essential
Questions:
Objectives:
BE.O.CIWD.3.1
BE.O.CIWD.3.2
BE.O.CIWD.3.3
BE.O.CIWD.3.4
BE.O.CIWD.3.5
BE.O.CIWD.3.6
BE.O.CIWD.3.7
BE.O.CIWD.3.8
BE.O.CIWD.3.9
BE.O.CIWD.3.10
Standard Number:
BE.S.CIWD.4
Essential
Questions:
Objectives:
BE.O.CIWD.4.1
GUI site development applications
Students will create Web sites using GUI site development applications.
Students will
Learning Plan & Notes to Instructor:
Compare site development using X/HTML
text editors to using GUI site management
applications.
Configure site development applications to
develop W3C-compliant code, including
XHTML 1.0 Transitional.
Add images to Web pages and create image
maps using GUI site development
applications.
Add text, tables and hyperlinks to Web pages
using GUI site development applications.
Create Web forms using GUI site
development applications.
Create page and site templates using GUI
site development applications.
Apply CSS to page and site templates using
GUI site development applications.
Apply page and site templates to new pages
using GUI site development applications.
View and validate source code using GUI
site development applications.
Use GUI site development applications to
enforce compliance with accessibility
standards.
Publishing a web site
Students will publish and maintain a production Web site.
Students will
Use a staging/mockup server to test a site
Learning Plan & Notes to Instructor:
3
BE.O.CIWD.4.2
BE.O.CIWD.4.3
BE.O.CIWD.4.4
BE.O.CIWD.4.5
BE.O.CIWD.4.6
BE.O.CIWD.4.7
BE.O.CIWD.4.8
BE.O.CIWD.4.9
Standard Number:
BE.S.CIWD.5
Essential
Questions:
Objectives:
BE.O.CIWD.5.1
BE.O.CIWD.5.2
BE.O.CIWD.5.3
(includes advantages, hardware/software
choices, configurations).
Perform site testing (functionality, usability,
browser compatibility).
Compare in-house Web site hosting to
hosting with an Internet Service Provider
(ISP) or Application Service Provider (ASP).
Publish a Web site using an FTP client.
Create and configure Domain Name System
(DNS) entries (includes subdomains, shared
domains).
Identify site security issues, including attacks
(social engineering, denial of service, brute
force) and ways to thwart them.
Secure a server (includes disabling
unnecessary services, updating patch levels,
configuring login settings, setting
permissions and rights).
Maintain the Web site (includes user
feedback, auto and manual link checking).
Document changes to the site.
Advanced Web Technologies- plug-ins
Students will use multimedia and plug-in technologies to enhance a Web site.
Students will
Identify multimedia Web design principles,
and choose appropriate multimedia
technologies for a site based on usability
criteria.
Identify accessibility issues and solutions
related to Web images and animation
(includes text-reader capability, captioning).
Identify Shockwave-Flash (SWF) technology
features (includes animation, streaming,
Learning Plan & Notes to Instructor:
4
BE.O.CIWD.5.4
BE.O.CIWD.5.5
BE.O.CIWD.5.6
BE.O.CIWD.5.7
BE.O.CIWD.5.8
BE.O.CIWD.5.9
BE.O.CIWD.5.10
BE.O.CIWD.5.11
Standard Number:
BE.S.CIWD.6
Essential
Questions:
Objectives:
BE.O.CIWD.6.1
BE.O.CIWD.6.2
timelines, layers) and authoring software.
Use SWF-authoring software to create
animations, add buttons, perform tweening
create movie clips, apply masks.
Identify Scalable Vector Graphics (SVG)
characteristics (includes XML-based, twodimensional, searchable, scalable, zoom
support).
Add SWF animation files and SVG files to
X/HTML pages.
Identify strategies and benefits of using SWF
and SVG technologies in training
industry/instructional design to facilitate
learning.
Apply plug-in/viewer technology to Web
pages to support various file types (includes
Portable Document Format [PDF], Scalable
Vector Graphics [SVG], Flash/SWF
technologies).
Create an X/HTML link to a downloadable
file.
Create rich media streaming ads and
compare them to conventional online ads
(includes considering bandwidth limitations).
Define Java applet functionality, and create
an animated applet for display on a Web site.
Advanced Web Technologies- Client-sjide / Server-side programming
Students will use client-side and server-side programming to enhance Web site functionality.
Students will
Define and contrast client-side and serverside technologies used to create dynamic
content for Web pages.
Identify common JavaScript objects,
properties and methods.
Learning Plan & Notes to Instructor:
5
BE.O.CIWD.6.3
BE.O.CIWD.6.4
BE.O.CIWD.6.5
BE.O.CIWD.6.6
BE.O.CIWD.6.7
BE.O.CIWD.6.8
BE.O.CIWD.6.9
BE.O.CIWD.6.10
BE.O.CIWD.6.11
BE.O.CIWD.6.12
BE.O.CIWD.6.13
Standard Number:
BE.S.CIWD.7
Essential
Questions:
Objectives:
BE.O.CIWD.7.1
Use JavaScript to detect browsers, redirect
pages, preload pages and confirm user
choices.
Use JavaScript dot notation to access
X/HTML objects.
Create rollover images on a Web page using
scripting technology.
Define Dynamic HTML (DHTML) and the
technologies it requires, and identify
browser-specific DHTML code for use with
Microsoft Internet Explorer, Netscape
Navigator and Mozilla.
Define Extensible Markup Language (XML),
and distinguish XML from HTML and
XHTML.
Define and create a well-formed" XML
document. "
Use XML to create a basic Web application
(e.g., Really Simple Syndication [RSS]
newsfeed).
Define Secure XML.
Use Common Gateway Interface (CGI) to
process Web forms.
Use cookies to enhance Web site
functionality.
Identify the functionality of pop-up/pop-under
windows (includes creation, benefits,
disadvantages, reasons to omit from your
site).
Advanced Web Technologies- Databas
Students will connect Web pages to a database.
Students will
Define elements of a database and their
Learning Plan & Notes to Instructor:
6
BE.O.CIWD.7.2
BE.O.CIWD.7.3
BE.O.CIWD.7.4
BE.O.CIWD.7.5
BE.O.CIWD.7.6
Standard Number:
BE.S.CIWD.8
Essential Questions:
Objectives:
BE.O.CIWD.8.1
BE.O.CIWD.8.2
BE.O.CIWD.8.3
21st Century Skills
functionality.
Identify general database query types.
Define the three Database Management
System (DBMS) types.
Add search capability to a Web site.
Identify information types that can be
contained in a database, including X/HTML,
images, XML, inventories.
Identify information types that can be
contained in a database, including X/HTML,
images, XML, inventories.
Participating in a Local Student Organization
Students will participate in a local student organization
What are the benefits of a career, technical student organization?
Students will
Learning Plan & Notes to Instructor:
assess the purposes and goals of the local
Invite students to participate in a chapter event.
student organization.
Invite State Officers to present at a chapter meeting
or to a class on the activities, purpose and benefits
of membership. Show the promotional video
located. Have students to locate and discuss their
organizations goals, mission statement, and pledge.
discover the benefits and responsibilities of
Invite an alumni members to be guest speakers in
participation in student organization as an
the classroom and during chapter events.
adult.
Coordinate a chapter event with another service
organization in the community (such as Lion’s Club,
Women’s Club, Jaycees, Rotary, etc.).
demonstrate leadership skills through
Have the local officer team to develop a program of
participation in student organization activities work for the school year and form various
such as meetings, programs, and projects.
committees to complete the task using chapter
members. Encourage students to actively
participate in State, regional, and national
conferences and vie for leadership positions.
Learning Skills & Technology Tools
Teaching Strategies
Evidence of Success
Culminating Activity
Information and
7
Communication
Skills:
Thinking and
Reasoning Skills:
Personal and
Workplace Skills:
Learning Skills & Technology Tools
Teaching Strategies
Culminating Activity
Evidence of Success
Entrepreneurial
Skills:
Culminating Assessment
Culminating
Assessment:
Links and Other Resources
Links and Other
Resources:
Related Websites:
America's Career InfoNet
www.acinet.org
America's Job Bank
www.ajb.org
CareerOneStop
www.careeronestop.org
Career Voyages
www.careervoyages.gov/index.cfm
Employment & Training Administration
www.doleta.gov
8
The Job Accommodation Network (JAN)
www.jan.wvu.edu
Monthly Labor Review Online: Labor Force Archives
www.bls.gov/opub/mlr/indexL.htm#Laborforce
National FBLA-PBL
www.fbla-pbl.org
Occupational Information Network
www.doleta.gov/programs/onet
Office of Disability Employment Policy
www.dol.gov/odep
Pathways to Success
www.careertech.k12.wv.us/pathwaystosuccess
U.S. Department of Labor in the 21st Century
www.dol.gov
West Virginia Career and Technical Education
www.careertech.k12.wv.us
West Virginia Earn A Degree Graduate Early (EDGE)
www.wvtechprep.wvnet.edu/edge.htm
Workforce West Virginia
www.workforcewv.org
List any magazines or additional resources
Contacts:
Contacts
Business Teachers: Utilize K12 Business Marketing Listserv at K12-BUSMKT@listserv.wvnet.edu
Business Coordinator: Abby Reynolds, areynold@access.k12.wv.us
OCTI Assistant Executive Director: Donna Burge-Tetrick
OCTI Executive Director: Gene Coulson
9
10