Web Design & Development I Semester 1 Curriculum Map

Content Area: Web Design & Development I Semester 1

Curriculum Map NV Content

Standards & Learner Outcomes *Highlight outcomes that align

with Post-Secondary Articulation Agreement

Topics Covered Resources (Software, Textbook, Websites, etc.)

Common Core Alignment

ELA & Math

Employability Skills

3.1.4 Recognize the relationship between local and remote site structures 4.2.5 Describe the process of locating and registering a domain name 4.2.3 Describe the technical requirements involved in choosing a web host 1.2.6 Describe the Web design and development cycle 3.2.1 Identify commonly used layout techniques for Web design 1.2.2 Explain the principles of design 1.2.3 Explain the elements of design 1.2.1 Explain color theory 3.2.3 Develop wireframe for initial design concept 3.3.3 Identify target audiences and reading levels for specific websites 3.6.1 Identify web page content that is relevant to the purpose and target audience 3.1.1 Create a maintainable directory structure for a website 3.3.5 Apply grammar and spelling conventions to content 3.1.2 Apply file naming protocols 1.3.1 Define common terminology and their acronyms 1.3.2 Communicate both written and verbally using appropriate industry terminology 3.7.2 Evaluate content for viability 4.2.4 Preview and test web pages for compatibility using various browsers and output devices 5.1.5 Identify and use online validation tools

August Internet Basics I P M

The Internet and the World Wide Web

History of the World Wide Web

Evolution of Web Standards

IT Basics

Server Basics

Client/Server

Local/Remote

Domain Names

Web Hosting

Web Design Process

Development Cycle

Layout Concepts

Principles of Design

Elements of Design

Color Design

Wireframe Concepts

Purposing a Website

Targeting an Audience

Directory Structure

Grammar & Spelling Conventions

File Naming Protocols

Terminology

Terminology

Communication

Viability & Testing

Viability

Compatibility

Testing I: Introduction, P: Practice, M: Master

Lynda.com (Online Tutorials) http://lynda.com

Total Training (Online Tutorials)

http://www.totaltraining.com

Learning HTML5 (DVD Video)

by John Ulliman Date: Feb. 4, 2012 Publisher: Infinite Skills ISBN: 9781926873855

Advanced HTML5 Training (DVD Video)

by John Ulliman Publisher: Infinite Skills Date: Oct. 11, 2012 ISBN: 9781771370356

Build Your Own Website The Right Way Using HTML & CSS

3rd (third) Edition by Lloyd, Ian (Paperback) Publisher: SitePoint Pub. Date: July 23, 2011 Print ISBN-13: 978-0-9870908-5-0

Introduction to Web Design Introduction to HTML5

http://highschoolwebdesign.com

HTML5 Tutorial (free) http://www.html-5-tutorial.com/

Adobe Suite

Internet Basics RST.11-12.9, RST.11-12.10; WHST.11-12.7, WHST.11-12.8, WHST.11-12.8

IT Basics RST.11-12.9, RST.11-12.10; WHST.11-12.7, WHST.11-12.8, WHST.11-12.8

Web Design Process RST.11-12.2, RST.11-12.3, RST.11-12.4, RST.11-12.5, RST.11-12.7, RST.11-12.9; WHST.11-12.1b, WHST.11-12.2, WHST.11-12.2d, WHST.11-12.4, WHST.11-12.6, WHST.11-12.7, WHST.11-12.8, WHST.11-12.9, WHST.11-12.10; L.11-12.1; L.11-12.1a; L.11-12.2b; L.11-12.3, L.11-12.4a

Terminology L.11-12.6; RST.11-12.4; WHST.11-12.1d, WHST.11-12.4; SL.11-12.4, SL.11-12.6, L.11-12.6

Viability & Testing RST.11-12.3, RST.11-12.4, RST.11-12.5; RST.11-12.7; RST.11-12.9 WHST.11-12.2; SL.11-12.1d; SL.11-12.3

Internet Basics 1.1.3, 1.1.7, 1.2.2, 1.2.3, 1.2.5, 1.2.6, 1.2.8, 1.3.1, 1.3.2, 1.3.3, 1.3.4

IT Basics 1.1.3, 1.1.7, 1.2.2, 1.2.3, 1.2.5, 1.2.6, 1.2.8, 1.3.1, 1.3.2, 1.3.3, 1.3.4

Web Design Process 1.1.3, 1.1.4, 1.1.5, 1.1.6, 1.1.7, 1.2.1, 1.2.2, 1.2.3 1.2.5, 1.2.6, 1.2.9, 1.2.10, 1.3.1, 1.3.2, 1.3.3, 1.3.4

Terminology 1.1.4, 1.2.1, 1.2.2, 1.2.6

Viability & Testing 1.2.1, 1.2.3, 1.2.10, 1.3.1, 1.3.2, 1.3.3, 1.3.4

http://lynda.com/

http://www.totaltraining.com/

http://highschoolwebdesign.com/

http://www.html-5-tutorial.com/

NV Content Standards &

Learner Outcomes *Highlight outcomes that align with Post-Secondary Articulation Agreement



ELA & Math


4.1.2 Explain the relationship between client and server 5.1.1 Explain the role of Hypertext Markup language (HTML) in Web development 5.1.2 Differentiate among the different forms of HTML 5.1.3 Identify HTML tags for authoring a web page document 5.1.4 Code a basic web page utilizing proper HTML document structure in a text editor 3.3.2 Determine the primary and secondary purposes of Web content 3.3.6 Evaluate existing content for Web use (e.g., images, print documents, text, video, etc.) 1.2.4 Describe the role of typography 1.2.5 Evaluate the use of white space 5.2.1 Describe the role of CSS in relation to web design 3.2.5 Identify the uses of Cascading Style Sheets (CSS) 5.2.2 Identify the structure of CSS style rules 5.2.3 Describe CSS selector types 5.2.4 Differentiate between internal, external and inline style sheets 1.3.1 Define common terminology and their acronyms 1.3.2 Communicate both written and verbally using appropriate industry terminology 3.7.2 Evaluate content for viability 4.2.4 Preview and test web pages for compatibility using various browsers and output devices 5.1.5 Identify and use online validation tools

September HTML Basics I P M

Role of HTML

Evolution of HTML

HTML Basics

HTML Coding

Purposing Content

Evaluating Content

Typography

White Space

CSS Basics

Role of CSS

Uses of CSS

CSS Structure

Selector types CSS

CSS Types

Terminology

Terminology

Communication

Viability & Testing

Viability

Compatibility

Testing

I: Introduction, P: Practice, M: Master










Introduction to Web Design Introduction to HTML5 http://highschoolwebdesign.com


Adobe Suite

HTML Basics RST.11-12.2, RST.11-12.3, RST.11-12.4, RST.11-12.5, RST.11-12.7, RST.11-12.9; WHST.11-12.1b, WHST.11-12.2, WHST.11-12.2d, WHST.11-12.4, WHST.11-12.6, WHST.11-12.7, WHST.11-12.8, WHST.11-12.9, WHST.11-12.10; L.11-12.1; L.11-12.1a; L.11-12.2b; L.11-12.3, L.11-12.4a

CSS Basics RST.11-12.2, RST.11-12.3, RST.11-12.4, RST.11-12.5, RST.11-12.7, RST.11-12.9; WHST.11-12.1b, WHST.11-12.2, WHST.11-12.2d, WHST.11-12.4, WHST.11-12.6, WHST.11-12.7, WHST.11-12.8, WHST.11-12.9, WHST.11-12.10; L.11-12.1; L.11-12.1a; L.11-12.2b; L.11-12.3, L.11-12.4a



HTML Basics 1.1.3, 1.1.4, 1.1.5, 1.1.6, 1.1.7; 1.2.1, 1.2.2, 1.2.3, 1.2.9, 1.2.10, 1.3.1, 1.3.2, 1.3.3, 1.3.4

CSS Basics 1.1.3, 1.1.4, 1.1.5, 1.1.6, 1.1.7, 1.2.1, 1.2.2, 1.2.3, 1.2.9, 1.2.10, 1.3.1, 1.3.2

Terminology 1.1.4, 1.2.1, 1.2.2, 1.2.6


http://lynda.com/








ELA & Math


4.1.2 Explain the relationship between client and server 5.1.1 Explain the role of Hypertext Markup language (HTML) in Web development 5.1.2 Differentiate among the different forms of HTML 5.1.3 Identify HTML tags for authoring a web page document 5.1.4 Code a basic web page utilizing proper HTML document structure in a text editor 3.3.2 Determine the primary and secondary purposes of Web content 3.3.6 Evaluate existing content for Web use (e.g., images, print documents, text, video, etc.) 1.2.5 Evaluate the use of white space 5.2.1 Describe the role of CSS in relation to web design 3.2.5 Identify the uses of Cascading Style Sheets (CSS) 5.2.2 Identify the structure of CSS style rules 5.2.3 Describe CSS selector types 1.3.1 Define common terminology and their acronyms 1.3.2 Communicate both written and verbally using appropriate industry terminology 3.7.2 Evaluate content for viability 4.2.4 Preview and test web pages for compatibility using various browsers and output devices 5.1.5 Identify and use online validation tools

October HTML & CSS Coding (Advanced) I P M

!DOCTYPE

Character Encoding/ASCII

Headings

Paragraphs

Block Level Elements

Inline Elements

Fonts & Font Sizes

Logical Styles

Physical Styles

Text Formatting

PRE Tag

Blockquote

Links

File Paths

Validity of Hyperlinks

Lists

Tables

Forms

Image Maps

Frames

Terminology

Terminology

Communication

Viability & Testing

Viability

Compatibility













Adobe Suite

HTML Coding (Advanced) RST.11-12.2, RST.11-12.3, RST.11-12.4, RST.11-12.5, RST.11-12.7, RST.11-12.9; WHST.11-12.1b, WHST.11-12.2, WHST.11-12.2d, WHST.11-12.4, WHST.11-12.6, WHST.11-12.7, WHST.11-12.8, WHST.11-12.9, WHST.11-12.10; L.11-12.1; L.11-12.1a; L.11-12.2b; L.11-12.3, L.11-12.4a

CSS Coding (Advanced) RST.11-12.2, RST.11-12.3, RST.11-12.4, RST.11-12.5, RST.11-12.7, RST.11-12.9; WHST.11-12.1b, WHST.11-12.2, WHST.11-12.2d, WHST.11-12.4, WHST.11-12.6, WHST.11-12.7, WHST.11-12.8, WHST.11-12.9, WHST.11-12.10; L.11-12.1; L.11-12.1a; L.11-12.2b; L.11-12.3, L.11-12.4a



HTML Coding (Advanced) 1.1.3, 1.1.4, 1.1.5, 1.1.6, 1.1.7; 1.2.1, 1.2.2, 1.2.3, 1.2.9, 1.2.10, 1.3.1, 1.3.2

CSS Coding (Advanced) 1.1.3, 1.1.4, 1.1.5, 1.1.6, 1.1.7, 1.2.1, 1.2.2, 1.2.3, 1.2.9, 1.2.10, 1.3.1, 1.3.2

Terminology 1.1.4, 1.2.1, 1.2.2, 1.2.6


http://lynda.com/








ELA & Math


3.2.4 Calculate resolution for various displays (e.g., desktop, mobile, tablet, etc.) 3.4.6 Calculate and convert images to desired sizes and resolution 3.4.1 Describe common media file formats 3.4.2 Identify appropriate software for media creation 3.4.3 Create and edit media files (e.g., sound video, graphics, multimedia) 3.4.4 Optimize media files for uploading using compression tools 3.4.5 Embed media files in a web design 1.3.1 Define common terminology and their acronyms 1.3.2 Communicate both written and verbally using appropriate industry terminology 3.7.2 Evaluate content for viability 4.2.4 Preview and test web pages for compatibility using various browsers and output devices 5.1.5 Identify and use online validation tools

November

Web Media I P M

Resolution

Image Conversion

File Formats

Media Software

Media Optimization

Embed Media Files

Terminology

Terminology

Communication

Viability & Testing

Viability

Compatibility













Adobe Suite

Web Media RI.11-12.7; WHST.11-12.6; L.11-12.6; SL.11-12.2



Web Media 1.2.3, 1.2.5, 1.2.6, 1.2.8, 1.2.9, 1.2.10, 1.3.1, 1.3.2, 1.3.3, 1.3.4

Terminology 1.1.4, 1.2.1, 1.2.2, 1.2.6


http://lynda.com/








ELA & Math


3.3.4 Create a list of keywords and descriptions (meta tags) to include in web content for search engine optimization (SEO) 3.6.2 Identify important meta tags that communicate a clear information hierarchy and keyword prominence to search engine spiders 3.6.3 List and describe best practices in content creation that foster indexing and ranking of websites 3.6.4 Describe web analytics for purposes of understanding and analyzing Web usage 3.6.5 Create a branding message that will present a professional image 1.3.1 Define common terminology and their acronyms 1.3.2 Communicate both written and verbally using appropriate industry terminology 3.7.2 Evaluate content for viability 4.2.4 Preview and test web pages for compatibility using various browsers and output devices 5.1.5 Identify and use online validation tools

December

Meta Tags I P M

Meta Tag Creation

Search Optimization

Analytics

Website Ranking

Analytics

Branding

Terminology

Terminology

Communication

Viability & Testing

Viability

Compatibility

Testing

Final Semester Assessment I: Introduction, P: Practice, M: Master












Adobe Suite

Meta Tags RST.11-12.2, RST.11-12.3, RST.11-12.5; WHST.11-12.1b, WHST.11-12.2b, WHST.11-12.4

Analytics RST.11-12.2, RST.11-12.3; RST.11-12.5 WHST.11-12.1b, WHST.11-12.2b, WHST.11-12.4



Meta Tags 1.1.4, 1.2.5, 1.2.6, 1.2.10 1.3.2, 1.3.3

Analytics 1.1.4, 1.2.5, 1.2.6, 1.2.10 1.3.2, 1.3.3

Terminology 1.1.4, 1.2.1, 1.2.2, 1.2.6


Final Semester Assessment

http://lynda.com/




Content Area: Web Design & Development I Semester 2

Curriculum Map NV Content Standards & Learner Outcomes

*Highlight outcomes that align with Post-Secondary Articulation

Agreement

Topics Covered Resources (Software, Textbook, Websites,

etc.)


ELA & Math


5.2.5 Use CSS to style and layout webpage content (e.g., box model, div layout, etc.) 5.2.6 Compare and contrast static, relative, absolute and fixed positioning 1.3.1 Define common terminology and their acronyms 1.3.2 Communicate both written and verbally using appropriate industry terminology 3.7.2 Evaluate content for viability 4.2.4 Preview and test web pages for compatibility using various browsers and output devices 5.1.5 Identify and use online validation tools

January CSS Layout I P M

Box Model

Positioning Concepts

Terminology

Terminology

Communication

Viability & Testing

Viability

Compatibility

Testing


Lynda.com (Online Tutorials)

http://lynda.com










HTML5 Tutorial (free) http://www.html-5-tutorial.com/ Adobe Suite

CSS Layout RST.11-12.2, RST.11-12.3, RST.11-12.4, RST.11-12.5, RST.11-12.7, RST.11-12.9; WHST.11-12.1b, WHST.11-12.2, WHST.11-12.2d, WHST.11-12.4, WHST.11-12.6, WHST.11-12.7, WHST.11-12.8, WHST.11-12.9, WHST.11-12.10; L.11-12.1; L.11-12.1a; L.11-12.2b; L.11-12.3, L.11-12.4a



CSS Layout 1.1.3, 1.1.4, 1.1.5, 1.1.6, 1.1.7, 1.2.1, 1.2.2, 1.2.3, 1.2.9, 1.2.10, 1.3.1, 1.3.2

Terminology 1.1.4, 1.2.1, 1.2.2, 1.2.6


http://lynda.com/





NV Content Standards & Learner Outcomes

*Highlight outcomes that align with Post-Secondary Articulation Agreement



ELA & Math



February Web Media I P M

Resolution

Image Conversion

File Formats

Media Software

Media Optimization

Embed Media Files

Terminology

Terminology

Communication

Viability & Testing

Viability

Compatibility



http://lynda.com














Web Media 1.2.3, 1.2.5, 1.2.6, 1.2.8, 1.2.9, 1.2.10, 1.3.1, 1.3.2, 1.3.3, 1.3.4

Terminology 1.1.4, 1.2.1, 1.2.2, 1.2.6


http://lynda.com/




NV Content Standards & Learner Outcomes

*Highlight outcomes that align with Post-Secondary Articulation Agreement



ELA & Math


2.2.1 Explain invasion of privacy in the use of technology 2.2.2 Model acceptable security practices 2.2.3 Analyze your personal digital footprint 2.2.4 Differentiate between secure and unsecure web protocols 2.1.1 Research laws that govern intellectual property in diverse forms 2.1.2 Evaluate Creative Commons licensure 2.1.4 Explain terms related to copyright, trademarks, and other intellectual property 2.3.1 Model legal and ethical use of information 2.3.2 Identify key elements of non-disclosure agreements (NDA) 2.3.3 Analyze content for bias 2.1.3 Cite the boundaries of third-party work 3.3.1 Discuss and differentiate voice, tone, and style as it applies to web writing 1.3.1 Define common terminology and their acronyms 1.3.2 Communicate both written and verbally using appropriate industry terminology 3.7.2 Evaluate content for viability 4.2.4 Preview and test web pages for compatibility using various browsers and output devices 5.1.5 Identify and use online validation tools

March Website Security I P M

Invasion of Privacy

Security Practices

Digital Footprint

Secure vs. Unsecure Websites

Copyright & Ethics

Intellectual Property

Creative Commons Licensure

Terminology

Legal Use of Information

NDA Agreements

Analyze for Bias

Third-Party Work

Tone in Web Writing

Terminology

Terminology

Communication

Viability & Testing

Viability

Compatibility

Testing



http://lynda.com











Website Security SL.11-12.2, SL.11-12.6; RI.11-12.1, RST.11-12.7; SL.11-12.1d, SL.11-12.2; RST.11-12.4, RST.11-12.9; SL.11-12.2

Copyright & Ethics RST.11-12.9, RI.11-12.8, WHST.11-12.7, WHST.11-12.8, RST.11-12.8



Website Security 1.1.2, 1.1.7, 1.2.2, 1.2.3, 1.2.5, 1.2.6, 1.2.8, 1.2.9, 1.3.1, 1.3.2, 1.3.3, 1.3.4

Copyright & Ethics 1.1.2, 1.1.7, 1.2.2, 1.2.3, 1.2.5, 1.2.6, 1.2.8, 1.2.9, 1.3.1, 1.3.2, 1.3.3, 1.3.4

Terminology 1.1.4, 1.2.1, 1.2.2, 1.2.6


http://lynda.com/




NV Content Standards & Learner

Outcomes *Highlight outcomes that align with Post-Secondary Articulation Agreement



ELA & Math


1.1.2 Describe the history and impact of social media 6.2.1 Evaluate the role of social media in Web development 6.2.2 Discuss current trends in social media 6.2.3 Create and implement a strategy that uses social networks to drive traffic to a website 3.5.1 Describe regional, national and international legal requirements and standards for accessibility on the web 3.5.2 Identify types of disabilities that should be considered when designing websites 3.5.3 Optimize websites to accommodate users with special needs 3.5.4 Explain website usability procedures 4.1.3 Describe the process to configure and test a web server 4.1.4 Explain common web server maintenance routines 1.3.1 Define common terminology and their acronyms 1.3.2 Communicate both written and verbally using appropriate industry terminology 3.7.2 Evaluate content for viability 4.2.4 Preview and test web pages for compatibility using various browsers and output devices 5.1.5 Identify and use online validation tools

April

Social Media I P M

History of Social Media

Role in Web Development

Current Trends

Using Social Media to Drive Traffic

Accessibility & Usability

Legal Requirements and Standards

Disabilities to Consider

Optimizing for Special Needs

Usability Procedures

Terminology

Terminology

Communication

Viability & Testing

Viability

Compatibility



http://lynda.com




by John Ulliman Date: Feb. 4, 2012 Pubisher: Infinite Skills ISBN: 9781926873855







Social Media RST.11-12.9, WHST.11-12.7, WHST.11-12.8, RST.11-12.4

Accessibility & Usability RI.11-12.8, RI.11-12.7; WHST.11-12.2

Web Server RST.11-12.3; SL.11-12.1d; SL.11-12.3



Social Media 1.1.1, 1.1.2, 1.1.3, 1.1.4, 1.1.5, 1.1.6, 1.1.7, 1.2.1, 1.2.2, 1.2.3, 1.2.5, 1.2.8, 1.2.9, 1.2.10, 1.3.1, 1.3.2

Accessibility & Usability 1.1.5, 1.3.3, 1.2.10

Web Server 1.2.1, 1.3.1, 1.3.2, 1.3.4

Terminology 1.1.4, 1.2.1, 1.2.2, 1.2.6


http://lynda.com/








ELA & Math



May

Web Media I P M

Resolution

Image Conversion

File Formats

Media Software

Media Optimization

Embed Media Files

Terminology

Terminology

Communication

Viability & Testing

Viability

Compatibility



http://lynda.com











Adobe Suite




Web Media 1.2.3, 1.2.5, 1.2.6, 1.2.8, 1.2.9, 1.2.10, 1.3.1, 1.3.2, 1.3.3, 1.3.4

Terminology 1.1.4, 1.2.1, 1.2.2, 1.2.6


http://lynda.com/








ELA & Math


6.3.1 Define cloud computing 6.3.2 Identify open source technologies relevant to cloud computing 6.3.3 Develop a website using cloud computing 1.1.1 Research career opportunities 1.3.1 Define common terminology and their acronyms 1.3.2 Communicate both written and verbally using appropriate industry terminology 3.7.2 Evaluate content for viability 4.2.4 Preview and test web pages for compatibility using various browsers and output devices 5.1.5 Identify and use online validation tools

June

Cloud Computing I P M

Cloud Computing Defined

Open Source Technologies

Cloud Computing Development

Career Opportunities

Researching Career Opportunities

Terminology

Terminology

Communication

Viability & Testing

Viability

Compatibility

Testing

Final Semester Assessment I: Introduction, P: Practice, M: Master


http://lynda.com











Adobe Suite

Cloud Computing RST.11-12.3

Career Opportunities WHST.11-12.7, WHST.11-12.8, WHST.11-12.9



Cloud Computing 1.1.3, 1.1.4, 1.1.5, 1.1.6, 1.1.7, 1.2.1, 1.2.2, 1.2.3, 1.2.9, 1.2.10, 1.3.1, 1.3.2

Career Opportunities 1.1.1, 1.2.1, 1.2.5, 1.2.6, 1.2.7, 1.2.8, 1.3.1, 1.3.2, 1.3.3, 1.3.4

Terminology 1.1.4, 1.2.1, 1.2.2, 1.2.6


Final Semester Assessment

http://lynda.com/




Web Design & Development I Semester 1 Curriculum Map

Documents

Transcript of Web Design & Development I Semester 1 Curriculum Map