Webpage+Design

This course prepares students with work-related skills for advancement into postsecondary education or industry. Course content includes exposure to basic Web design. The course content provides students the opportunity to acquire fundamental skills in both theory and practical application of Web design. Laboratory facilities and experiences simulate those found in the Web page design and Web page construction industry. ** Bloom’s Taxonomy Level ** || ** Standard and Examples ** || Analysis || Examples: || Application || Examples: || Analysis ||  Examples: * || Evaluation ||  Examples: * || Evaluation || Examples: * || ** Bloom’s Taxonomy Level ** || ** Standard and Examples ** || Analysis || Examples: * || Analysis || Examples: * || Evaluation || Examples: * || Analysis || Examples: * || ** Bloom’s Taxonomy Level ** || ** Standard and Examples ** || Comprehension || Examples: || <span style="background: lime; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: lime;">Evaluation || Examples: <span style="font-size: 12pt; font-family: 'Times New Roman'; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;">* || <span style="font-size: 16pt; font-family: 'Times New Roman'; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;"> ** Bloom’s Taxonomy Level ** || ** Standard and Examples ** || Synthesis || Examples: <span style="font-size: 12pt; font-family: 'Times New Roman'; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;">* || <span style="background: lime; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: lime;">Evaluation || Examples: <span style="font-size: 12pt; font-family: 'Times New Roman'; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;">* || Application || Examples: || Synthesis || Examples: || <span style="background: lime; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: lime;">Evaluation || Examples: || Synthesis || Examples: || || ** Bloom’s Taxonomy Level ** || ** Standard and Examples ** || <span style="background: lime; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: lime;">Evaluation || Examples: || <span style="background: lime; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: lime;">Evaluation || Examples: || Application || Examples: || Synthesis || Examples: || <span style="font-size: 16pt; font-family: 'Times New Roman'; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;"> ** Bloom’s Taxonomy Level ** || ** Standard and Examples ** || Analysis || Examples: || Analysis || Examples: || Evaluation || Examples: <span style="font-size: 12pt; font-family: 'Times New Roman'; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;">* ||
 * Website Design **
 * Rationale Statement **** : **
 * Suggested grade level: 10 to 12 **
 * Topics covered: **
 * ** Vocabulary **
 * ** Web browsing **
 * ** Web site structure **
 * ** HTML **
 * ** Navigation **
 * ** Editing **
 * ** Graphics **
 * ** Tags **
 * ** Hyperlinking **
 * Indicator #1: **** Students will demonstrate knowledge of the Internet and various terms, tools, and utilities associated with the World Wide Web ( **** WWW **** ) and markup languages ** ||
 * Indicator #1: **** Students will demonstrate knowledge of the Internet and various terms, tools, and utilities associated with the World Wide Web ( **** WWW **** ) and markup languages ** ||
 * WD1.1 Students will be able to ** **analyze vocabulary words and acronyms that are unique to the World Wide Web.**
 * Evaluate methods used or actions taken to design Web sites and assign the appropriate term.
 * Given a pre-constructed Web page, students will correctly define the tags and evaluate the techniques used.
 * WD1.2 Students will be able to **** set up and uses common Web browsing software to navigate the Internet. **
 * Comprehend and discuss the difference between File Transfer Protocol and HyperText Transfer Protocol.
 * Query and use Internet search engines to obtain specified results.
 * <span style="background: lime; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: lime;">WD1.3 Students will be able to **** differentiate between relative and absolute uniform resource locators (URL). **<span style="background: lime; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: lime;">
 * <span style="background: lime; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: lime;">WD1.4 Students will be able to **** study advance web sites and evaluates technologies used in Web site construction. **
 * <span style="background: lime; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: lime;">WD1.5 Students will be able to ** **evaluate and apply standard path/file name structure.**
 * Indicator #2: **** Students will analyze variations of markup languages. ** ||
 * Indicator #2: **** Students will analyze variations of markup languages. ** ||
 * WD2.1 Students will be able to ** **analyze a Web site structure.**
 * WD2.2 Students will be able to **** distinguish between the Web site layout and individual page layouts. **
 * WD2.3 Students will be able to **** evaluate storyboarding to illustrate/plan a Web site layout. **
 * WD2.4 Students will be able to **** analyze navigation concepts to guide the user experience, including a navigation hierarchy, navigation conventions, and guided navigation. **
 * Indicator #3: **** Students will plan and develop Web site structure and design. ** ||
 * WD3.1 Students will be able to c **** omprehend HTML (Hypertext Markup Language). **
 * <span style="background: yellow; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: yellow;">
 * WD3.2 Students will be able to **** evaluate markup languages other than HTML. **
 * Indicator #4: Students will evaluate and modify markup language documents. ** ||
 * Indicator #4: Students will evaluate and modify markup language documents. ** ||
 * <span style="font-size: 12pt; color: windowtext; font-style: normal; font-family: 'Times New Roman'; mso-bidi-font-style: italic;">WD4.1 Students will be able to create a coherent site to aid in navigation and map the site to audience expectations. **
 * WD4.2 Students will be able to evaluate procedures for planning, writing, editing, linking, and printing markup language. **
 * <span style="font-size: 12pt; color: windowtext; font-style: normal; font-family: 'Times New Roman'; mso-bidi-font-style: italic;">WD4.3 Students will be able to brainstorm audience usability concerns and create a navigation action plan. **
 * <span style="font-size: 12pt; color: windowtext; font-style: normal; font-family: 'Times New Roman'; mso-bidi-font-style: italic;">WD4.4 Students will be able to create a navigation action plan. **
 * <span style="font-size: 12pt; color: windowtext; font-style: normal; font-family: 'Times New Roman'; mso-bidi-font-style: italic;">WD4.5 Students will be able to evaluate site implementation factors, including appropriate technologies, development time and available customer bandwidth. **
 * WD4.6 Students will be able to conduct a Web usability test, including page download times. **
 * Indicator #5: **** Students will evaluate Web page construction. **
 * WD5.1 Students will be able to **** evaluate the importance of effective Web page layout, including proper use of color (e.g., the browser-safe colors) and fonts in Web page design. **
 * <span style="background: yellow; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: yellow;">
 * WD5.2 Students will be able to **** evaluate the concept of graphic images in Web design. **
 * <span style="background: yellow; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: yellow;">
 * WD5.3 Students will be able to **** manipulate white space, borders, and alignments to enhance the layout and look of a Web page **
 * <span style="background: yellow; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: yellow;">
 * WD5.4 Students will be able to **** create, organize, and manipulate tables using the appropriate HTML tags and other markup language tags. **
 * <span style="background: yellow; font-family: 'Times New Roman'; mso-bidi-font-size: 12.0pt; mso-highlight: yellow;">
 * Indicator #6: Students will organize and connect multiple Web documents that use hyperlinks, anchors, and bookmarks. ** ||
 * Indicator #6: Students will organize and connect multiple Web documents that use hyperlinks, anchors, and bookmarks. ** ||
 * <span style="font-size: 12pt; color: windowtext; font-style: normal; font-family: 'Times New Roman'; mso-bidi-font-style: italic;">WD6.1 Students will be able to compare and contrast internal and external hyperlinks. **
 * WD6.2 Students will be able to brainstorm the use of internal Uniform Resource Locators (URL) relative to document and object location within the Web site. **
 * <span style="font-size: 12pt; color: windowtext; font-style: normal; font-family: 'Times New Roman'; mso-bidi-font-style: italic;">WD6.3 Students will be able to evaluate the procedures used to install bookmarks and anchors to easily navigate within large complex documents. **<span style="font-size: 12pt; color: windowtext; font-style: normal; font-family: 'Times New Roman'; mso-bidi-font-style: italic;">