Toggle menu

Introduction to Adobe Dreamweaver

£649.00 + VAT

About Introduction to Adobe Dreamweaver

This course is designed for people who want to get a website off the ground using Dreamweaver. Introduction to Dreamweaver shows the basics of how to do just that—create your first website, complete with pictures, video navigation that will work on desktop and mobile devices.

Upcoming Course Dates

Please contact our Training Coordinator by emailing: trainingenquiries@western.co.uk

£649.00 + VAT

Book Now
  • Description
  • Course information
  • Introduction to Adobe Dreamweaver

    Course Overview
    This course is intended as an introductory course. It is suitable for anyone new to web development and wanting to gain an understanding of Dreamweaver to create websites. But not just any website. A website that is responsive and works great on any computer or mobile device, and is complete with imagery and navigation, video content, and even a contact form.

    Starting at the beginning, the course sheds light on obtaining domain names, renting web space, understanding the statistics and setting up the web space. Also mentioned are routes into e-commerce, using off-the-shelf solutions and gathering visitor statistics.

    This course covers the essentials of Dreamweaver, as well as methods for making websites and web pages, using HTML and CSS. Delegates are shown how add navigation and links between pages, integrate video and social media, and create a contact form. The course also covers making sure your layout resizes to fit mobile devices, testing your site, and uploading it to the web. 

    Time is taken to look at the important role of Photoshop in preparing graphical elements. By the end of the course the learner should understand the process of creating a website from scratch and be confident to put this into action.

    Who Should Attend
    This is a beginners course on developing websites, no prior knowledge is assumed and delegates will have time to practically try out the concepts shown. Should the delegate wish to publish work done on the course then appropriate web space will need to be obtained. 

    What You Will Learn
    Before you start, what is a website? Where does Dreamweaver fit it? What else will be required?
    Renting your hosting space, finding your domain names and understanding search engines. Finding out about the website visitors.
    Learning web design, learning the Dreamweaver Interface, toolbars, panels and finding your way around.
    Gathering the things you’ll need for the site
    Basic site structure, making sure that your website works where you want it to work and special issues with mobile devices. Building the structure, making the pages. Using a template to maintain the look of a page and control content. Understanding CSS and style sheets. Styling content with CSS. Creating a flexible layout
    Adding more pages
    Adding video and animations from Edge Animate
    Putting content on the pages, using text and images.
    Selecting and using the right file formats.
    How to use type and fonts in Dreamweaver
    Making the hyperlinks, linking with text, images and image maps. Roll overs. Making a form and getting it to work.
    Adding User Interactivity
    Using Dreamweaver to publish and manage your website.

    Further Learning
    Have a personalised course designed for you.
    Bring real-world issues or troublesome files and get your questions answered.
    Cover the corners of Dreamweaver not normally covered in our scheduled courses.
    Fast-track learning into Dreamweaver's extended features.
    Call our training consultant on 0117 922 5661 with your requirements for a quote or to make a booking.

    Prerequisites
    No prior knowledge is assumed or necessary

    How Do I Book?
    To book a training course, please call our Training Coordinator on 0117 922 5661 or alternatively send an email to trainingenquiries@western.co.uk 

  • Course Duration: 3 Days

    Course Outline

    The following outline is a summary of the subjects that will be covered on the course. All of our courses are responsive to the requests and learning needs of learners and as such content may be changed, adjusted or otherwise altered on the day and as thus should be taken as indicative only.

    Before You Start
    What is Dreamweaver, where does it fit in?
    Understanding and learning web design, current web standards.
    Understanding the Internet and websites
    Dreamweaver workspace, differences between the Windows and Mac interface.
    Toolbars, panels, finding your way around.
    Arranging panels and managing workspaces The Properties Inspector

    Starting With Code
    The fundamentals of HTML
    Understanding CSS

    Starting A Website
    Setting up a website, plan, and plan again. Using a wireframe to trial a page. Planning and flowcharting the website. Planning the navigation and the look and feel of the website
    Hosting space, domain names and search engines. Suggestions for choosing a host.
    Things you need to find out: getting a domain name.
    Email, added functionality.
    Search engines, SEO
    Basic site structure
    File naming conventions
    Defining and creating a new site.
    Managing sites
    Managing files and folders
    Working with browsers

    Creating A Web Page
    Creating your first web page and adding HTML5 content
    Creating new documents, working with starter pages.
    New document preferences and setting accessibility preferences
    Populating the page: text and structures
    Getting text into Dreamweaver, importing Word documents

    Stylizing Content
    Styling content with CSS
    Creating a layout with CSS
    Exporting images from Photoshop
    Understanding image types
    Managing assets in Dreamweaver
    Placing images on the page, setting image accessibility preferences
    Setting external image editing preferences

    Creating A Flexible Layout
    Adding media queries
    Creating a layout for tablets and mobile

    Adding Media
    Inserting an Edge Animate composition
    Implementing video
    Adding social media

    How to use type in Dreamweaver
    Working with units of measurement
    Declaring font families
    Controlling font sizing, weight and style
    Controlling line height
    Aligning text
    Transforming text

    Background graphics
    Using background graphics and positioning them.
    Using Adobe Photoshop to correctly export and do any processing required.

    Navigation
    Roll over and menu effects
    Designing navigation, link basics, creating links in Dreamweaver
    Creating an email link
    Building transitions on navigation

    Using tables
    Structuring tables.
    Configuring content.
    Adding functionality to tables.
    Using tables as a layout device

    Using templates.
    Planning for templates
    Creating a new template, using editable attributes, creating optional regions
    Creating new pages from a template and applying a template to an existing page.
    Working with nested templates
    Modifying templates

    Creating a Contact Form
    How forms work and reviewing form design. Creating accessible forms.
    Setting form properties
    Inserting text fields, list menu items, check-boxes, radio button groups, text areas
    Inserting submit buttons
    Sending contact-form content
    Basic form styling
    Form element styling
    Styling form layout

    Testing and Uploading
    Finalizing the website, testing the website, fixing commons issues.
    Running site-wide reports
    Checking for broken links
    Checking for browser compatibility Optimizing the website for search engines, using simple Meta tags and descriptions.
    Uploading the site Conclusion

    Conclusion