Common Planner
K–12 Standards

Web Technologies: Grades 10, 11, 12

Other Arkansas CTE sets

Intro to Web Pages and the WWW

  • 1.1

    Define terminology

    1. 1.

      Prepare a list of terms with definitions1.1.1

  • 1.2

    Identify common web page elements

    1. 1.

      Examine existing web sites for any of the following:<ul><li>URL</li><li>hyperlinks</li><li>title</li><li>navigation</li></ul>1.2.1

  • 1.3

    Identify different browsers

    1. 1.

      Open existing web sites in different browsers1.3.1

  • 1.4

    Discuss HTML

    1. 1.

      View the source code of existing web sites1.4.1

    2. 2.

      Discuss the history of HTML1.4.2

  • 1.5

    Discuss XHTML

    1. 1.

      Discuss the differences between HTML and XHTML1.5.1

Create Web pages using HTML, XHTML, and CSS

  • 2.1

    Define terminology

    1. 1.

      Prepare a list of terms with definitions2.1.1

  • 2.2

    Identify parts of a basic web page

    1. 1.

      Create web pages with the following:<ul><li>Head, Title, and Body Elements</li><li>Paragraph element</li><li>Ordered, unordered or definition lists</li><li>Graphics, font styles, horizontal ruled lines</li></ul>2.2.1

  • 2.3

    Discuss ways to add navigation to a Web site

    1. 1.

      Create web pages with these navigations:<ul><li>identify elements or anchors</li><li>links between pages</li><li>pictures as links</li><li>mail to link</li><li>link to another website</li></ul>2.3.1

  • 2.4

    Describe ways to enhance a web page

    1. 1.

      Add color to the background of a web page2.4.1

    2. 2.

      Add various font styles adding color, size, font-family, etc2.4.2

    3. 3.

      Insert and format graphics2.4.3

  • 2.5

    Identify uses of image maps

    1. 1.

      Create hot spots and image maps2.5.1

  • 2.6

    Describe the importance of using tables in web design

    1. 1.

      Create tables for text and graphics2.6.1

    2. 2.

      Discuss how to layout a website using a table2.6.2

  • 2.7

    Discuss the importance of CSS

    1. 1.

      Compare/Contrast styles: Inline, Embedded, and External2.7.1

    2. 2.

      Write the code necessary to create an inline style, embedded style, and an external style sheet2.7.2

Exploring Graphics in PhotoShop

  • 3.1

    Define terminology

    1. 1.

      Prepare a list of terms with definitions3.1.1

  • 3.2

    Discuss the PhotoShop environment

    1. 1.

      Identify the parts of the environment3.2.1

  • 3.3

    Identify various methods used to obtain, edit and repair

    1. 1.

      Obtain pictures from the Internet and/or a digital camera3.3.1

    2. 2.

      Edit and repair graphics using some of these tools: layer styles, filters, eye dropper tool, blending, liquify, marquee tool, transparent backgrounds, clone stamp tool, free transform, opacity, red eye tool, and more3.3.2

  • 3.4

    Explain various color techniques

    1. 1.

      Explain the difference between RGB and CMYK3.4.1

    2. 2.

      Edit colors in a graphic3.4.2

  • 3.5

    Explain various typography

    1. 1.

      Insert and format text3.5.1

    2. 2.

      Explain why you need to rasterize text3.5.2

  • 3.6

    Discuss various formats for saving graphics

    1. 1.

      Save graphics as a GIF, JPEG, PNG and more3.6.1

    2. 2.

      Optimize graphics for the web3.6.2

  • 3.7

    Explain how to use layers

    1. 1.

      Create a graphic using multiple layers3.7.1

    2. 2.

      Flatten the graphic before saving3.7.2

  • 3.8

    Discuss types of graphics that can be created for the web

    1. 1.

      Create a graphic for use on a website, such as a banner, logo, web template, etc.3.8.1

Creating Animations in Flash

  • 4.1

    Define terminology

    1. 1.

      Prepare a list of terms with definitions4.1.1

  • 4.2

    Identify the environment

    1. 1.

      Identify many of the parts of the environment4.2.1

  • 4.3

    Describe how to insert and transform text and graphics

    1. 1.

      Add and format text using some of these: aligning, colors, size, skew, gradient and more4.3.1

    2. 2.

      Use the drawing tools to create various objects4.3.2

    3. 3.

      Resize, rotate, skew, distort and flip an object4.3.3

  • 4.4

    Describe the steps necessary to create a tween

    1. 1.

      Create a motion tween4.4.1

    2. 2.

      Create a shape tween4.4.2

  • 4.5

    Discuss reasons for symbols

    1. 1.

      Create graphic, button or movie clip symbols4.5.1

  • 4.6

    Explain different kind of actions

    1. 1.

      Write introductory level ActionScript4.6.1

  • 4.7

    Explain how to create a frame-by-frame animation

    1. 1.

      Create a frame-by-frame animation4.7.1

  • 4.8

    Explain how to create a motion guide for an object

    1. 1.

      Create a motion guide for an object and orient the object to the path4.8.1

  • 4.9

    Discuss the steps necessary to create a mask effect

    1. 1.

      Create a mask effect4.9.1

  • 4.10

    Explain different ways to add sound to a video

    1. 1.

      Add sound to a video4.10.1

  • 4.11

    Discuss why you should use scenes when creating a long movie

    1. 1.

      Create a video with multiple scenes4.11.1

  • 4.12

    Describe how to publish and export a movie

    1. 1.

      Publish a video using several different options4.12.1

    2. 2.

      Export a video4.12.2

Understanding Sound

  • 5.1

    Define terminology

    1. 1.

      Prepare a list of terms with definitions5.1.1

  • 5.2

    Discuss audio and audio formats

    1. 1.

      Locate and play various different sound files5.2.1

    2. 2.

      Record sound using a sound recorder5.2.2

  • 5.3

    Explain how to edit music files

    1. 1.

      Open or import music files and edit them using an audio editor5.3.1

    2. 2.

      Use various editing techniques such as fade in/fade out, cut or razor, and other audio effects5.3.2

  • 5.4

    Explain ways to save audio files

    1. 1.

      Save audio files in different formats5.4.1

Editing Video

  • 6.1

    Define terminology

    1. 1.

      Prepare a list of terms with definitions6.1.1

  • 6.2

    Discuss video and video formats

    1. 1.

      Obtain videos from the Internet, other sources, and/or a digital camcorder6.2.1

    2. 2.

      Explain each of these formats: AVI, MPEG, MOV, RAM, OR WMV6.2.2

  • 6.3

    Explain the difference between linear and nonlinear

    1. 1.

      Compare/Contrast linear and nonlinear6.3.1

  • 6.4

    Explain how to edit video files

    1. 1.

      Open or import video files and edit them using a video editor6.4.1

    2. 2.

      Use various editing techniques: video effects, transitions, razor, slow motion, and others6.4.2

  • 6.5

    Explain ways to save video files

    1. 1.

      Save video in different formats6.5.1

Planning and Designing a Successful Web Site

  • 7.1

    Define terminology

    1. 1.

      Prepare a list of terms with definitions7.1.1

  • 7.2

    Identify website requirements needs

    1. 1.

      Identify the purpose, audience, and audience needs for the website7.2.1

    2. 2.

      Discuss web page content that is relevant to the website purpose and appropriate for target audience7.2.2

    3. 3.

      List reasons for copyright laws7.2.3

    4. 4.

      Demonstrate knowledge of website accessibility standards7.2.4

    5. 5.

      Make website development decisions based on analysis and interpretation of design specifications7.2.5

    6. 6.

      Understand project management tasks and responsibilities7.2.6

  • 7.3

    Demonstrate best practices for designing a website

    1. 1.

      Discuss the best practices for designing a website including the following: maintaining consistency separating content from design, visual hierarchy, font decisions, web-safe colors, and more7.3.1

  • 7.4

    Discuss the importance of testing websites

    1. 1.

      Produce website designs that work equally well on various operating systems7.4.1

    2. 2.

      Produce website designs that work equally well on various browsers7.4.2

    3. 3.

      Produce website designs that work equally well with various resolutions and window sizes7.4.3

  • 7.5

    Identify good page layout design concepts and principles

    1. 1.

      Discuss good page layout design concepts and design7.5.1

    2. 2.

      Develop a site concept and site metaphor7.5.2

  • 7.6

    Discuss usability, readability, and accessibility needs in the website plan

    1. 1.

      Incorporate basic usability, readability, and accessibility principles into a website design7.6.1

  • 7.7

    Demonstrate tools to help organize a website

    1. 1.

      Demonstrate knowledge of flowcharts, storyboards, and wireframes7.7.1

    2. 2.

      Demonstrate knowledge of a site map or index7.7.2

  • 7.8

    Demonstrate communication of design and content plans with other

    1. 1.

      Present your design and content plans to others7.8.1

Adding Content to a Website using Dreamweaver

  • 8.1

    Define terminology

    1. 1.

      Prepare a list of terms with definitions8.1.1

  • 8.2

    Identify the parts of the environment

    1. 1.

      Identify various windows, views, panels and toolbars8.2.1

  • 8.3

    Describe how to create a site

    1. 1.

      Create a local root folder8.3.1

    2. 2.

      Create a site definition8.3.2

    3. 3.

      Create and save an index page8.3.3

  • 8.4

    Identify ways to add and format text

    1. 1.

      Add text to a web page8.4.1

    2. 2.

      Add various formatting options to text8.4.2

    3. 3.

      Format and create text using lists--unordered, ordered, or definition8.4.3

  • 8.5

    Identify ways to insert and format images

    1. 1.

      Insert and format graphics with alternative text8.5.1

    2. 2.

      Add borders to graphics8.5.2

    3. 3.

      Set the vertical or horizontal spacing to images8.5.3

  • 8.6

    Identify ways to link web content

    1. 1.

      Create links using text and images8.6.1

    2. 2.

      Create email links8.6.2

    3. 3.

      Create anchors8.6.3

    4. 4.

      Compare/Contract absolute and relative paths8.6.4

  • 8.7

    Explain how to insert rich media

    1. 1.

      Insert video, sound and animation into a website8.7.1

  • 8.8

    Discuss ways to add navigation to a website

    1. 1.

      Create at least one of these navigation structures: navigaton bars, rollover images, objects, buttons created in Fireworks OR Spry menu bars8.8.1

  • 8.9

    Discuss uses of image maps

    1. 1.

      Create hotspots and image maps on a webpage8.9.1

  • 8.10

    Discuss uses of tables in websites

    1. 1.

      Import a table into a web page8.10.1

    2. 2.

      Create and format tables on a web page using some of these features: merge, split, header, cell padding, cell spacing, and borders8.10.2

    3. 3.

      Use tables for web page layout8.10.3

  • 8.11

    Explain how to import a document

    1. 1.

      Import a document8.11.1

    2. 2.

      Import a document8.11.2

  • 8.12

    Explain how to add a form to a web page

    1. 1.

      Create and format a form using some of these form features: text fields, checkbox, radio button, list menu, etc.8.12.1

  • 8.13

    Discuss dynamic web pages

    1. 1.

      Explore how to make a web site dynamic8.13.1

Organizing Content using Dreamweaver

  • 9.1

    Define terminology

    1. 1.

      Prepare a list of terms with definitions9.1.1

  • 9.2

    Discuss web page layout

    1. 1.

      Differentiate between fixed-width, liquid, and elastic layouts9.2.1

    2. 2.

      Create web pages using various layout absolutely-positioned div tags CSS tables wrapper/container div tags9.2.2

  • 9.3

    Discuss web page templates

    1. 1.

      Create a web site using one of the templates9.3.1

    2. 2.

      Create and modify a web page template9.3.2

  • 9.4

    Discuss the importance of making a web page visible to search engines

    1. 1.

      Create appropriate meta tags for a website9.4.1

Evaluating and Maintaining a Site by Using Dreamweaver

  • 10.1

    Define terminology

    1. 1.

      Prepare a list of terms with definitions10.1.1

  • 10.2

    Identify basic technical tests

    1. 1.

      Use various technical tests on a website10.2.1

  • 10.3

    Identify techniques for basic usability tests

    1. 1.

      Use some of these tests: Accessibility report, check for missing alternate text10.3.1

  • 10.4

    Identify methods for collecting site feedback

    1. 1.

      Collect site feedback from various sources10.4.1

  • 10.5

    Manage assets, links, and files for a site

    1. 1.

      Use some of these tests on a website: check for broken links, orphaned files, check links sitewide, untitled documents, web-safe colors, site map, validating markup and more10.5.1

  • 10.6

    Discuss steps necessary to publish a web site

    1. 1.

      Identify steps necessary to publish a website10.6.1

    2. 2.

      Explain the difference between uploading and downloading10.6.2

    3. 3.

      Explain what it means to synchronize files10.6.3

  • 10.7

    Explain ways to manage a website with a team

    1. 1.

      Explain checking in/out files10.7.1

Frequently asked questions

What grade levels do these standards cover?
Grade 10, Grade 11, and Grade 12
When were these standards adopted?
2013
Where can I read the official document?
Web Technologies

Keep exploring

Keep exploring CTE standards

Sibling grade bands, other subjects in this jurisdiction, and the same subject across other states.

More Arkansas CTE sets

CTE