SDF Web Design - Arch Ford Education Service Cooperative

Document Sample
SDF Web Design - Arch Ford Education Service Cooperative Powered By Docstoc
					                                                              Arch Ford/Northwest Arkansas Ins
                                                                   Site Development Foundation
        AR Department of Workforce Education

 CONTENT STANDARD/
                           Objective / Task Analysis
     Knowledge

                                                          Unit 1: Introduction to Web Site D
1. Enduring Understanding - Introduction to Web Site Development

1a. Essential Vocabulary - Americans with Disabilities Act (ADA), Back end, Bandwidth, Ch
Language (XHTML), Flat file database, Front end, Graphical User Interface (GUI), GUI Editor
Image map, Java Database Connectivity (JDBC),
Mailing list server, Markup language, Microsoft Open Database Connectivity (ODBC), Multip
oriented database, Relational database, Section 508 of Rehabilitation Act, Spam, Structured
Guidelines (WCAG), Wiki , Wireless Application Protocol (WAP), Wireless Markup Language

1.1 Define terminology    1.1.1 Prepare a list of terms
                          with definitions
1.2 Identify technologies for   1.2.1 Analyze the uses and
enhancing the user's Web        benefits of various
experience, including:          document and multimedia
programming languages,          file formats, including: PDF,
multimedia technologies         RTF, PostScript, EPS,
                                MOV, MPEG, streaming
                                media, non-streaming
                                media
                                1.2.2 Examine the following
                                Web-related mechanisms
                                for audience development
                                (i.e., attracting and retaining
                                an audience): push
                                technology, pull technology,
                                visitor tracking
                                1.2.3 Identify common
                                proprietary Web site and
                                page enhancement
                                elements, including:
                                Macromedia Flash and
                                Shockwave
                                1.2.4 Evaluate the benefits
                                and drawbacks of
                                proprietary technologies
1.3 Identify essential Web      such as Flash, Shockwave,
                                1.3.1 Test and validate
site navigation issues, and     movie formats
                                Web documents
ensure page/site                1.3.2 Estimate download
accessibility                   time for Web pages

1.4 Demonstrate                 1.4.1 Examine Gateway
knowledge of languages          Interface (CGI) methods,
commonly used to provide        including: .Net, JavaServer
database connectivity to        Pages (JSP), Server-Side
Web sites                       JavaScript (SSJS), Active
                                Server Pages (ASP), PHP
                                Hypertext Preprocessor
                                (PHP)
                                1.4.2 Compare the
                                relationship of SQL to
                                Internet-enabled databases
                                1.4.3 Compare database
                                connectivity technologies,
                                including: Open Database
                                Connectivity (ODBC), Java
                                Database Connectivity
                                (JDBC)
                                                                  Unit 2: Site Development Ess
2. Enduring Understanding - Site Development Essentials
2a. Essential Vocabulary - Application Service Provider (ASP), Client, Document Type Defin
Markup Language (XML), Extensible Stylesheet Language (XSL), HTML, HTML 4.01 flavors,
Agreement (NDA), Site map, Standard Generalized Markup Language (SGML), Tags, Troll, T
formed document
2.1 Define terminology      2.1.1 Prepare a list of terms
                            with definitions




2.2 Identify steps in the   2.2.1 Demonstrate the
Web site planning and       impact of color
development process         combinations to various
                            audiences and culture
                            2.2.2 Evaluate Web page
                            design and layout
                            2.2.3 Document and
                            communicate a Web site
                            plan to technical and non-
                            technical members of the
                            organization
                            2.2.4 Categorize
                            fundamentals of project
                            management, including:
                            major stages of Web design/
                            development project cycle
2.3 Identify essential Web    2.3.1 Verify compliance
site navigation issues, and   with government and
ensure page/site              industry accessibility
accessibility                 standards, including: W3C
                              Web Accessibility Initiative
                              (WAI), U.S. Government
                              Section 508, Americans
                              with Disabilities Act (ADA)
                              2.3.2 Verify Web site
                              usability, viewability and
                              browser compatibility
                              2.3.3 Address diversity and
                              corporate/organizational
                              culture when
                              communicating your
                              message
                              2.3.4 Analyze legal issues
                              related to a Web site,
                              including: trademarking,
                              licensing, copyrighting,
                              licensing copyrighted
                              materials, scope of
                              copyright, reach of
                              copyright, copyrighting
                              process, copyright
                              infringement and
                              consequences
                                                              Unit 3: XHTML Coding Ba
3. Enduring Understanding - XHTML Coding Basics

3a. Essential Vocabulary - <!--comment text here-->, <!DOCTYPE> tag, <body> tag, <br/>, <d
em> or <i> </i>, <h1> </h1>, <head> tag, <html> tag, <link> tag, <meta> tags, <p> </p>, <stron
Attribute, Block-level element, Cascading Style Sheets (CSS), Container tags, Element, Emp
Rule, Selector, Text-level element, Three parts of tag, Types of tags, Unordered list <ul> </ul

3.1 Define terminology        3.1.1 Prepare a list of terms
                              with definitions
3.2 Demonstrate             3.2.1 Relate the history of
knowledge required to       markup languages to
create a Web page           current techniques and
                            technologies, including:
                            SGML, previous versions of
                            HTML and XML
                            3.2.2 Classify the format
                            and various versions of
                            HTML, including: HTML
                            4.01, Extensible HTML
                            (XHTML)
                            3.2.3 Create HTML tags to
                            format paragraphs and text
                            3.2.4 Explain the use of
                            cascading style sheets
                            (CSS)
                                                            Unit 4: Coding Graphic Elem
4. Enduring Understanding - Coding Graphic Elements

4a. Essential Vocabulary - <font>, <hr/>, <map>, Align attribute, Align attribute (image), Alt, A
89a and PNG, GIF and PNG, Hexidecimal code, Image interlacing, Image map, Interlacing, JP
Width attribute
4.1 Define terminology      4.1.1 Prepare a list of terms
                            with definitions




4.2 Identify steps in the   4.2.1 Apply the Web-safe
Web site planning and       color palette
development process
4.3 Add images and          4.3.1 Incorporate graphical
graphical formatting to     images into HTML pages
HTML files                  4.3.2 Compare the uses
                            and benefits of various
                            graphic file formats,
                            including: GIF, GIF89a,
                            JPEG, PANG, TIFF, and
                            BMP
                            4.3.3 Create lines, colors
                            and tiled background
                            images in HTML
                                                                      Unit 5: Hyperlinks (6
5. Enduring Understanding - Hyperlinks
5a. Essential Vocabulary - <a>, Absolute URL (fully qualified), External hyperlink, Internal lin
5.1 Define terminology    5.1.1 Prepare a list of terms
                          with definitions




5.2 Demonstrate           5.2.1 Create HTML
knowledge required to     hyperlinks for text, images,
create a Web page         local files and remote sites
                          (internal and external links)
                          5.2.2 Create and link client-
                          side image maps


                                                                        Unit 6: Tables (6 h
6. Enduring Understanding - Tables

6a. Essential Vocabulary - <caption>…</caption>, <table>…</table>, <td>…</td>, <th>…</th
Cellspacing attribute, Colspan attribute, Height attribute, Rowspan attribute, Style attribute,

6.1 Define terminology    6.1.1 Prepare a list of terms
                          with definitions




6.2 Demonstrate           6.2.2 Design and format
knowledge required to     HTML tables to present
create a Web page         information in an organized
                          way
                                                                     Unit 7: Web Forms (
7. Enduring Understanding - Web Forms

7a. Essential Vocabulary - <form>…</form>, <input>, <select>, <textarea>, Cient-side script
side script, type="checkbox", type="file", type="radio", type="reset" or "submit", type="tex
7.1 Define terminology    7.1.1 Prepare a list of terms
                          with definitions




7.2 Demonstrate           7.2.1 Create HTML tags for
knowledge required to     Web form fields (e.g., text
create a Web page         box, check box, radio
                          button)
                                                                  Unit 8: Frames (4 h
8. Enduring Understanding - Frames
8a. Essential Vocabulary - Dynamic, Frame, Frameset document
8.1 Define terminology    8.1.1 Prepare a list of terms
                          with definitions




8.2 Create HTML frames    8.2.1 Explain the purpose
and a form that accepts   and use of the <frame>,
user input                <frameset>, <noframe>,
                          and <iframe>
                          8.2.2 Create code to target
                          HTML frames
                          8.2.3 Create borderless
                          HTML frames
                                                            Unit 9: GUI HTML Edito
9. Enduring Understanding - GUI HTML Editors
9a. Essential Vocabulary - File transfer protocol, What You See Is What You Get (WYSIWYG
9.1 Define terminology     9.1.1 Prepare a list of terms
                           with definitions




9.2 Discuss uses of GUI-   9.2.1 Evaluate a GUI HTML
based HTML editing         editor according to the W3C
software to create Web     Authoring Tool Accessibility
pages                      Guidelines
                           9.2.2 Use font and page
                           appearance options in a GUI
                           HTML editor
                           9.2.3 View source code and
                           preview Web pages in a
                           browser
                           9.2.4 Create HTML tables
                           using a GUI HTML editor
                                                           Unit 10: Advanced Web Techn
10. Enduring Understanding - Advanced Web Technologies

10a. Essential Vocabulary - Active Server Pages (ASP), Application Service Provider (ASP)
(DHTML), If/Then, Java, JavaScript, PHP Hypertext Preprocessor (PHP), Practical Extraction

10.1 Define terminology    10.1.1 Prepare a list of
                           terms with definitions
10.2 Identify the benefits   10.2.1 Investigate costs
and drawbacks of running     associated with placing and
your own Web server          developing your own server
versus using a service       versus an Application
provider                     Service Provider
                             10.2.2 Distinguish among
                             dedicated hosting, co-
                             location and virtual servers
                             10.2.3 Examine relevant
                             information required to
                             publish a site (e.g., account
                             information, passwords, IP
                             addresses
                                                             Unit 11: E-Commerce Prac
11. Enduring Understanding - E-Commerce Practices

11a. Essential Vocabulary - Business-to-Business (B2B), Business-to-Consumer (B2C), Di
Enterprise resource planning, Open Buying on the Internet (OBI), Order tracking, Secure El

11.1 Define terminology      11.1.1 Prepare a list of
                             terms with definitions
11.2 Define electronic          11.2.1 Relate e-commerce
commerce (e-commerce)           terms and concepts,
and related technologies        including: EDI, business-to-
and concepts necessary to       business (B2B), business-
develop a secure, useful        to-consumer (B2C),
interface, (i.e., storefront)   Electronic Funds Transfer,
                                Electronic Data Interchange
                                (EDI), Open Trading
                                Protocol (OTP), merchant
                                systems, relationship
                                management, customer self-
                                service, Internet marketing,
                                SET (Secure Electronic
                                Transactions)
                                11.2.2 Compare payment
                                models used in e-
                                commerce, including
                                payment gateways
                                11.2.3 Illustrate the
                                importance of SSL/TLS to a
                                transaction that contains
                                sensitive information
               Arch Ford/Northwest Arkansas Instructional Alignment
                    Site Development Foundation - Web Design
                                                                                      Additional
                              Geometry / Literacy Task Analysis
                                                                                     Vocabulary



         Unit 1: Introduction to Web Site Development (6 hours)
n to Web Site Development

ith Disabilities Act (ADA), Back end, Bandwidth, Child Online Protection Act (COPA), Cookie, Extensib
ont end, Graphical User Interface (GUI), GUI Editors, HTTP 404-File Not Found error, Hypertext Marku
(JDBC),
rosoft Open Database Connectivity (ODBC), Multipurpose Internet Mail Extensions (MIME), Non-relati
Section 508 of Rehabilitation Act, Spam, Structured Query Language (SQL), Text editor, User agent, W
cation Protocol (WAP), Wireless Markup Language (WML)

         1.1.1 *Define specialized vocabulary                                        glossary
         *Identify examples of specialized vocabulary in text                        dictionary
         *Use specialized vocabulary                                                 thesaurus

         1.1.1 *Use reference materials including glossary, dictionary, thesaurus,
         and available technology to determine precise meaning and uses of
         words

         1.1.1 *Use reference materials including glossary, dictionary, thesaurus,
         and available technology to facilitate and extend learning
              Unit 2: Site Development Essentials (6 hours)
pment Essentials
ervice Provider (ASP), Client, Document Type Definition (DTD), Extensible Hypertext Markup Langua
lesheet Language (XSL), HTML, HTML 4.01 flavors, Hyperlinks, Internet Service Provider (ISP), Metala
eneralized Markup Language (SGML), Tags, Troll, Trouble ticket, Web site publishing requirements, X


          2.1.1 *Define specialized vocabulary                                         glossary
          *Identify examples of specialized vocabulary in text                         dictionary
          *Use specialized vocabulary                                                  thesaurus

          2.1.1 *Use reference materials including glossary, dictionary, thesaurus,
          and available technology to determine precise meaning and uses of
          words

          2.1.1 *Use reference materials including glossary, dictionary, thesaurus,
          and available technology to facilitate and extend learning
          2.2.3                                                                        salutation
          *create work-related dcouments such as proposals, project plans, and         format
          letters, including letters for employment that                               purpose
          -follow a customary format, including proper salutation, closing, and        audience
          signature and create predictable structures through the use of headings,     tone
          white space, and graphics                                                    style
          -address audience needs, stated purpose and context                          compare/
          -provide clear, puposeful information that includes relevant infomration     contrast
          and excludes extraneous information                                          analyze
          -use appropriate vocabulary, tone, and style                                 scenario
          -use appropriate strategies, such as providing facts and details,            jargon
          describing and analyzing the subject, explaining benefits or limitations,    voice
          comparing or contrasting, and providing a scenario to illustrate
                                                                                       anticipate
          2.2.3                                                                        extraneous
          *create a variey of work-related documents such as proposals, project        information
          plans, biographical/personal statement, resume and letters, including        technical
          cover letters and letters of recommendation that                             language
          -follow a customary format, including proper salutation, closing and         resume
          signature
          -create structurethrough the use of headings, white space, and graphics
          -address audience needs, stated purpose, and context
          -provide clear and purposeful information and exclude extraneous
          information (translates technical language into non-technical English)
          -use appropriate vocabulary, tone, and style
          -use approprate strategies, such as providing facts and details,
          describing and analyzing the subject, explain the benefits or limitations,
          comparing or contrastind, and providing a scenario to illustrate
          -anticpate potential problems, mistakes, and misunderstandings that
          might arise for the reader
           2.3.4                                                                       plagiarism
           *Understand plagiarism                                                      ethics
           *Know the methods of avoiding plagiarism (i.e., direct quotations and       genre
           documenting, paraphrasing)                                                  critique
           *understand the ethical implications of plagiarism beyond the classroom     purpose
                                                                                       audience
           2.3.4
           *demonstrate an awareness of plagiarism laws while editing written work
           and avoid plagiarism

           2.3.3
           *analyze choice of genre appropriate to purpose and audience
           *evaluate how well genre addresses purpose and audience




                     Unit 3: XHTML Coding Basics (6 hours)
ding Basics

text here-->, <!DOCTYPE> tag, <body> tag, <br/>, <div align="center"> This text is centered </div>, <di
<html> tag, <link> tag, <meta> tags, <p> </p>, <strong> </strong> or <b> </b>, <title> tag, <u> </u>, Alter
g Style Sheets (CSS), Container tags, Element, Empty tag, Fixed-width font, List item <li> </li>, Ordered
 parts of tag, Types of tags, Unordered list <ul> </ul>, Value, Value

           3.1.1 *Define specialized vocabulary                                        glossary
           *Identify examples of specialized vocabulary in text                        dictionary
           *Use specialized vocabulary                                                 thesaurus

           3.1.1 *Use reference materials including glossary, dictionary, thesaurus,
           and available technology to determine precise meaning and uses of
           words

           3.1.1 *Use reference materials including glossary, dictionary, thesaurus,
           and available technology to facilitate and extend learning
                 Unit 4: Coding Graphic Elements (6 hours)
phic Elements

<map>, Align attribute, Align attribute (image), Alt, Animation, Bitmap (raster), Dithering, Escape sequ
code, Image interlacing, Image map, Interlacing, JPEG, PNG, Relative path, RGB, Rule, Size attribute,


         4.1.1 *Define specialized vocabulary                                        glossary
         *Identify examples of specialized vocabulary in text                        dictionary
         *Use specialized vocabulary                                                 thesaurus

         4.1.1 *Use reference materials including glossary, dictionary, thesaurus,
         and available technology to determine precise meaning and uses of
         words

         4.1.1 *Use reference materials including glossary, dictionary, thesaurus,
         and available technology to facilitate and extend learning




                           Unit 5: Hyperlinks (6 hours)
e URL (fully qualified), External hyperlink, Internal link, Relative URL (partial)
           5.1.1 *Define specialized vocabulary                                        glossary
           *Identify examples of specialized vocabulary in text                        dictionary
           *Use specialized vocabulary                                                 thesaurus

           5.1.1 *Use reference materials including glossary, dictionary, thesaurus,
           and available technology to determine precise meaning and uses of
           words

           5.1.1 *Use reference materials including glossary, dictionary, thesaurus,
           and available technology to facilitate and extend learning




                               Unit 6: Tables (6 hours)


/caption>, <table>…</table>, <td>…</td>, <th>…</th>, <tr>…</tr>, Bgcolor attribute, Border attribute, C
Height attribute, Rowspan attribute, Style attribute, Summary attribute, Valign attribute, Width attribut

           6.1.1 *Define specialized vocabulary                                        glossary
           *Identify examples of specialized vocabulary in text                        dictionary
           *Use specialized vocabulary                                                 thesaurus

           6.1.1 *Use reference materials including glossary, dictionary, thesaurus,
           and available technology to determine precise meaning and uses of
           words

           6.1.1 *Use reference materials including glossary, dictionary, thesaurus,
           and available technology to facilitate and extend learning




                            Unit 7: Web Forms (6 hours)


 m>, <input>, <select>, <textarea>, Cient-side script, Common Gateway Interface (CGI), Method attribu
", type="radio", type="reset" or "submit", type="text"
          7.1.1 *Define specialized vocabulary                                        glossary
          *Identify examples of specialized vocabulary in text                        dictionary
          *Use specialized vocabulary                                                 thesaurus

          7.1.1 *Use reference materials including glossary, dictionary, thesaurus,
          and available technology to determine precise meaning and uses of
          words

          7.1.1 *Use reference materials including glossary, dictionary, thesaurus,
          and available technology to facilitate and extend learning




                              Unit 8: Frames (4 hours)

me, Frameset document
          8.1.1 *Define specialized vocabulary                                        glossary
          *Identify examples of specialized vocabulary in text                        dictionary
          *Use specialized vocabulary                                                 thesaurus

          8.1.1 *Use reference materials including glossary, dictionary, thesaurus,
          and available technology to determine precise meaning and uses of
          words

          8.1.1 *Use reference materials including glossary, dictionary, thesaurus,
          and available technology to facilitate and extend learning




                       Unit 9: GUI HTML Editors (4 hours)
Editors
protocol, What You See Is What You Get (WYSIWYG)
          9.1.1 *Define specialized vocabulary                                         glossary
          *Identify examples of specialized vocabulary in text                         dictionary
          *Use specialized vocabulary                                                  thesaurus

          9.1.1 *Use reference materials including glossary, dictionary, thesaurus,
          and available technology to determine precise meaning and uses of
          words

          9.1.1 *Use reference materials including glossary, dictionary, thesaurus,
          and available technology to facilitate and extend learning




               Unit 10: Advanced Web Technologies (4 hours)
 Web Technologies

er Pages (ASP), Application Service Provider (ASP), Break, C, C#, C++, Document Object Model (DOM)
 Hypertext Preprocessor (PHP), Practical Extraction and Report Language (PERL), Visual Basic

          10.1.1 *Define specialized vocabulary                                        glossary
          *Identify examples of specialized vocabulary in text                         dictionary
          *Use specialized vocabulary                                                  thesaurus

          10.1.1 *Use reference materials including glossary, dictionary, thesaurus,
          and available technology to determine precise meaning and uses of
          words

          10.1.1 *Use reference materials including glossary, dictionary, thesaurus,
          and available technology to facilitate and extend learning
         10.2.3                                                                       practical
         *read across the curriculum a variety of practical texts: advertisements,    texts
         warranties, manuals, job and career descriptions, applications, college
         catalogs and financial documents                                             information
                                                                                      al texts
                                                                                      technical
                                                                                      texts
                                                                                      warranties
                                                                                      financial
                                                                                      documents
                                                                                      content text


                  Unit 11: E-Commerce Practices (6 hours)
rce Practices

-Business (B2B), Business-to-Consumer (B2C), Digital signature, Electronic commerce, Electronic D
ing on the Internet (OBI), Order tracking, Secure Electronic Transactions (SET)

         11.1.1 *Define specialized vocabulary                                        glossary
         *Identify examples of specialized vocabulary in text                         dictionary
         *Use specialized vocabulary                                                  thesaurus

         11.1.1 *Use reference materials including glossary, dictionary, thesaurus,
         and available technology to determine precise meaning and uses of
         words

         11.1.1 *Use reference materials including glossary, dictionary, thesaurus,
         and available technology to facilitate and extend learning
11.2 *Define specialized vocabulary                                        glossary
*Identify examples of specialized vocabulary in text                       dictionary
*Use specialized vocabulary                                                thesaurus

11.2 *Use reference materials including glossary, dictionary, thesaurus,
and available technology to determine precise meaning and uses of
words

11.2 *Use reference materials including glossary, dictionary, thesaurus,
and available technology to facilitate and extend learning
          Materials/ Geometry     Literacy
          Resources Connections Connections




A), Cookie, Extensible Hypertext Markup
or, Hypertext Markup Language (HTML),

s (MIME), Non-relational database, Object-
ditor, User agent, Web Content Accessibility


                                 R.11.11.1
                                 R.11.11.3
                                 R.11.12.3
computer
Internet
web site
validator
ext Markup Language (XHTML), Extensible
ovider (ISP), Metalanguage, Non-disclosure
ng requirements, XHTML flavors, XML well-


                                R.11.11.1
                                R.11.11.3
                                R.11.12.3




         computer               W.5.11.5
                                W.5.12.5
           computer                   IR.12.11.8
           Internet                   IR.12.12.7
           multiple                   W.4.11.10
           browsers




centered </div>, <div align="right">, <em> </
> tag, <u> </u>, Alternate closing tag,
 m <li> </li>, Ordered list <ol> </ol>, Property,


                                      R.11.11.1
                                      R.11.11.3
                                      R.11.12.3
          comuter
          HTML
          editor




ering, Escape sequence, GIF, GIF 89a, GIF
Rule, Size attribute, Transparency, Vector,


                                  R.11.11.1
                                  R.11.11.3
                                  R.11.12.3




          comuter
          HTML
          editor
          computer
          HTML
          editor
                                    R.11.11.1
                                    R.11.11.3
                                    R.11.12.3




           computer
           HTML
           editor
           image
           editing
           software




 , Border attribute, Cellpadding attribute,
 bute, Width attribute

                                    R.11.11.1
                                    R.11.11.3
                                    R.11.12.3




           computer
           HTML
           editor




CGI), Method attribute, Name attribute, Server-
           R.11.11.1
           R.11.11.3
           R.11.12.3




computer
HTML
editor




           R.11.11.1
           R.11.11.3
           R.11.12.3




computer
HTML
editor
                              R.11.11.1
                              R.11.11.3
                              R.11.12.3




         computer
         GUI HTML
         editor




Object Model (DOM), Dynamic HTML
, Visual Basic

                              R.11.11.1
                              R.11.11.3
                              R.11.12.3
                                  R.10.11.1
                                  R.10.12.1




merce, Electronic Data Interchange (EDI),


                                  R.11.11.1
                                  R.11.11.3
                                  R.11.12.3
R.11.11.1
R.11.11.3
R.11.12.3

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:6
posted:4/19/2014
language:English
pages:30