Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC

Size: px

Start display at page:

Download "Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC"

Hugh Melton
5 years ago
Views:

1 1. Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2 Identify web page content that is relevant to the website purpose and appropriate for the target audience. 1.3 Demonstrate knowledge of standard copyright rules (related terms, obtaining permission, and citing copyrighted material). 1.4 Demonstrate knowledge of website accessibility standards that address the needs of people with visual and motor impairments. 1.5 Make website development decisions based on your analysis 1.6 Understand project management tasks and responsibilities. identify the purpose, audience, and audience needs for a website. identify technical elements and effects that add to the overall design of the site by enhancing the user s experience and supporting the goals and message of the site for target audience. and apply knowledge of appropriate copyright and fair use guidelines when needed. Understanding copyright issues and fair-use guidelines. and apply knowledge of graphical site elements, such as images and buttons, have alternative text tags for website accessibility standards. and apply knowledge of designing a website based on your analysis Student can apply knowledge of project management tasks and responsibilities from the web design process. Student is proficient in identifying the purpose, audience, and audience needs for a website. Student can identify technical elements and effects that add to the overall design of the site but does not enhance the user s experience or support the goals and message of the site for target audience. knowledge of appropriate copyright and fair use guidelines when needed. Understanding copyright issues and fair-use guidelines. knowledge of graphical site elements, such as images and buttons, have alternative text tags. knowledge of designing a website based on your analysis knowledge of project management tasks and responsibilities from the web design process. understanding of how demographics effects the concepts of a website project. Student doesn t have an understanding of all technical elements or effects that can add to the overall design of the site to enhance the user s experience. understanding of the following terms & concepts: Derivative Work Intellectual Property Copyright Fair Use Doctrine Student cannot fully demonstrate knowledge of graphical site elements, such as images and buttons, have alternative text tags. Student cannot fully demonstrate and apply knowledge of designing a website based on your analysis Student cannot fully demonstrate and apply knowledge of project management tasks and responsibilities from the web design process. Checkpoints Copyright Copyrighted Deliverables Derivative work Design comp Fair use doctrine Intellectual property Publication Target audience Wireframe Characteristics of the audience to consider are age, occupation, gender, education, residence, ethnicity, and literacy. Knows the 6 phases of web design process Understand client goals Research- client needs and target audience Brainstorm Pick and Plan storyboards/flowcharts Test and Evaluateusability/accessibility

2 2. Planning Site Design and Page Layout 2.1 Demonstrate general and Dreamweaver-specific utilizing a visual hierarchy. 2.2 Produce website designs that work equally well on various operating systems, browser 2.3 Demonstrate knowledge of page layout design concepts and principles. 2.4 Identify basic principles of website usability, readability, and accessibility. 2.5 Demonstrate knowledge of flowcharts, storyboards, wireframes, and design comps to create web pages and a site map (site index) that maintain the planned website hierarchy. 2.6 Communicate with others (such as peers and clients) about design plans. and apply knowledge of general and Dreamweaver-specific utilizing a visual hierarchy and produce website designs that work equally well on various operating systems, browser and apply knowledge of page layout design concepts and principles. identify basic principles of website usability, readability, and accessibility. and apply knowledge of flowcharts, storyboards, wireframes, and design comps to create web pages and a site map (site index) that maintain the planned website hierarchy. Student has mastered the skill to communicate with (such as peers and clients) about design plan. Student is proficient in general and Dreamweaver-specific utilizing a visual hierarchy how to produce website designs that work equally well on various operating systems, browser knowledge of page layout design concepts and principles. knowledge to identify basic principles of website usability, readability, and accessibility. knowledge of flowcharts, storyboards, wireframes, and design comps to create web pages and a site map (site index) that maintain the planned website hierarchy. Student can communicate with (such as peers and clients) about design plan. understanding of general and Dreamweaver-specific utilizing a visual hierarchy Student doesn t have a full understanding of how to produce website designs that work equally well on various operating systems, browser Student has a low level knowledge of page layout design concepts and principles. Identify basic principles of website usability, readability, and accessibility. understanding of flowcharts, storyboards, wireframes, and design comps to create web pages and a site map (site index) that maintain the planned website hierarchy. Standard fonts Visual hierarchy Operating systems Browser Page layout Design concepts Design principles Usability Readability Accessibility Screen reader Flowcharts Storyboards Wireframe Communication Creating design comps Designing for audience(s) Creating an original work Providing multiple design ideas Applying design principles Creating storyboards Interviewing clients Communicating purpose and goal Communicating ideas clearly Student is developing the skills to communicate with (such as peers and clients) about design plan.

3 3. Understanding The Adobe Dreamweaver Interface 3.1 Identify elements of the Dreamweaver interface. identify elements of the Dreamweaver interface. 3.2 Use the Insert panel. use the Insert panel. 3.3 Use the Property Inspector. use the Property Inspector. 3.4 Use the Assets panel. use the Assets panel. Student is proficient in identifying elements of the Dreamweaver interface. how to use the Insert panel. how to use the Property Inspector. how to use the Assets panel. understanding of elements in the Dreamweaver interface. utilizing the Insert panel. utilizing the Property Inspector. utilizing the Assets panel. Interface Insert panel Property Inspector Assets panel Files panel Workspace Knowing how to use Dreamweaver interface effectively. 3.5 Use the Files panel. use the Files panel. how to use the Files panel. utilizing the Files panel. 3.6 Customize the workspace demonstrate how to customize the workspace how to customize the workspace demonstrating how to customize the workspace

4 4. Adding Content by Using Dreamweaver 4.1 Demonstrate knowledge of Hypertext Markup Language. demonstrate knowledge of Hypertext Markup Language. 4.2 Define a Dreamweaver site. define a Dreamweaver site. 4.3 Create, title, name, and save a web demonstrate ability to create, title, name, and save a web 4.4 Add text to a web demonstrate ability to add text to a web 4.5 Insert images and apply alternative text on a web 4.6 Link web content, using hyperlinks, links, and named anchors. 4.7 Include video and sound in a web demonstrate ability to insert images and apply alternative text on a web demonstrate ability to link web content, using hyperlinks, links, and named anchors. demonstrate ability to include video and sound in a web Student is proficient in knowledge of Hypertext Markup Language. proficiency defining a Dreamweaver site. Student can proficiently create, title, name, and save a web Student can proficiently add text to a web Student can proficiently insert images and apply alternative text on a web Student can proficiently link web content, using hyperlinks, links, and named anchors. Student can proficiently include video and sound in a web understanding of Hypertext Markup Language. define a Dreamweaver site. create, title, name, and save a web add text to a web insert images and apply alternative text on a web link web content, using hyperlinks, links, and named anchors. include video and sound in a web Parts of a HTML Site Web page Alternative text Hyperlinks links Anchors. Know the structure and appearance of a web page is controlled by its underlying code. The programming language used to write this code for web pages is Hypertext Markup Language, or HTML. Providing consistency and accessibility Providing universal navigation Integrating images, text, and multimedia Planning graphics and multimedia based on needs and audience Creating web pages using web standard Using the Insert, Files, and Assets panel Inserting images Inserting text Creating lists Creating data tables

5 4.8 Insert animation and interactivity to content. 4.9 Insert navigation bars, rollover images, and buttons created in a drawing program on a web 4.10 Import tabular data to a web demonstrate ability to insert animation and interactivity to content. demonstrate ability to insert navigation bars, rollover images, and buttons created in a drawing program on a web demonstrate ability to import tabular data to a web Student can proficiently insert animation and interactivity to content. Student can proficiently insert navigation bars, rollover images, and buttons created in a drawing program on a web Student can proficiently import tabular data to a web insert animation and interactivity to content. insert navigation bars, rollover images, and buttons created in a drawing program on a web import tabular data to a web 4.11 Import and display a Microsoft Word or Microsoft Excel document to a web demonstrate ability to import and display a Microsoft Word or Microsoft Excel document to a web 4.12 Create forms. demonstrate ability to create forms. Student can proficiently import and display a Microsoft Word or Microsoft Excel document to a web Student can proficiently create forms. import and display a Microsoft Word or Microsoft Excel document to a web create forms.

6 5. Organizing Content by Using Dreamweaver 5.1 Set and modify document 5.2 Organize web page layout with relative and absolutely - positioned div tags and CSS styles. 5.3 Modify text and text 5.4 Modify images and image 5.5 Create web page templates. 5.6 Use basic HTML tags to set up an HTML document, format text, add links, create tables, and build ordered and unordered lists. demonstrate ability to set and modify document demonstrate ability to organize web page layout with relative and absolutely -positioned div tags and CSS styles. demonstrate ability to modify text and text demonstrate ability to modify images and image demonstrate ability to create web page templates. demonstrate ability to use basic HTML tags to set up an HTML document, format text, add links, create tables, and build ordered and unordered lists. Student can proficiently set and modify document Student can proficiently organize web page layout with relative and absolutely - positioned div tags and CSS styles. Student can proficiently modify text and text Student can proficiently modify images and image Student can proficiently create web page templates. Student can proficiently use basic HTML tags to set up an HTML document, format text, add links, create tables, and build ordered and unordered lists. set and modify document organize web page layout with relative and absolutely - positioned div tags and CSS styles. modify text and text modify images and image create web page templates. use basic HTML tags to set up an HTML document, format text, add links, create tables, and build ordered and unordered lists. CSS Designer panel Using CSS text styles Creating, modifying, and troubleshooting Cascading Style Sheets Using Live View Image properties Templates Tables Creating web pages using web standards Designing with CSS Organizing pages with CSS Inserting text Creating lists Creating data tables 5.7 Add head content to make a web page visible to search engines. demonstrate ability to add head content to make a web page visible to search engines. Student can proficiently add head content to make a web page visible to search engines. add head content to make a web page visible to search engines. 5.8 Use CSS to implement a reusable design. demonstrate ability to use CSS to implement a reusable design. Student can proficiently use CSS to implement a reusable design. use CSS to implement a reusable design.

7 6. Evaluating and Maintaining a Site by Using Dreamweaver CC 6.1 Conduct technical tests. demonstrate ability to conduct technical tests. 6.2 Identify techniques for basic usability tests. 6.3 Identify methods for collecting site feedback. 6.4 Manage assets, links, and files for a site. 6.5 Publish and update site files to a remote server. demonstrate ability to identify techniques for basic usability tests. demonstrate ability to identify methods for collecting site feedback. demonstrate ability to manage assets, links, and files for a site. demonstrate ability to publish and update site files to a remote server. Student can proficiently conduct technical tests. Student can proficiently identify techniques for basic usability tests. Student can proficiently identify methods for collecting site feedback. Student can proficiently manage assets, links, and files for a site. Student can proficiently publish and update site files to a remote server. conduct technical tests. identify techniques for basic usability tests. identify methods for collecting site feedback. manage assets, links, and files for a site. publish and update site files to a remote server. Technical tests Usability tests Feedback Remote Server FTP Checking links Testing in different operating systems and multiple browsers Publishing web files Managing files and using filenaming conventions Executing a review and redesign cycle Executing quality assurance tests

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2