Dreamweaver Domain 4 -  Creating and Modifying Document Elements

This objective covers core technologies used to create web content. This section contains presentations, projects, and quizzes to help you pass the Adobe Illustrator CC Certification Exam.

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.

  •  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.

  •  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.

  • Key Concepts: Internal, external, absolute, relative, email, telephone, named anchors, target attribute, etc. 

4.2 Apply table and semantic elements to describe content.

a. Display and organize information using tables.

  • Key Tools: text frames, Type tool, and Type on a Path tool.

b. Use appropriate character settings in a design.

  •  Key Elements: <table>, <tr>, <td>, <th>, <thead>, <tfoot>

4.3 Style a web page using CSS.

a.  Configure initial page properties.

  • Key Concepts: Page Properties dialog

b. Manage fonts.

  • Key Concepts: font-family, default fonts, page fonts, font substitution list, etc.

c. Create and manage CSS rules using the CSS Designer panel. 

  • 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 

  • Key Concepts: Cascading order, importing style sheets (@import), etc. 

e. Create and modify selectors that reference specific HTML elements. 

  • Selector Types: Id, class, tag, pseudo class, group, descendant, child selectors 

f. Apply common CSS declarations. 

  • 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. 

  • 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. 

4.4 Add interactivity using JavaScript.

a. Create and manage forms.

  • 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.

  • Key Concepts: HTML5 canvas, JavaScript snippets, etc.