Official guidelines

• Identify the purpose, audience, and audience needs for websites.
  
• a. Determine whether content is relevant to the purpose, the audience, audience needs, user experience, and has an appropriate design for target devices.
  
• i. Key Terms: client goals, target audience, demographics, accessibility, technical limitations, bandwidth, browsers, resolution, user interface, usability, user experience, business problem to be solved, expected results, response design, etc.
  

Resources & Tutorials

How to succeed as a digital designer

An introductory guide to design thinking

Designing Accessible Experiences at Scale

Official guidelines

• 1.2 Communicate with colleagues and clients throughout the project.
  
• a. Demonstrate knowledge of techniques for communicating ideas about expected outcomes with peers and clients.
  
• i. Key Terms: design process, sitemap, mood boards, style tiles, storyboarding, design comp, sketches, specifications, wireframes, prototypes, iterations, change orders, drafts, feedback loop, project scope, scope creep, platform requirements, code commenting, etc.
  
• b. Demonstrate knowledge of basic project management concepts.
  
• i. Key Concepts: schedule, budget, project goals, dependencies and prioritization, proposal, phased project planning, completion benchmarks, pair programming, project documentation, asset management, naming conventions, A/B testing, test plan, basic agile project management concepts, cloud collaboration, and file management, etc.
  

Resources & Tutorials

Project Management Basics

Best Practices for Presenting Design Concepts to Stakeholders

Design Business & Ethics

Official guidelines

• 1.3 Demonstrate an understanding of the type of permissions required to use specific content.
  
  
• a. Identify legal and ethical considerations for using third-party assets such as copyright, permissions, and licensing.
  
• i. Key concepts: Creative Commons, public domain, intellectual property, derivative work, commercial/non-commercial use, attribution, work for hire, fair use/fair dealing, etc.
  
• b. Identify when and how to obtain permissions in order to use code and content.
  
• i. Key concepts: model release, location release, media release, restricted location, stock assets, frameworks, code, templates, implications of using an asset hosted on a different site (hotlinking), etc.
  

Resources & Tutorials

Intellectual Property

About CC Licenses

What’s a model release, and when do you need one?

Official guidelines

• 1.4 Demonstrate an understanding of key technologies related to web design and development.
  
• a. Demonstrate fundamental knowledge of internet terminology.
  
• i. Key Terms: accessibility, absolute vs relative URL, site architecture, URL, web servers, TCP/IP, FTP, ISP, bandwidth, domain registration, DNS, web host, localhost, etc.
• b. Demonstrate fundamental knowledge of search engines and search engine optimization.
  
• i. Key Terms: SEO, keywords, metadata, alternate text, hierarchy, back links, best practices, indexing and crawling, sitemap, etc.
  
• c. Demonstrate fundamental knowledge of web security concepts.
  
• i. Key Concepts: Protocols (FTP/SFTP, HTTP/HTTPS, etc.), common malware types, firewalls, risk of linking to external content, DDoS, security needs, file permissions, authentication, authorization, spamming, CAPTCHA, etc.
  
• d. Demonstrate knowledge of key web development concepts.
  
• i. Key Concepts: use HTML for structure, use CSS for appearance; use JavaScript for behavior, server-side languages, frameworks, responsive vs adaptive web design, etc.
  
  

Resources & Tutorials

Considerations for Inclusive and Accessible Designs

Three Words that Need to Be in Your SEO Strategy

CMS Security: Secure Your Digital Content

Official guidelines

• 1.5 Demonstrate knowledge of basic design principles and best practices employed in the industry.
  
• a. Communicate visually using the elements and principles of design and common web design techniques.
  
• i. Key Concepts: symmetry, proximity, continuity, balance, color theory, typography, grid system, hierarchy, etc.
  
• b. Identify user experience design elements and practices.
  
• i. Key Concepts: accessibility, consistency, user experience research, Hick’s law, Fitt’s law, discoverability, functionality, aesthetics, etc.
  
• c. Identify elements of user interaction.
  
• i. Key Concepts: navigation, mouse input, keyboard input, touch input, menus, controls, form elements, feedback (tooltips and validation), etc.
  

Resources & Tutorials

Functional Minimalism for Web Design

Web Development Using Dreamweaver

Web Page Design: A Comprehensive Guide

Official guidelines

• 2.1 Create a new site with the appropriate settings.
  
• a. Set appropriate options for defining a new site.
  
• i. Key Concepts: root folder, local/remote/testing sites, server technology, FTP settings, cloaking, version control, check-in/check-out process, GIT repositories, etc.
  
• b. Create a new page for specific project needs.
  
• i. Key Concepts: starter templates, customizing templates for a site, DOCTYPE, document titles, frameworks, Bootstrap, etc.
  

Resources & Tutorials

Check In and Check Out Files

Cloak Files and Folders

Create and Open Files

Official guidelines

• 2.2 Navigate, organize, and customize the application workspace.
  
• a. Identify and manipulate elements of the Dreamweaver interface.
  
• i. Key Concepts: Property Inspector, toolbars, Status bar, Code view vs Design view vs Live view, etc.
  
• b. Organize and customize the workspace.
  
• i. Key Concepts: tabbed documents; showing, hiding, nesting, and docking panels; saving and resetting workspaces; etc.
  
• c. Configure application preferences.
  
• i. Key Concepts: New Document, Code Hints, Fonts, Interface, File Types and Editing, Real-Time Preview, Extract, Site, Linting, etc.
  

Resources & Tutorials

Property Inspector

Overview of the Dreamweaver Workspace

How to Set Coding Preferences

Official guidelines

• 2.3 Use non-visible design tools in the interface to aid in project workflow.
  
• a. Configure content viewing options.
  
• i. Key Concepts: window size, magnification, orientation, real-time preview, etc.
  
• b. Navigate a site.
  
• i. Key Concepts: navigating folder directories, nested folders, etc.
  

Resources & Tutorials

Overview of the Dreamweaver Workspace

Zoom Functions

Creating a Nesting Template

Official guidelines

• 2.4 Manage assets in a project.
  
• a. Add and organize assets.
  
• i. Key Concepts: Copying, pasting, moving, editing and deleting assets (images, colors, URLs, scripts, snippets, and media) using the Files panel; Assets panel; CC libraries; extracting assets from .psd, etc.
  
• b. Configure assets in a project.
  
• i. Key Concepts: compressing assets, setting permissions, managing local and remote files using the Files panel, etc.
  

Resources & Tutorials

Assets Panel

Working with Assets

Network Shared Folders

Official guidelines

• 3.1 Organize page structure.
  
• a. View, edit, and manage the structure of a page.
  
• i. Key Concepts: DOM panel, DOM structure as it applies to element hierarchy (header, footer, nav, body, script, article, span, div), properly nesting elements, etc.
  

Resources & Tutorials

Introduction to the DOM

DOM Panel

Linking Navigation

Official guidelines

• 3.2 Apply responsive and adaptive design concepts.
  
• a. Design a web page that works well on multiple devices.
  
• i. Key Concepts: media queries, breakpoints, CSS measurement units, designing for multiple devices (different viewport sizes), Bootstrap framework templates, etc.
  

Resources & Tutorials

Responsive Web Design Basics

Bootstrap

Media Queries

Official guidelines

• 4.1 Organize and display content using HTML.
  
• a. Identify the appropriate use of <html>, <head>, <body>, and <div> tags.
  
• b. Differentiate between block and inline elements.
  
• c. Format content using headings, paragraphs, and lists.
  
• i. Key Elements: <h1> through <h6>, <p>, <ol>, <ul>, <li>, <em>, <strong>, <br>, <blockquote>, <span>, etc.
  
• d. Insert and manipulate images, video, and sound, and animation.
  
• i. Key Concepts: Inserting images, scaling images, adding alt text for accessibility and search engine optimization, inserting and configuring video and audio, etc.
  
• ii. Key Elements: <img>, <video>, <audio>, etc.
  
• e. Create, manage, and edit hyperlinks.
  
• i. Key Concepts: Internal, external, absolute, relative, email, telephone, named anchors, target attribute, etc.
  

Resources & Tutorials

Structuring Pages with HTML

HTML Images

Linking

Find more Trainings and resources for similar topics on helpx.adobe.com or at the Adobe Education Exchange

Official guidelines

• 4.2 Apply table and semantic elements to describe content.
  
• a. Display and organize information using tables.
  
• i. Key Elements: <table>, <tr>, <td>, <th>, <thead>, <tfoot>
  
• b. Display and organize information using other basic semantic elements.
• i. Key Elements: <article>, <aside>, <nav>, <section>, <footer>, <header>, <main>, etc.
  

Resources & Tutorials

Using Tables

Inserting a Table into a Page

Semantics

Official guidelines

• 4.3 Style a web page using CSS.
  
• a. Configure initial page properties.
  
• i. Key Concepts: Page Properties dialog
  
• b. Manage fonts.
  
• i. Key Concepts: font-family, default fonts, page fonts, font substitution list, etc.
• c. Create and manage CSS rules using the CSS Designer panel.
  
• i. Key Concepts: Sources, @Media, Properties, and Selectors sections; enabling and disabling CSS rule properties, searching and filtering, etc.
  
• d. Create and use inline styles, internal styles, and external style sheets.
  
• i. Key Concepts: Cascading order, importing style sheets (@import), etc.
  
• e. Create and modify selectors that reference specific HTML elements.
  
• i. Selector Types: Id, class, tag, pseudo class, group, descendant, child selectors
  
• f. Apply common CSS declarations.
  
• i. Key Declarations: fonts, backgrounds, images, colors, box model, width, height, positioning, styles for button states, tabs, animated drop-down menus, etc.
  
• g. Organize a web page layout with relatively and absolutely positioned div tags and CSS styles.
  
• i. Key Concepts: inserting a div tag in standard mode, modifying div tag attributes, and displaying overlapping content on a web page using div tags, etc.
  

Resources & Tutorials

How to Use CSS

CSS Styles

Move, Export, or Rearrange CSS Rules

Official guidelines

• 4.4 Add interactivity using JavaScript.
  
• a. Create and manage forms.
  
• i. Key Concepts: identifying which form inputs are appropriate for collecting various types of information, inserting form elements on a page, methods used to transmit form data (GET, POST, action attribute), data validation, etc.
  
• b. Add interactivity to a web page.
  
• i. Key Concepts: HTML5 canvas, JavaScript snippets, etc.
  

Resources & Tutorials

JavaScript Behaviors

Programming JavaScript and JQueries

Code Snippets

Official guidelines

• 5.1 Prepare project for publishing.
  
• a. Set up for testing and publishing.
  
• i. Key Concepts: local site, remote site, testing server, web server, file transfer protocols (FTP, local/network, Secure FTP, WebDav, RDS), managing assets, links, and files, etc.
  
• b. Check project for errors and project specifications.
  
• i. Key Concepts: spell check, creating a sitemap, HTML validation, usability and accessibility check, cleanup HTML, checking and updating links sitewide, testing live site to validate links and media, troubleshooting CSS issues by using visual aids, previewing in browser, Live View, code validation, etc.
  

Resources & Tutorials

Test Your Site

Preview Web Designs

Setting Up a Testing Server

Official guidelines

• 5.2 Publish a web site.
  
• a. Save web pages.
  
• i. Key concepts: Save vs Save as ..., file name and location, Save as template, etc.
  
• b. Publish a live site.
  
• i. Key concepts: Put/Get files to and from server, Check-in/check-out for team projects, refresh site files, dependent/associated files, cloaking files and folders, synchronizing local and remote sites, etc.
  

Resources & Tutorials

Publish and Manage Websites

Setting Up a Local Version of Your Site

Synchronizing Files