Web Development Part 1

HTML5 is the foundation for every website. Learn how to build professional, interactive websites and apps with HTML5 and CSS. Add images and video, attach CSS for different styling techniques, and use Javascript for interactivity. This instructor-led class is packed with hands-on exercises that give you the tools to write code and create navigable sites.

  • Understanding the “separation of concerns” and why it’s important.
  • HTML and the importance of page structure.
  • CSS for the to make the web beautiful.
  • JavaScript adds the interactivity and animates the web.
  • Server-side scripting and the power behind CMS (Content Management Systems).
  • Taking a look at what tools are available for web design and development.
  • Comparing code editors to WYSIWYG editors.
  • Learning the rules of HTML tags.
  • The basic structure of an HTML5 file.
  • Using headings to increase accessibility and SEO.
  • Using ordered, unordered and description lists.
  • Using inline tags to grab attention, and how HTML5 is changing how this is accomplished.
  • What is CSS, and where is it written?
  • Choosing when to use inline CSS vs embedded CSS vs external CSS. What are the best practices?
  • Seeing how an inline style can be added to an HTML element
  • Creating embedded styles and our first CSS selector.
  • CSS Selectors as document search and format.
  • Using the element selector and understanding CSS inheritance.
  • Grouping selectors to save time and effort.
  • Applying styles to HTML elements to set the default template.
  • Linking to styles as an external stylesheet.
  • Understanding the semi-unique nature of the CSS class selector and how it’s applied.
  • CSS class best practices.
  • When to use the unique and highly specific id selector and element ids.
  • Applying font styles to change the size, color and typeface.
  • Using the new webfonts from Google, Webkit, Edge Web fonts, and others.
  • Controlling spacing with padding, margins, and line height.
  • Backgrounds and borders in the CSS3 era.
  • Using the img tag to add images to your page.
  • Image options in today’s browsers.
  • When to use jpeg, gif, png, webp or svg files.
  • Sizing your image and setting up alternate text for accessibility.
  • Changing image behavior with CSS so it plays well with other content.
  • Using the tag to link your content together.
  • Using absolute, site relative and document relative paths in hyperlinks.
  • Formatting the many states of link using the a:link, a:visited, a:hover, a:active, and a:focus pseudo-classes.
  • Linking within a page using the id attributes of tags.
  • Sectioning and grouping related content with HTML tags.
  • Understanding the new HTML5 sectioning elements like


    , and

  • Applying CSS float layouts to create columns of content within your document.
  • Clearing floats with the clearfix hack.
  • Switching from a fixed width layout to a fluid layout in preparation for the mobile web and responsive web designs.
  • Using descendant selectors and more targeted classes to target specific areas of the page for unique styling.
  • Applying advanced formatting to navigation.
  • Understanding the CSS3 background gradient fills.
  • Not being so square by use of border radius and box shadows.
  • Getting animated with CSS3 transitions and transformations.
  • Using the HTML5 video tag for plugin-free web videos.
  • Supported video formats.
  • Including the source element to handle video support fallback.
  • Setting video to have controls, autoplay and show a poster when inactive.
  • Discuss what to look for in an internet host.
  • Finding Finding the FTP settings in Dreamweaver CC.
  • Uploading files to a server and including related files.
  • Checking files for broken links and repairing them.
  • Using Dreamweaver CC’s find and replace feature.
  • Synchronizing site content.

Class Length: 3 Days
Price: $1199

This open-enrollment class is offered online with a live instructor. All instructors are Adobe Certified.

Not eligible for retakes

Upcoming Dates: