Adobe Dreamweaver Training when you need it
Adobe Dreamweaver is an industry standard web development environment. It allows users to create simple or complex dynamic websites.
Professional web developers can access the code and take advantage of error checking and formatting features. For more basic users with little knowledge of HTML, Design View provides an editor which can generate all the HTML code.
Designers and the developers can use a split view which allows them to edit the code directly in the scripting window and to see the changes in Design View without the need to switch between the two.
Adobe Dreamweaver Introduction
Adobe Dreamweaver Introduction
Participants on this Adobe Dreamweaver Introduction 1 day course will gain an understanding of the principles of website development using Dreamweaver, including setting up and building your site using a variety of tools and techniques.
You will gain a solid foundation of skills upon which to build.
The course assumes no prior knowledge of Adobe Dreamweaver, however, people with limited exposure to the software and those who are self-taught will also benefit from attending this course.
Course Skill Level
10 Students (max)
1 Day Training Course
Upcoming Public Courses
Getting Started with Dreamweaver
- Introduction to Dreamweaver
- Navigating Dreamweaver
- Customise the Workspace
- Use Help
Creating a Site
- Create a New Site
- Defining a Local Site
- Organize a Site into Folders
- Plan Navigation
Creating a Page
- Create and Layout of a Page
- Enter Text
- Create a Page with a Template
Styling with Style Sheets
- Introducing Cascading Style Sheets (CSS)
- Creating a New Style Sheet
- Using CSS Selector Styles
- Attaching External Style Sheets
- Editing Style Sheets
- Using Embedded Styles
- Working with Graphics
- Graphics on Web Pages
- Placing Graphics on the Page
- Optimising inside Dreamweaver
- Insert Internal & External Links
- Linking to Files in Your Site
- Linking to Named Anchors
- Adding E-mail Links
Displaying Data in Tables
- Create Tables for Data Display
- Modify Tables
- Style a Table
Publishing Your Site
- Prepare a Site for Uploading
- Testing Your Site
- File Maintenance
- Connecting to a Remote Site
- Upload a Site
Any of our courses can be tailored to the unique requirements of your team. Our Off the Shelf courses are modularised with this option in mind, which means that you could mix and match from a selection of existing topics, or we can work with you to develop something specific to your organisation. Either way, we are on hand for advice on the best way to structure your customised training course.
To help you with your customised option, you can choose from our extensive list of course topics. We can then help you to assign the appropriate amount of content based on your training timeframe, and the best order of topics to ensure your training flows well. Our aim is to help every participant gain valuable knowledge and skills.
Adobe Dreamweaver FAQ's
Adobe Dreamweaver is the industry standard tool for web designers and front-end developers. It combines a powerful design surface and best-in-class code editor with robust site management tools. This simplifies the process of designing, coding, and managing websites that look great on any size screen.
Dreamweaver lets you build responsive websites that adapt and scale to any browser, regardless of the size, screen resolution, or orientation. Integration with other Adobe applications means you can use design assets from tools like Photoshop and Illustrator, and you can browse and access stock photos from Adobe Stock.
Key features of Dreamweaver:
- Real-Time Browser Preview
- Creative Cloud Libraries
- In-Context CSS Documentation
These are just some of the features available in Dreamweaver, but it’s a highly sophisticated application with loads of features so of course there are many more.
Have you ever wondered why the Dummies books are so popular? Well, it’s probably because so many of us are self-taught, using Google to find out how to use a function, or we are shown how to use software by someone at work. Although this can be useful, it also means we tend to spend a lot of time with trial and error, or we are just picking up somebody else’s bad habits. Trial and error, unfortunately, involves a lot of error, and the bad habits you pick up will probably be passed on to the next person, so soon they spread across the business, meaning entire teams can end up working inefficiently.
At this point, you might head to the bookstore or do an online search to find a Dreamweaver for Dummies book to help solve some of those tricky issues. That’s a step in the right direction, and we sometimes use reference manuals ourselves. The problem is that trying to learn by trial and error may cost you many times the cost of a good training course.
Our Dreamweaver courses are designed to target the key features and tools included in the various applications to help you get back to work and apply them right away.
A training course with Keystroke Learning can set you up to take full advantage of your software. We want Adobe Dreamweaver to work for you, not the other way around. We also make a point of passing on the best of our knowledge and experience to help you save time in your daily work. We know lots of shortcuts for your software applications, and we want you to know them as well.
Typically, one of our experienced trainers will walk you through the features and functions of the software, then you will try them out on your own, with tips and guidance on getting the best out of the features. We also encourage participants to ask lots of questions to help you get the most out of your learning experience.
You’ll receive a manual to take away at the end of the course, as well as exercise files so you can practice later, or just to jog your memory when you need.
You can use the Document toolbar to quickly toggle between different views. The following options appear in the Document toolbar:
Code View – Displays only the Code view in the Document window.
Split View – Splits the Document window between the Code and the Live/Design views.
Live View – this displays an interactive preview that renders HTML5 projects and updates in real time to show changes as you make them. You can also edit HTML elements in Live View.
Design View – Displays a representation of your document showing how the user would see it in a web browser.
If you find yourself using the same code blocks multiple times, you should consider using code snippets to speed up the process of writing code. You can write the code once, and save it as a snippet. Once this is done you can then double-click it in the Snippets panel to insert it in multiple places.
Snippets created using the Snippets panel are not site-specific, which means that they can be reused across multiple sites. You can also use snippets across different devices, and on different versions of Dreamweaver by using sync settings.
Dreamweaver comes preinstalled with a library of code snippets. However, you can always build your own code snippets and save them for later use.
Yes, using Dreamweaver you can test your production-ready web pages on multiple devices at once. You can see how your web page reflows with different form factors and test any interactive features you have added to your pages.
You don’t need to install any mobile app or even physically connect the devices to your desktop. Just scan the automatically generated QR code with your devices and then you can preview your web pages on those devices.
Live inspect, once triggered on your desktop, is reflected on all your connected devices and helps you to inspect various elements and fine-tune your web page design.
It’s easy to edit HTML code in Dreamweaver’s code view just by typing your HTML. But Dreamweaver also gives you some extras that extend it beyond a basic HTML editor.
Just start writing an HTML tag by typing <. If you pause right after that character, Dreamweaver will show you a list of HTML tags. These are known as code hints. To narrow down the selection, start typing letters, and Dreamweaver narrows down the drop-down list to the tag that matches what you’re typing.
If you’re new to HTML, you can scroll through the list of HTML tags, trying them out to see what they do. Dreamweaver will continue to prompt you for attributes once you’ve typed a tag. For example, if you type ” <i”, Dreamweaver will drop down to the HTML tag, and display other tags starting with I further down the list.
If you plan to develop dynamic pages using server-side languages such as PHP, you can set up a testing server to generate and display dynamic content while you work. The testing server can be on your local computer, a development server, a staging server, or even a production server.
Setting up a testing server gives you the opportunity to test code safely without causing any problems on your live website. Having a local test server also means you don’t waste any time uploading, testing, fixing, reuploading, and retesting your pages.
Your learning doesn’t stop once you have completed your course. We hope you will continue your experience by taking some time to practice what you have learned and apply it to your own situation and environment.
If we have done our job well, you may be inspired to learn even more by attending another course. If you are looking for something other than Adobe Dreamweaver, we have a comprehensive range of courses available for you to choose from.
We are here to help, so please don’t hesitate to contact us if you need any further advice.
Learn Today Face to Face Online with Keystroke Learning
Learn with Keystroke Learning
Our training approach is professional yet friendly, motivating participants to learn quickly and easily.
When you complete our training course, you will be ready to apply your new skills right away.