|
What are the foundational elements of HTML and style sheets?
How can I use these to create my web product?
When to use images? What are the advantages and disadvantages?
What are style sheets? What benefits do the bring to the design table?
How do I manage large CSS projects? Can CSS be dynamic?
|
Web Tools
Compare and contrast client-side and server-side technologies
Identify technologies to enhance user experience
In publishing a website, describe the various means for uploading website files such as: FTP and web-based tools
Identify issues related to website maintenance
Use webpage validation tools
Use GUI (Graphical User Interface) web authoring software to create a multi-page informational website
Enhance a website using client-side technologies
Use templates and snippets to demonstrate efficient and consistent web site development practice
Web Content and HTML
HTML as a format to communicate the way content is structured on a web page
Write HTML directions using opening and closing tags to categorize content
Use header tags to change the appearance of text on a web page
Structure content into headers, sub-headers, and paragraphs
Use HTML commands/tags to create ordered and unordered lists
Add an image to a web page
Connect multiple web pages into one website using hyperlinks
Style text elements within HTML with CSS
Create and link to an external style sheet
Explain the differences between HTML and CSS in both use and syntax
Use CSS properties to change the size, position, and borders of elements
Create a CSS rule-set for the body element that impacts all elements on a web page
Usage Guidelines
Determine formatting types, sizes, and appropriateness for image selection
Compare and contrast image formats commonly used in webpage design
Incorporate graphics into a webpage design
Use of CSS
Compare and contrast existing and emerging CSS versions
Determine browser support for existing and emerging CSS versions
Explain "document flow" and describe its implications on web design
Use element, ID, class, pseudo-class, and descendant selectors
Explain how inheritance and specificity affect CSS rule conflicts
Use inline styles, embedded style sheets, and external style sheets
Use the link and import methods to connect to an external style sheet
Use CSS shorthand techniques to create efficient and concise style sheets
Apply basic CSS properties, including:background, border, clear, color, float, font, height, line-height,
list-style, margin, overflow, padding, position, text-align, text-indent, width, z-index,and padding
Use CSS to style tables, including: borders, width, spacing, alignment, and background
Use CSS to enhance the appearance and functionality of an XHTML form
|
Demonstrates Understanding in:
Website Planning & Construction
Incorporating Design Elements
Reusable Code Assets
Code Type Via Syntax
Large Web Application Planning
Website Optimization
Formatting vs, Imagery
Advanced CSS Techniques
Dynamic CSS Management
Fluid vs. Fixed Layouts
Compatibility Issues
Full Site Design via CSS
CSS Inheritance
Mastering CSS Inspection Tools
|
| Projects & Activities (CDOS -3b) |
Large Projects Including
Author Created Websites
Client Managed Business Web Project
to include:
Web Mapping
Blog Design & Development
Image Gallery
Contact Forms
Compartmental Navigation
Guestbook/Online Register
|
| Assessment Strategies (CDOS -3b) |
|
Common Core:
Literacy in Technical Subjects (CDOS -2) |
|
Common Core:
Program Approved
Academic Area (CDOS -2) |
|
| CFM Connection (CDOS -1,2,3a,3b) |
CM5. Career Readiness Skills (1,5,9) |
| 21st Century Skills (CDOS-3a) |
|
| Technical /Pathway Assessment Standards (CDOS -3b)
3b Career Majors -
(2) Business-Related Technology
(3) Information Management/Communication
(6) Interpersonal Dynamics
STANDARD 3
Cascading Style Sheets (CSS): Students will format web pages using CSS
Objective 1 Apply CSS to your website.
1. Apply CSS to an element using an inline style. (An inline style may be used to
apply a unique style for a single element.)
2. Apply CSS to a webpage using an internal style. (Internal style rules may be
used to uniquely style a single page.)
3. Apply CSS to a website using an external stylesheet. (Best Coding Practice -
One file changes the entire website.)
Objective 2 Apply essential syntax & CSS box model.
1. Add style rule, declaration, selector, property value pair. Use correct css
syntax :
Objective 3 Students will format web pages using CSS
1. Modify background properties such as: color and image.
2. Modify font properties such as: font-family, size, and color.
3. Modify border properties such as: width, style, and color.
4. Implement tags, id, & classes to modify an HTML element.
5. Implement an id selector to modify a single element on the page.
6. Implement selectors a: link, a:visited, a:active a:hover
Objective 4 Format page layout using CSS.
1. Use width, height, or auto to adjust the size.
2. Use absolute and static to position elements.
STANDARD 4
Site Planning: Students will plan, design, implement, and maintain website(s)
Objective 1 Analyze Project requirements.
1. Identify the purpose and audience for a website.
2. Identify basic principles of website usability, readability, and accessibility.
1. Usability: Cross browser compatibility.
2. Readability: contrast, size, font, and color.
3. Accessibility standards that address the needs of people with visual
and motor impairments, such as using alt tags, strong instead of bold,
etc.
3. Identify and follow steps in the website planning and development process.
Objective 2 Users are the focus of all design.
1. Design elements are easy to access, understand, and use.
2. Keep the interface simple, create consistency, use common UI elements,
placement in page layout, strategically use color and texture, use typography
to help increase scannability, legibility and readability, and inform your users
of location, actions, or errors.
1. Input Controls: buttons, text fields, checkboxes, radio buttons,
dropdown lists
2. Navigational Components: breadcrumb, slider, search field, icons
3. Informational Components: tooltips, icons, progress bar, notifications,
message boxes
3. Plan a website by using sketches, wireframe, or site maps
|
|