Dreamweaver is an Adobe application, originally developed by Macromedia. It is used to create and manage websites. During this Dreamweaver course you will learn how to use Dreamweaver.
In Dreamweaver you can see both code and design. This gives you a wealth of options to save time: you can concentrate on code and type it by hand if you need this, you can concentrate on the design while tweaking the stylesheets and to top it off you can see code and design simultaneously and tweak the code to see the results in the design. This is what you will do during this course: you will learn HTML code and CSS code and you will learn how to use Dreamweaver to save a lot of time.
This Dreamweaver course teaches you HTML code and CSS code first. This makes you independent of any web editor like Dreamweaver and even allows you to check and change code in WordPress.
Then you create web pages with Dreamweaver, add interactivity such as links and web forms. You create stylesheets to format pages finally, upload the website. This course teaches you all you need to know to get started.
This course is perfect if you need learn how to write HTML and CSS code and learn how to create designs for web pages and news letters.
During this lesson you will learn how to write HTML code in a plain text editor. You will learn what to pay attention to from the start and which pitfalls you can avoid. The teacher does exercises with you, you can ask questions and your mistakes are corrected during class. You will have homework and your code will be checked.
You will use elements that make up HTML: the 'tags' and 'attributes'. You will understand what these are and what the difference between different elements and their formatting can be. And whether you use HTML, XHTML or HTML5: all pages on internet need this code.
Getting to know HTML
What is HTML
HTML developments: HTML and its different versions
Creating a web page
Colour and layout
Tags and attributes
Now that you understand the HTML syntax it's time to create web pages with tables. Tables are not the correct layout elements for web pages but are extremely useful to learn structure. What's more, they are the layout technique and therefore impossible to avoid for news letters: tables are really useful elements.
You will connect pages with one another so you can navigate from page to page, using different types of links. This creates an interactive web of pages. Of course there are even more options such as email links. Learn all about links during this second lesson.
Getting to know layout structures
Reusing pages cleverly
Links with text
Links with images
You will learn CSS code during this lesson. You learn the options of CSS so you can apply this to your HTML code. You combine HTML code with CSS code: this way you create web pages and use different font types, colours and fill options. CSS allows you to do wonderful styling and layout in webpages.
Different formatting options are explained. You create pages with a HTML structure and use CSS to make them look good.
This is your last coding lesson, at least by hand. Starting next lesson you will use Dreamweaver. You will need your code knowledge for that.
HTML default formatting
Understanding CSS syntax
Adding CSS to your web pages
CSS to format pages
CSS to format page elements
During this lesson you will get familiar with Dreamweaver. You will look at the interface and get used to the way it works. Dreamweaver has many functions and it's good to familiarize yourself with the first ones.
You build a small but complete website from scratch, integrating all content needed for a website such as interactivity, links, layout and formatting. At the end of the lesson you will know your way around Dreamweaver.
The Dreamweaver interface
Building a website with Dreamweaver
HTML and CSS in Dreamweaver
Adding links for e-mail and files
This lesson is all about CSS, creating and maintaining CSS styles and classes within the Dreamweaver environment. You will get to know the different options for stylesheets and learn how to apply the special formatting options CSS have to offer. This way your pages will be great to look at and consistent.
Formatting complete pages and specific elements: all is addressed. The emphasis lies on formatting and layout using stylesheets for consistency.
CSS in Dreamweaver
Creating HTML tag styles
Creating and applying special classes
Using pseudo classes
Managing link styles
Creating external stylesheets
During this lesson you will add different types of interactive elements to give a visitor something to interact with.
You will also create a form. Forms are a crucial ingredient of any website and you will have to know how to create and manage them.
After that you will learn how to upload a website so the world can see your work. You will learn all about hosting and domain during this lesson too.
Looking at interactivity options for images
Using graphics in special elements
Adding form content
Formatting special elements
Links with special functions
Adding rollovers and editing them
Looking at the first scripts
The last lesson of your course or education module is the test lesson. This is attended separately from the group. You will do a few exercises that require the knowledge and new skills you acquired during this training.
InDesign & Dreamweaver Advanced
Since these tests are quite extensive you do these at home. You send in your work at the appointed time and will receive tips and input to adjust things to make your design more professional.
Tests at LearningTrain
If the test takes place at LearningTrain your work will be evaluated after you finished your test.
If you sent in all required homework and the final test results are good you will receive the certificate.
Tests from home
Tests you make at home or work will be evaluated on appointment
If you sent in all required homework and the final test results are good you you can come over to pick up your certificate.
With individual courses
The test should be scheduled within a month after the last lesson.
You can schedule the tests during the educaiton but you can also do all the courses at the end of the education, allowing you to have lots of time to practise. This way you use the entire runtime of the education to let things sink in. Schedule your tests within two months after your last lesson.
These courses are usually in Dutch although English is possible. We always check with the enrolling students and switch to English, if this is possible. Most Dutch are welcoming expats so English is often possible.
These courses are usually possible in English since lots of expats have busy jobs or families and don't want to arrange traveling too many times. We do always check with enrolled students if English is fine, this is usually the case. It is also possible to start a new 2-days group for English speaking students.
In that case you will get training in English if you prefer. The course will be booked for you and one fellow-student max who will speak English as well.
6 lessons +
1 personal test lesson on appointment
Runtime 1 month per module +
Test on appointment
Practise week after each lesson
2 days of 3 lessons +
1 personal test lesson on appointment
Practise week after each lesson
Runtime 2 weeks per module +
Test on appointment
1 extra homework week is possible
You have class with one fellow student max.
We combine 2 lessons each time, the resulting runtime is 3 weeks.
Single group lessons: 1:45 / 2 hours
Combined lessons: ± 3 hours
Two days from:
10:00 - 15:00 hours or
15:00 - 20:00 hours
We combine two lessons into 3 hours lessons.
Personal reserved course
Lessons can be combined or booked individually.
Single lessons 1:30 hours
Combined lessons: 3 hours
Homework after each lesson
You will receive homework each week. Making this homework takes about 12 hours per week in total. If you only do the required assignments you will need about 5 hours per week to do your homework during this course.
When do I send in homework?
You have a week to make your homework: you send it in in the week following your lesson so your teacher can evaluate your work.
Your teacher reserves time each week to correct and evaluate your work. You will receive corrections and tips, if necessary. There are guide lines to send in your work: you will receive them during your first lesson.
About 12/15 minutes are reserved for questions at the start of each lesson. This allows your fellow students to learn from your questions and the answers.
Please note the software for your course should be installed before class, there is no time to install it during class and this would mean you wouldn't be able to do the exercises.
You take care of the software yourself, as Adobe Preferred Partner we can only sell multi licenses and seats to companies.
You either buy the software or install a trial.
If you already own Adobe software there is no need to purchase the subscription based Cloud applications. The following suites are still perfectly usable:
Creative Suite CS4 through CS6
You don't need to know anything about Adobe Dreamweaver or HTML code and CSS code yet. You will learn everything from scratch and can join this course even if you have never used any Adobe software in your life. You will learn all you need to know and will soon be able to do exercises and design websites.
It is a good idea to be handy using your computer.
This means you can install programs (you will have to install software most times) and you can organise, monitor and manage your folders and files.
+ personal test lesson
€ 825,00 excluding BTW (VAT, taxes)
€ 998,25 including 21% BTW
2 full days with 3 lessons
+ personal test lesson
€ 950,00 excluding BTW (VAT, taxes)
€ 1.149,50 including 21% BTW
+ personal test lesson
€ 1.195,00 excluding BTW (VAT, taxes)
€ 1.445,95 including 21% BTW
2 full days with 3 lessons
+ personal test lesson
€ 1.600,00 excluding BTW (VAT, taxes)
€ 1.936,00 including 21% BTW
In that case special schedules are possible. You can combined more lessons, or attend them at a special pace.
Personal AND reserved training (1 pers. max)
€ 2.400,00 excluding BTW (VAT, taxes)
€ 2.904,00 including 21% BTW
Ik had de code al zien staan in Dreamweaver maar ik begreep nooit dat dingen opeens fout konden gaan. De basiscursus bestaat uit drie lessen code, dat was echt geweldig. Ik kan alles naar mijn hand zetten. Zelfs wat Dreamweaver eigenlijk niet wil. Eindelijk!
Never thought it would be easy. But I can now make my own sites. I shall do Advanced in March next year, thanks people, keep it up!
Ik vond Dreamweaver helemaal te gek. Lekker klooien met codes, leren hoe je alles 'goed' toe moet passen en dan meteen het resultaat zien. En zoals voor elke cursus geldt: Geweldig lesmateriaal!!!
Never though I'd have so much fun. Thanks folks. Code rules! (pun intended).
Ik zag mezelf meer als een hap en snap bij elkaar plukker van onderdelen. Lekker makkelijk! Maar het is waar: soms gaat het mis en weet jij veel wat je fout doet. Na deze cursus kan ik mezelf een codebeest noemen. Ik werk nu veel meer in code dan in design. Misschien omdat het zo'n kick is. Fantastische cursus!
Ja hoor, ook een vrouw kan HTML-en. Ik vond het te gek. Leuk te zien dat mijn vooroordeel was bevestigd en ik de enige vrouw was die meedeed maar ik was lekker wel de snelste jongens!
Ik heb mijn eigen website kunnen bouwen! Na jaren bozig over de beperkte mogelijkheden van de 'gratis website' van mijn host heb ik er eindelijk een die ik leuk vind!
Carol van V.
Ik had nooit gedacht dat ik het zo leuk zou vinden. Ik 'moest' voor mijn werk maar wat vond ik het leuk. Zo leuk dat ik me nu vast aanmeld voor vervolg. Heel erg bedankt mensen!
Gabriëlle de W.
Moet lachen om 'vrouw' hierboven. Volgens mij zat ik bij jou in de groep, dame. Je was inderdaad snel maar ik ga door met vervolg. Jij ook?
Webdesign is het samenvoegen van verschillende elementen: content. Deze content wordt op webpagina's geplaatst en vervolgens aan bezoekers gepresenteerd.
Webdesign is strikt genomen alleen het ontwerpen van websites. Maar dit dekt allang niet meer de lading, tegenwoordig wordt met 'webdesign' ook het daadwerkelijke bouwen en onderhouden bedoeld.
Het samenvoegen van de verschillende content elementen moet op een aantrekkelijke manier worden gedaan. Webdesign is dus niet alleen technisch maar zeker ook esthetisch.
Websites moeten worden beheerd. Dit kan met een CMS (Content Management Systeem) worden gedaan, in Dreamweaver of op een andere manier. Op die manier worden websites ook bijgehouden.
Dreamweaver is an Adobe application (and originally developed by Macromedia), just like Illustrator, Photoshop, InDesign and Flash. Dreamweaver is used to build websites from scratch. But you can also use templates to make your work faster.
Dreamweaver is used to build and maintain websites that are online or intranet based. You can create pages, add images and forms and define your very own layout.
Dreamweaver allows you to see both code and design to check for possible errors and to tweak everything until it's perfect.
Dreamweaver's biggest asset is the total freedom: you can design and build anything, use templates and even combine it with WordPress and other CMS.
You can quickly adjust colours and move content around: you're designing layouts. Dreamweaver is perfect for this.
No, Dreamweaver is not difficult provided you learn how to use everything properly. Dreamweaver has many, many features so it's a good idea to learn exactly what you need to get you started. You don't need to know everything, but what you need is a lot. You'll see.
The 'difficult' part is usually the code. Most students have never seen HTML or CSS code before, let alone written it. But they all learn it and have fun doing it.
As a creative user you will want to learn more. You will often find yourself fiddling with colour schemes and rearrange elements on the page: you are laying out web pages. And Dreamweaver is perfect for that as well, it is developed for both coders and designers.
Adobe implements the latest guide lines from the developers of HTML and CSS into the software.
This means an older Dreamweaver version can generate older code that does not have to be supported by modern browsers. This may result in elements that are not shown, or simply shown but rejected in layout. Some formatting may not be accepted.
An older Dreamweaver can not generate (X)HTML5 either.
But if you know how to write code and know what is right and wrong, you can simply use that older Dreamweaver. You should be fine.
You can use Dreamweaver to build a website from scratch. You create the stucture with HTML. You can write this code yourself or let Dreamwaver generate it.
You then specify what the pages should look like and what should be added on them.
You can connect to a WordPress site to edit the layout and structure. Dreamweaver will show you all you need to see to make this a breeze. It will be fun to tweak it all.
You can use Dreamweaver to design news letters and then integrate those in any system that can process HTML and CSS. And thankfully, these sytems almost all support that. You can decide what the news letter should look like and freely create.
Dreamweaver allows you to integrate PHP elements in static pages, or to build everything dynamically. Dreamweaver lets you manage and edit all possible types of pages and of course websites that have been created in no matter what type of editor. You can combine static and dynamic elements to be completely flexible.
You can connect to databases in Dreamweaver and allow it to get the information that needs to be shown on specific pages. You can create special connections and specify what content you need.
If you use WordPress you will have a lot of templates ('themes') to choose from. But of course, the best thing is to design them yourself! And you can use Dreamweaver to do that just perfectly.
A popular thing to do is to create a beautiful portfolio for online use. You can use Dreamweaver for that: you can create pages with all your important graphics and images for the world to see and adjust the other content as much as you need.
Dreamweaver is often used to maintain websites. Because it allows you to see both code and design, maintenance is a cinch and will take far less time than other CMS based mainteance.
Dreamweaver contains a management system that keeps track any changes in the websites you build. This means you can tell Dreamweaver to check links, for instance, or allow it to notify you if files or folders are moved or changed.
Dreamwever lets you create and use templates. They allow you to quickly generate pages that are using the same structure. This will save you a lot of money since it saves you a lot of time! You can then freely change the content on the page and upload it to the server of choice. It's ideal.
You don't really need it, strictly speaking, there are editors that allow you to create websites without even seeing code. Or you can use systems like WordPress.
But have a look at the above 'Questions' button. The HTML code tells the browser to show it. The same applies to the column in which I type this. The HTML code defines that the text ends up in this column.
If you want to change that though, and want to remove that button, or any other elements on the page for that matter, you will need to know HTML code. Don't let anyone fool you.
Even if you use Dreamweaver, HTML code knowledge is incredibly useful. It will allow you to specify exactly what you need on the page. What's more: for SEO techniques (Search Engine Optimization for Google, for instance) you will need that very same code since SEO is mostly done in the code and by placing the HTML elements correctly.
HTML specifies the structure of a page. With HTML, you tell the browsers which elements should be shown. HTML defines what the visitors see.
For each such element you will need a 'tag'. And very often, an 'attribute'. A 'tag' is a word you use to tell the browser what kind of element it is. You need a tag to show an image, for instance. The tag for an image is 'img'. Nice and handy.
The 'attributes' are extras that are placed on top of these tags. You can tell the browser this tag needs something special.
An image for instance will need to be picked up somewhere by the browser. It does that with that image's source reference: it tells it where the image is.
No, HTML code is not difficult. Like I said before: the code consists of tags and attributes. You can learn how to recognise and write these during different courses.
HTML is a logical language that comes in different flavourse. Find out during one of the courses and get to know, for instance, HTML5.
Yes of course! You learn HTML and HTML5 during all the coding (parts of) different courses.
HTML5 code is identical to HTML, HTML5 contains a few more tags and options, you will find out all about this during the courses.
CSS code is important: it is at the heart of the design of all web pages. Again, have a look at the above 'Questions' button. It is there because HTML tells it to. But being there is not enough, it should look nice. It is yellow, has a specific size and is positioned on the left. All that is done with CSS.
CSS code defines the way the elements on the page look and even the entire layout of the page.
You need CSS to define how elements look and HTML to define which elements should be present. The two codes work together, it's not one or the other.
HTML tells the browser what to show.
CSS tells the browser how it should look.
HTML tells the browser it should show a paragraph.
CSS tells the browser which font and colour should be used.
No, CSS code is not difficult. It is a beautiful, clean language. It will be easy to learn during the classes, they are complete with homework so you really will learn it all.
You will learn everything from scratch during the 'HTML, CSS and Dreamweaver' course. You can also attend the CSS and Dreamwaver cursus if you only want to learn CSS and already know how to use Dreamweaver. You will then use CSS styles, classes and much more.
Systems like WordPress are very different. You can't design a website with them. If you want to design and build a website from scratch Dreamweaver will become your new best friend.
You will find it's completely flexible and you can use it to create WordPress themes, and you can even connect to databases such as a WordPress database.
The code WordPress uses on its pages, by the way, is yet again: HTML. If something should go wrong or has to be tweaked you should know what to do. It always boils down to code.
What's more, WordPress uses CSS in stylesheets too. CSS and HTML really are everywhere in websites, blogs and of course Facebook and other social media.
Yes, of course you can. LearningTrain has a special WordPress course that will teach you all you need to install WordPress and how to set it up and use it.
You will learn how to insert different types of elements and of course how to connect to the WordPress database. You will even learn how to create that database yourself, this will give you all the control you need.
These are content management systems. In short: the content of the website is managed. Each text and image is referred to via a database and can be picked up at any time.
The way the website looks is not defined by that database. You can decide how it all looks if you know your HTML and CSS code, or you can use one of the default templates that are available.
With Dreamweaver though, you build your own template.
As a webdesigner you need a few programs to perform tasks you need to do at work. You usually won't need everything but some students need a lot.
With Dreamweaver you can create webpages and websites and of course you can also manage websites. You can create WordPress themes with Dreamweaver and for different media like blogs, newsletters and other on screen presentations.
If you do the publishing yourself a great asset is a proper external FTP program. Dreamweaver has many interesting options and functions but a real FTP application is a great addition for specialized tasks.
Plain text editor
It can be so good to quickly type some clean code. This helps you create a special stylesheet and format it the way you want, or clean a stylesheet that is not properly formatted or contains useless spaces if it was created by Dreamweaver.
The following programs are great to design the layout and structure of your websites, they help you move content around to see if it all works before you build.
Adobe Illustrator is unbeatable for designing websites. This website was designed with it too. Attention though: designing a website is not the same as actually creating it. The design is static. The website was built with Dreamweaver.
You can design websites in Photoshop too. It is a bit slower and clunkier so it takes more time.
But: you really need Photoshop to edit all the images for the websites so you really need Photoshop too.
If your clients want an animated banner or a quick animation for presentations you can create this with Animate. But: Animate is also used to create apps. For Mac too, by the way. It's handy.
PHP is a different code language. Writing PHP code is easy but the options are legion. It all boils down to understanding all the possible commands you can give the server to create and generate the content you need.
If you want to learn PHP it's best to attend a PHP education that will take you at least a year to complete.
We have a short introductional PHP course to get you started with it. It will soon be translated into English.
There are plenty webdesigners around who do just that: they only design the websites and don't build them.
If you want to design websites you will need an application that allows you to create layouts for interfaces and pages. It should allow you to insert text, images and anything you need to create a visual representation of a page.
This really is the number 1 program to design websites. It is so handy, you can easily move elements around and make things perfect.
This is often used but frankly, it's usually due to the fact most designers know Photoshop and not Illustrator. You can move things around in Photoshop too, and recolor elements. But it all takes so much more time.
You can design websites in InDesign too. It's just less easy than in Illustrator.
Yes, for sure! You can use Dreamweaver to create a design for a page and then use the structure and/or styles into your CMS (Content Management System). This can then use your instructions to format the pages on the website.
Some CMS are less persmissive though and won't allow everything. You can adjust the stylesheet though and test things in Dreamweaver to see how it works out.
Designing webpages in Dreamwaver is so easy that it will save you a lot of time. Yu can for instance create a page and optimize it and then use it as a base page for your CMS. You will see, it has a lot of advantages. It's so easy to design in Dreamweaver, and often much easier than designing through a CMS interface.
Without Photoshop webdesign is more difficult. In Photoshop you edit images, you crop them or isolate elements. Tricks with text and even restoration: Photoshop is almost necessary.
Photoshop can even be used to design the entire website. You combine images and add text to create the example and then use Dreamweaver to build the website. It is a good idea to know how to use Photoshop and not have to depend on others.
Illustrator is a fantastic program to design websites. This is often done in Photoshop but this is mostly due to the fact Illustrator is less well known. Icons and buttons too are usually designed in Illustrator.
All buttons, special illustrations and even the background images you see on this website have been created by us in Illustrator. Illustrator allows you to create graphics that will scale perfectly and that are light and crisp.
As a graphic designer you will often be asked to design a website. Not only that, your clients may like you to build it for them as well. A good idea to learn how to do that.
You can combine your great graphic design skills to create the most stunning website designs. The two worlds meet, be part of it and start creating websites now.
As a web designer your clients will often ask you to create an animated banner. Knowledge of Animate is crucial as a webdesigner. You can create animations that can not only be used on websites but on presentations on a company's intranet, or even in PowerPoint.
Animate is not only used for animations: it is also used to create apps. And apps are hot, you will need to know Animate to design. That being said though, Adobe has developed a new application. A new course will appear for this somewhere in 2019.
Search Engine Optimization is a crucial part of being a web developer but it may not yet be one of your skills. If you are not expected to optimize your client's websites, don't bother learning it since it takes a lot of time and research to keep your skills up to date. But if you want to offer SEO services, you will have to learn how to do that.