During this CSS course you will use great new formatting techniques that are part of the CSS bag of tricks. You will use this code to give the elements of your website a special look and feel. Rounded corners, transparency and even special borders and colour techniques? CSS has never been this flexible.
Formatting websites is even more fun with CSS3. The many new options help you create stunning effects such as multiple background images and special borders. Transparent text, gradients and even transitions: the gradual change from one state into the other: a lot is possible with CSS3. During this course you will learn a few tricks to help you get started, this will be a great help exploring the many more options on the web.
Study independently at your own pace with new, extra material. With homework, homework correction, tests and help in between lessons this can't go wrong. Stuck? Use your 10 minutes video help per lesson, or save and use them together during the course.
You will learn a few CSS3 techniques and options that are at the heart of the CSS3 formatting techniques. This will help you finding your way if you want to experiment with CSS3.
Not all CSS3 goodness can yet be implemented. You will learn what to pay attention to and tricks to help you get through experimental browser stages, this will help you use as much as possible.
Want to learn more, maybe HTML or a complete webdesigner education? Have a look at the other webdesign courses.
During the first lesson of the course you will get to know different elements and their sections. You can style those individually but if you don't know how they are set up and what their syntax is, this is pretty pointless.
Once the basic concepts are understood you learn how to format and style these elements using CSS3 formatting. You will use rounded corners and borders and much more to add special effects to your elements. And of course, you will learn how to use the prefices for browsers, if necessary.
Getting to know CSS3
The 'Box' model
Adding style to different elements
After the break even more CSS3 formatting is addressed.
This part of the course teaches you how to style in more detail. You will use special effects that allow for special channels and techniques. Special colour methods too will be addressed.
CSS allows you to combine elements and this is also something you will learn during class.
You learn how to create more complex classes and what to do if you want to combine the elements they consist of.
CSS3 and transparency
Using color channels
Special interaction in colour and shape
After this course you can implement CSS3 formatting on the pages you create and manage. It will make them look more modern and add interesting effects.
Yes, this is absolutely possible. Now that all courses and educations are available via video training, you can book English spoken course from wherever you live.
All lesson material is available in English.
During your courses and education, all the training can be done in English. This means you will receive English lesson material, and your homework assignments and other assignments, as well as your homework corrections, will be communicated in English.
2 combined lessons
Runtime 1 week
You will receive homework assignements you can send in for correction.
You decide how much time you need, and when you do the course and its homework.
You can have your training on special days and times, and have special schedules that allow you to fit the training into your personal schedule.
We combine 2 1.5 lessons into 3 hours of training, a short break may be added to your course.
You decide on the pace, and on how much you need to do the homework.
Lessons can be booked individually.
Single lessons take 1:30 hours to complete.
If you combine 2 lessons, you need 3 hours.
There is no homework during this course: this course focuses on applying what you learned on your own files and at your work. It is not possible to give all students the same or student specific homework.
There is no homework during this course.
You can ask questions no what you have learned in the week following your lessons.
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.
Most courses you an attend at learningTrain will need you to use Adobe software. This can be a single application such as Illustrator, Photoshop, InDesign or Dreamweaver. But if you attend an education you may need more applications. In such a case it's best to purchase the Creative Cloud software and use this to install the software you need.
It really is advised to only use legal software. Illegal software often does not allow you to install legal software. But evevn worse is that some functionality in illegal software may render Wacom tablets useless, or certain tools, such as a brush in Photoshop, difficult or impossible to use.
Find discounts, if available, via the following links, you can sometimes get discounts of 40%.
You don't need software for this course: you are going to write the code by hand. The default plain text editor that is installed on your computer will do just fine. On Windows this is NotePad, on Mac, depending on the system, this is TextEdit(or), Plaintext or SimpleText. There is free software you can install too, these have more functionalities but it's crucial they can generate plain text without markup.
Yes, you should know how to write HTML pages by hand and how to write stylesheets. If you attended the HTML, CSS & Dreamweaver Course you know enough to attend this course. But it's best to know more, like what was addressed during the Dreamweaver Advanced Course.
It is a good idea to be handy when you use 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.
The course is for everyone who needs to work independently and creatively and is responsible for good design. We assume a professional and/or creative intent from our students but welcome amateurs and non-professionals as well. Feel free to join!
€ 295,00 excluding BTW (VAT, taxes)
€ 356,95 including 21% BTW
€ 295,00 excluding BTW (VAT, taxes)
€ 356,95 including 21% BTW
€ 395,00 excluding BTW (VAT, taxes)
€ 477,95 including 21% BTW
Ik heb genoten van deze cursus. Ik wilde al een flinke poos meer weten over de vormgeving met CSS3 maar het leek me lastig. Heel bijzonder.
Deze cursus is heel duidelijk opgezet. Je leert alles vanaf het begin en de cursus is helder opgezet, zelfs met lesmateriaal en huiswerkopdrachten. Heel duidelijk.
Ik heb heel veel aan deze cursus, ik kan direct aan de slag. Fijn, bedankt!
Peter de J.
Echt vet dit. Ik kan alle code uit mijn hoofd. Ik kan zelfs WordPress tweaken zoals ik het wil.
Ik had deze cursus nodig omdat ik met programma's werk die code genereren. Ik snapte niks van die code. En nu wel. Fijne korte cursus die in de lessen alles uit de doeken doet om goed te kunnen werken.
Als je bij de code weet te komen krijg je zelfs Joomla op de knieen. Code rules!
Heldere no nonsense cursus met goede sfeer. Met een vrouw in ons groepje die zat te neuriën terwijl wij heren ploeterden. Ze had het kennelijk goed naar haar zin. Wij ook!
Net nieuwe cursus maar wel heel handig.
Het ging om CODE! En ik dacht dat ik het niet zou kunnen! Gelukt! Geweldig!
Hans van der V.
Ik dacht dat het saai zou zijn, mijn baas stuurde me omdat onze website door een amateur was opgezet en de code moest worden opgeschoond. Maar het is gewoon gaaf!
Fijn nu meer grip op de HTML code te hebben. Bedankt.
Ik kan nu makkelijk in allerlei editors de code aanpassen. Bedankt voor alle reviews van mijn messy code.
Ik had te weinig kennis om mee te kunnen doen. Maar eerlijk is eerlijk dat was me ook verteld.
Deze cursus is dus niet geschikt voor beginners, je moet echt al weten hoe CSS code werkt en ook kennis van HTML is handig of eigenlijk zelfs hard nodig! Niet doen als je dat niet weet, dat is zonde van je geld. Maar ik wil nu toch ook leren hoe ik websites bouw straks zal ik er vast heel veel aan hebben.
M. de B.
Fijn om te weten hoe alles is opgebouwd ik kan nu makkelijk door met de rest. Fijne extra's zijn met CSS3 op onze website nodig.
Hans de J.
Webdesign is combining different elements: content. This content will be added on web pages and presented on their visitors.
Web design, strictly speaking, is designing the pages in those websites. But this is currently not enough, and nowadays 'web design' also means actually building and maintaining the pages you design.
Presenting the different content of the web pages should be done in an attractive way. Web design is not only about technique: it's about esthetics as well.
Websites should be maintained: kept up to date and adjusted. This can be done with a CMS (Content Management System), in Dreamweaver or on a multituded of different ways. This means you need to learn all about the pages themselves, and learning how to use Dreamweaver will give you solid knowledge of proper structures to allow you to use any editor and maintenance modules you want to use later on.
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.
Yes, HTML and CSS are at the heart of many apps, be it for smartphone, tablet or even desktop.
To build your apps you will need knowledge of styles, stylesheets and positioning elements. You will have to learn all about creating pages to create the different tabs and menus in your apps, too. This is all addressed during the HTML, CSS & Dreamweaver Course and the Dreamweaver Advanced Course. You can then use this knowledge in any web editor you like.
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.