Duration: 4 Days
This course provides web designers with the knowledge and hands-on practice needed to build and manage professional websites.
What You Will Learn
You will learn to use Adobe Dreamweaver CC for making and editing HTML websites and mobile apps
Audience
Novice web designers and developers who want to use Dreamweaver CC to build intuitive, attractive, and accessible websites
Prerequistes
- Practical working
knowledge of Mac OS X or Windows
- Working knowledge of HTML, CSS, or Javascript
Course Outline
1. Customizing Your Workspace
- Touring the workspace
- Switching and splitting views
- Working with panels
- Selecting a workspace layout
- Adjusting toolbars
- Personalizing preferences
- Creating custom keyboard shortcuts
- Using the Property inspector
- Using the CSS Designer
- Explore, experiment, learn
2. HTML Basics
- What is HTML?
- Where did
HTML begin?
- Writing your
own HTML code
- Frequently
used HTML 4 codes
- Introducing HTML5
3. SS Basics
- What is CSS?
- HTML vs. CSS
formatting
- HTML defaults
- CSS box model
- Multiples, classes, and IDs, oh my!
- Formatting text
- Formatting
objects
- CSS3 overview and
support
4. Creating a Page Layout
- Web design basics
- Working
with thumbnails and wireframes
- Defining a Dreamweaver site
- Using the Welcome screen
- Previewing your completed file
- Modifying an existing CSS layout
- Adding a background image to the header
- Inserting new components
- Inserting a navigation component
- Changing element alignment
- Modifying the page width and background color
- Modifying existing content and formatting
- Inserting an image placeholder
- Inserting placeholder text
- Modifying the footer
- Validating webpages
5. Working with Cascading Style Sheets
- Previewing the completed file
- Working with the CSS Designer
- Working with type
- Working
with background graphics
- Working with classes, IDs, and descendant selectors
- Creating an interactive menu
- Creating faux columns
- Moving rules to an external style sheet
- Creating style sheets for other media
6. Working with Templates
- Previewing completed files
- Creating a template from an existing layout
- Inserting editable regions
- Producing child pages
- Updating a template
- Using
library items
- Using
server-side includes
7. Working with Text, Lists, and Tables
- Previewing the completed file
- Creating and styling text
- Creating and styling tables
- Spell checking webpages
- Finding and replacing text
8. Working with Images
- Reviewing web image basics
- Previewing the completed file
- Inserting an image
- Adjusting image positions with CSS classes
- Working with the Insert panel
- Using Adobe Bridge to insert images
- Inserting non-web file types
- Working with Photoshop Smart Objects
- Copying and pasting images from Photoshop and Fireworks
- Inserting images by drag and drop
- Optimizing images with the Property inspector
9. Working with Navigation
- Hyperlink basics
- Previewing
the completed file
- Creating
internal hyperlinks
- Creating an image-based link
- Creating an external link
- Setting up email links
- Targeting page elements
- Checking your page
10. Adding Interactivity
- Learning about Dreamweaver behaviors
- Previewing the completed file
- Working with Dreamweaver behaviors
- Working with jQuery Accordion widgets
11. Working with Web Animation and
Video
- Understanding web
animation and video
- Previewing the
completed file
- Adding web
animation to a page
- Adding
web video to a page
12. Working with Forms
- Previewing the completed file
- Learning about forms
- Adding
a form to a page
- Inserting
text form elements
- Inserting checkboxes
- Creating radio buttons
- Incorporating text areas
- Working with lists
- Adding a
Submit button
- Specifying a
form action
- Emailing form
data
- Styling forms
- More form information
13. Working with Code
- Code tools overview
- Selecting code
- Collapsing
code
- Expanding code
- Adding new code
- Identifying
CSS styling
- Working with
Live Code
- Using Inspect
mode
- Working in related
files
- Accessing Split Code
view
- Commenting your code
14. Publishing to the Web
- Defining a remote site
- Cloaking folders and files
- Wrapping things up
- Putting
your site online
- Synchronizing local and remote sites
15. Designing for Mobile Devices
- Previewing your completed file
- Designing for mobile devices
- Creating a media query for smart phones
- Adding rules to a media query
- Adapting CSS navigation to mobile environments
- Styling the main content
- Testing a media query
- Responsive design
- Creating
style sheets for tablets
- Edge Inspect
- More
information
Course Labs
