Adobe Dreamweaver CC (Fundamentals)

Download and Try Adobe Dreamweaver here

2 full days

This two day Adobe Dreamweaver CC Fundamentals training course starts you off with practical hands-on instruction that enables you to master the basics of website design and development.

Course Description:

On completing this two day Dreamweaver CC training course, you will be confidently using Dreamweaver and as an graphics editor to create and implement visually exciting web sites. You will have gone right from conceptualising how your site should be structured through to uploading it into your web space.

Who Should Attend?

This Adobe Dreamweaver training course is suitable for those about to use Adobe Dreamweaver for creating and managing web pages.

No previous knowledge of Adobe Dreamweaver is required.

Certification

Certificate completion awarded once training complete.

Dreamweaver CC (Fundamentals) Training Course Outline

Lesson 1
Background What is HTML?, How the web works: sites and links, Screen design considerations, Creating efficient web pages: size and content, Planning a web site.
Lesson 2
Dreamweaver overview Dreamweaver’s windows, palettes and inspectors, Working with the split code view, Preferences, Viewing your work in an external browser.
Lesson 3
Creating a local site Creating a site using the site window, Creating an index/default page, Working with elements, Undoing changes using the history palette.
Lesson 4
Text Formatting 1: characters and fonts Character formatting, Text alignment, Font attributes and groups, Logical styles
Lesson 5
Text Formatting 2: block elements Headings, Paragraphs vs. line breaks, White spaces, Lists, Indenting and tags, Searching for and relpacing elements, Spell checking.
Lesson 6
Using HTML and CSS styles Formatting text using HTML styles, Using Cascading, Style sheets for text formatting, Linking to external style sheets.
Lesson 7
Graphics File formats: GIF, JPEG, PNG, Inserting images, Applying and changing attributes, Aligning images with text, Using spacer GIFs, Using background images, Linking to image editing tools, Creating rollover images and navigation bars.
Lesson 8
Multimedia Creating Flash text and buttons, Embedding video and audio files, Inserting plug-in based content.
Lesson 9
Hyperlinks and Anchors Creating links on text and images, Linking to other pages in the site, Linking to content within the page, Linking to external sites, Mail-to links, Targeting links, Creating image maps.
Lesson 10
Working with Tables Designing pages using tables, Table attributes: spacing, padding, width etc, Using table layout view to quickly design layouts, Fixed, percentage and autostretch tables, Sorting the content of a table, Using tabular data, Nested tables.
Lesson 11
Using content from other sources Pasting text from a text editor, Pasting HTML, Importing tabular data, Inserting Fireworks HTML, Cleaning up Word, HTML.
Lesson 12
Frames & Layers What are Frames?, Creating a custom frameset, Using the frames panel, Building a navigation system, Page targeting within frames, No-frames content.
Lesson 13
Collaboration Using file check in/check out, Synchronising files.
Lesson 14
FTP and remote site management Uploading and downloading your site, Testing your site, Keeping your site versions synchronised.

Adobe Dreamweaver CC (Advanced)

This 2 day Advanced Adobe Dreamweaver CC training course goes beyond Adobe Dreamweaver basics and gives delegates hands-on experience in using Adobe Dreamweaver’s more advanced features. Delegates will learn advanced website creation tools available in Adobe Dreamweaver, including templates, behaviours, CSS and tables design.

What You Will Learn:

After completing this course, students will be able to use the advanced features of Adobe Dreamweaver CC, including SPRY and Cascading Style Sheers, to create engaging web sites in an efficient manner.What You Will Learn:

Prerequisites

This course is designed for experienced web designers or students who have attended the fundamentals course.

Certification

Certificate completion awarded once training complete.

Adobe CC Dreamweaver (Advanced) Course Outline

Lesson 1
Suite Integration Photoshop Using Layer PSD Files, Editing PSD files.
Lesson 2
Frames Using framesets, Frames vs CSS.
Lesson 3
Designing Page Layouts with CSS Understanding page layout, Using layers for layout, Adding CSS to layers, Using absolute and relative positioning, Designing with DIVs, Designing navigation links with CSS, Importing tabular data, Using table layout view, Exporting CSS rule definitions.
Lesson 4
Designing Page Layouts with CSS Continued Creating class styles, Attaching external style sheets, Creating advanced styles, Creating a new external style sheet, Displaying styles, Understanding cascading order and inheritance of styles.
Lesson 5
Using Libraries and Templates Using site library items, Creating site templates, Defining editable regions, Using templates, Applying a template to an existing page, Modifying templates.
Lesson 6
HTML Code Setting up your coding environment, Customising your coding environment, Writing and editing code, Collapsing Code, Editing Code in Design View, Working with head content.
Lesson 7
Working in Code View Use Coding Tools, Search for and Replace Code, Using Design Notes and Comments.
Lesson 8
SPRY AJAX Overview, Spry Framework, Using Spry Widgets, Working with XML, Using Spry Effects.
Lesson 9
Compatibility Browser Compatibility Check, Correcting Compataility Errors.
Lesson 10
Integrating Other Applications Using Adobe Bridge, Apply Metadata and Keywords to Assets in Adobe Bridge, Preview Web Pages in Device Central.
Lesson 11
Working with AP Elements Create AP elements, Control AP Elements Dynamically, Insert Rich Media Objects into an AP Element.

Coding & Web Design using HTML5, CSS, Javascript & Dreamweaver

2 DAYS

If you want to learn to create websites but though that learning HTML coding was beyond you, then this is the course for you. No previous knowledge of coding or programming is required, as the course is intended to demystify HTML, CSS, Javascript and Dreamweaver, so you can start using all of this painlessly.

Course Description:

If you want to learn to create websites but though that learning HTML coding was beyond you, then this is the course for you. No previous knowledge of coding or programming is required, as the course is intended to demystify HTML, CSS, Javascript and Dreamweaver, so you can start using all of this painlessly.

Historically, learning HTML coding is a subject people tend to shy away from, imagining that it’s too complicated for them, or hard to get into, or that it requires one to be some kind of programming wizard. All of this is simply not the case. If you can type – even if you only type slowly – you can type code, and if you attend this course, you will learn that it is not hard to get into doing this to create engaging websites.

We also look at using Adobe’s Dreamweaver to simplify the process of learning HTML and for managing and uploading your websites.

Who Should Attend?

Those who are interested in learning a more in depth understanding of the coding mechanics of website creation, in addition to simply learning Dreamweaver alone, will find this course beneficial.

What You Will Learn:

After completing this course, you will be familiar with and able to code websites and CSS style sheets manually on either a Macintosh or a PC and will be able to use Javascript to add more advanced features to your website. You will also be able to upload and manage your website and be familiar with the basics of Dreamweaver too.

Certification

Certificate completion awarded once training complete.

Coding & Web Design using HTML5, CSS, Javascript & Dreamweaver  Outline

Lesson 1
Overview of the internet What is the web? How do websites work? How are websites created and managed?
Lesson 2
The language of the web HTML code. CSS. Javascript.
Lesson 3
Create and view a simple web page The tools for the job; text editors and/or Dreamweaver. Create a local folder. Create an HTML file. Format your web page. Write your first bit of HTML code from scratch. View your code in a browser locally.
Lesson 4
Publish your site Domain names. Servers. File Transfer Protocols and FTP software. Uploading your web page to the internet. Change the content of your web page and update it
Lesson 5
Links and images Link your website to other sites and pages. Placing images and other content on your page
Lesson 6
Style, colour and positioning CSS – What exactly is a Cascading Style Sheet?. Create and link a Cascading Style Sheet to your web page. Add some colour to your website. Format your type. Place things where you want them and change their size. Adaptable sizing to suit different browsers
Lesson 7
Getting familiar with Javascript What is Javascript, and what can it do?. Writing Javascript. Test your work. A further look at what is possible with Javascript
Lesson 8
Design considerations The right look for your site – how to structure things. A hostile environment – designing for the web. Search engine optimisation –  how to improve your chances with Google
Lesson 9
More about using Dreamweaver Using Dreamweaver to help you learn coding. How Dreamweaver can help you to get fancy
Lesson 10
A complete site Here we go for broke, combining all we have learned so far to create a complete website. By this point you should be fairly confident with coding and ready to practice a bit and then use what you have learned as a springboard for learning even more.
Lesson 11
Useful resources for learning more A look at where to go and what to do to improve upon what you have learned.