Info
During this course you learn HTML markup from scratch: Hyper Text Markup Language, the base of all web pages and even news letters. HTML markup is a mark-up language that can be written from scratch in plain text editors: it is a readable code that you can easily understand once you know how it works.
HTML markup is used to specify the content on the page. You tell the browser what it should render, using HTML for instructions. During this course you will learn HTML markup. You learn how to create an internet page and elements from scratch, complete with layout using HTML structures. This will give you more insight into HTML elements that are generated by web editors and CMS such as WordPress, Joomla and Typo3.
New
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.
Short introduction to your HTML & CSS COde course
During this course you learn HTML markup from scratch: Hyper Text Markup Language, the base of all web pages and even news letters. You use a plain text editor to write code from scratch, you don't need an editor such as Dreamweaver.
Since web and news letter editors generate HTML it's a great thing to learn how to read this code.
Lesson material with homework and homework correction is included.
This course is perfect if you need to tweak behind the scenes code that is generated by CMS or if you want to understand what happens when software generates code.
More webdesign? You could attend the complete Webdesigner Education to learn a complete package of skills, or have a look at all the other webdesign courses.
During this lesson you will learn how to write HTML markup 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
Exchanging pages
Reusing pages cleverly
Adding interaction
Adding links
Links with text
Links with images
After this course you can create pages with HTML markup. These pages contain pure HTML mark-up and formatting and you can use them in different editors. Even content management systems generate such pages, you will recognize elements thaat were addressed. Learning how to read HTML markup, and how to write it, is a good idea.
This course teaches you only HTML markup, not CSS code. If you want to lay out pages and add more formatting you need CSS. Attend the HTML markup & CSS Code Course instead, or of course one of the more involved webdesign courses.
I need an English spoken course.
Is this possible?
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.
What is the runtime
of this course?
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.
What is the lesson duration
during this course?
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.
What is the difference between the training types?
Regular video training allows students to train together via video. This is similar to training in a classroom, but it's online.
This type of training is perfect if you want to attend a course from a different country, too.
This is usually the best way to train since you learn from other students' questions, but it is possible that you end up in class alone: we don't cancel classes since we don't like minimum attendance requirements. Every student is welcome if they want to train.
We set up a schedule which depends on availability and always combine two lessons. If your course contains an uneven number of lessons, one of them will be a single lesson. Simple.
With a personal video course or education you can set up a special pace. You can for instance combine or split lessons and have class on days and times that work with your personal schedule. This will depend on availability: if you would like to book a day that is not available, we will find another day that will be good for you too.
If you prefer, you can do the courses and educations from home at a special pace. This means you receive the lesson books and required material when you are ready to receive them.
You decide how much time you need to read the lesson material and how much time you want to spend on doing the homework.
In short: it's all up to you. We can help set you up a schedule though, if you like.
What's the homework like during this webdesign course?
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.
Homework correction
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.
Answering questions
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.
What do you need
for this course?
Adobe software
for your course or education
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.
As a LearningTrain student, save up to 65% on Adobe software.
Find discounts, if available, via the following links, you can sometimes get discounts of 40%.
What do you receive
with this course?
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.
Do you need prior knowledge for this webdesign course?
You don't need to know anything about code or web editing software. You will learn how to write code in a plain text editor from scratch.
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!
Pricing for your course
€ 380,00 excluding BTW (VAT)
€ 459,80 including BTW
€ 380,00 excluding BTW (VAT)
€ 459,80 including BTW
€ 395,00 excluding BTW (VAT, taxes)
€ 477,95 including 21% BTW
€ 495,00 excluding BTW (VAT, taxes)
€ 598,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.
Jan J.
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.
Jan. V.
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.
Gé 'Staalklavier'
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.
Paul W.
Als je bij de code weet te komen krijg je zelfs Joomla op de knieen. Code rules!
Bart C.
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!
Jacob K.
Net nieuwe cursus maar wel heel handig.
Sharon P.
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!
Jorine P.
Fijn nu meer grip op de HTML code te hebben. Bedankt.
Jeroen A.
Ik kan nu makkelijk in allerlei editors de code aanpassen. Bedankt voor alle reviews van mijn messy code.
Ron B.
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.
Questions about webdesign & webdesign courses
What is Webdesign?
What is Dreamweaver?
Is Dreamweaver difficult?
My Dreamweaver app is old, can I still use it?
What can I do with Dreamweaver?
Do I have to learn HTML code (markup)?
What can I do with HTML markup?
Is HTML markup difficult?
Can I learn HTML5 code?
Do I have to learn CSS code?
What can I do with CSS code?
Is CSS code difficult?
Why would I learn Dreamweaver, isn't WordPress more modern?
Can I attend a WordPress course?
Can I build websites with WordPress, Joomla, Drupal and so on?
Which programs do I need as a webdesigner?
Can I learn PHP code?
Can I learn Javascript, ECMAscript?
I only want to design, not build, websites. What do I need?
I have to tweak webpages generated by a CMS. Is Dreamweaver good for this?
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 markup tells the browser to show it. The same applies to the column in which I type this. The HTML markup 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 markup. Don't let anyone fool you.
Even if you use Dreamweaver, HTML markup 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 markup 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.
Have a look at two pages that are identical. But one is using CSS, the other is not. The HTML markup though is identical.
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.
Example
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.
You will need (some) knowledge of scripting such as JavaScript/Ecmascript, and depending on the developing software you will use, this can be pretty basic or quite intense.
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.
Dreamweaver
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.
FTP program
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.
Illustrator
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.
Photoshop
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.
Animate
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.
Javascript is a different code language as well. And just as with PHP it will take you quite a while to learn it. You're better off attending a real Javascript education somewhere else.
You will though see some Javascript during the different courses. We will teach you what it does and how you can tweak certain elements.
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.
Adobe Illustrator
This really is the number 1 program to design websites. It is so handy, you can easily move elements around and make things perfect.
Adobe Photoshop
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.
Adobe InDesign
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.