Adobe Dreamweaver Core Skills: Level 1 Course Outline
*** Platform Note: This class for Mac or PC Users ***
Adobe software is virtually the same on the Mac and PC platforms. When taking this class from one of our locations, it will be taught using PC hardware with Windows software. Minor Mac keyboard and interface differences will be highlighted by the instructor. When taking this course from home or office, students can use either PC or Mac hardware to attach to the hosted Windows-based Adobe software.
Overview
This class includes a thorough review of the Dreamweaver interface including how to use Design, Code and Live Code views. You will learn to create and edit basic pages in Design and Code views. You will then learn to integrate page elements, including images and links, and how to apply properties including font types, styles and color.
Lessons include an overview of the basics of HTML, which is the markup language used to structure all web pages through the use of tags. Basic knowledge of HTML is required to use Dreamweaver effectively. You will also learn the syntax of CSS (Cascading Style Sheet) rules, and how to create, edit and troubleshoot style sheets.
You will learn how to use visual aids and hints to help you code more easily. Learn shortcuts for writing and editing code including use of the tag selector and code navigator. Create, edit and view CSS rules using the CSS panel and Property panel. Link global or embedded styles sheets to sites and pages, or to page templates to save time creating and managing large or complex sites. Learn to view, edit and upload associated files including JavaScript files.
*** Version Note ***
Our Adobe classes are for users of the CC and CS6 versions. These classes run on the CC version of the software but are relevant for CS6 users as well. In addition, we upgrade our software shortly after new training materials are released from Adobe. Typically new content is available within 2 to 4 months of a software release.
Interested in More Training?
For individuals seeking comprehensive training, we offer bundles so you can attend multiple Adobe Dreamweaver classes at a discount. For more information on savings, go to:
Adobe Dreamweaver Bundle
Course Objectives
In this course, you will use Dreamweaver CC to design, build, maintain, and upload websites. You will:
• Identify Dreamweaver fundamentals.
• Create websites.
• Create web pages.
• Insert tables and import content into web pages.
• Create reusable site assets.
• Link web pages and send the website to the server.
Target Student
This course is appropriate for beginners and for anyone who is self taught on the basics of Dreamweaver. Quite often even experienced users find they benefit from a Core Skills: Level 1 class to fill in the gaps in their knowledge. However, if you feel that you are already familiar with the content covered in the Level 1 course, you can view the Level 2 course outline here:
Dreamweaver CC Core Skills: Level 2
Having Trouble Taking Off Work for Training?
Many people are not able to take off for a 2 or 3-day class. We have another option. Our Adobe On-Demand self-study classes let you learn at your own pace on your own time. Our classes blend Adobe Official training materials with video tutorials, quizzes, and real world project-based labs to offer a cost-effective alternative to our live instructor-led classes. To learn more, click on the link below:
Adobe On-Demand: Adobe Dreamweaver CC
Prerequisites
Basic computer and file management skills are required for Core Skills level Adobe courses. Students should know how to - locate, copy and open files; create folders; arrange, re-size, minimize and maximize application windows; start and exit programs; manage use of multiple programs simultaneously; and switch between open programs.
Course Outline
Customizing Your Workspace
Touring the workspace
Using the Start Screen
Exploring New Feature guides
Working with toolbars
Switching and splitting views
Selecting a workspace layout
Working with panels
Using the Property inspector
Using the Related Files interface
Using tag selectors
Using the CSS Designer
HTML Basics
What is HTML?
Where did HTML begin?
Frequently used HTML elements
What's new in HTML5 - Brief Overview
2B HTML BASICS Bonus Online Lesson
CSS Basics
What is CSS?
HTML vs. CSS formatting
HTML defaults
CSS box model
Applying CSS styling
Multiples, classes, and ids, oh my!
3B CSS BASICS Bonus Online Lesson (Optional)
Web Design Basics
Developing a new website
Scenario
Working with thumbnails and wireframes
Creating a Page Layout
Evaluating page design options
Working with predefined layouts
Working with Text, Lists, and Tables
Previewing the completed file
Creating and styling text
Creating lists
Creating and styling tables
Spell-checking webpages
Finding and replacing text
Optional self-paced exercise
Working with Images
Web image basics
Previewing the completed file
Inserting an image
Working with the Insert panel
Using the Insert menu
Inserting images by drag and drop
Optimizing images with the Property inspector
Working with Navigation
Hyperlink basics
Previewing the completed file
Creating internal hyperlinks
Creating an external link
Setting up email links
Creating an image-based link
Targeting page elements
Checking your page
Adding destination links to the same page (optional)
Publishing to the Web
Defining a remote site
File transfer via FTP or Dreamweaver
View outline in Word
IDW120