During this course you learn HTML code from scratch: Hyper Text Markup Language, the base of all web pages and even news letters. HTML code 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 code 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 code. 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.
During this course you learn HTML code 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.
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.
Lesson type: single lesson
Lesson duration: ± 2 hours
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.
Lesson type: combined lesson
Total duration: ± 3 hours
Getting to know layout structures
Reusing pages cleverly
Links with text
Links with images
After this course you can create pages with HTML code. 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 code, and how to write it, is a good idea.
This course teaches you only HTML code, not CSS code. If you want to lay out pages and add more formatting you need CSS. Attend the HTML Code & CSS Code Course instead, or of course one of the more involved webdesign courses.
2 combined lessons
Runtime 1 week
You will receive homework assignements you can send in for correction.
You have class with one fellow student max.
The runtime is the same: class plus one week for your homework.
Would you prefer class on your own? Ask for personal reserved training.
2 combined lessons
Each lesson takes 1:30 to 1:45 hours to complete.
1 fellow student max
2 combined lessons
Each lesson takes 1:30 hours to complete.
Lessons can be booked individually and take 1:30 hours to complete.
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 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.
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 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.
€ 395,00 excluding BTW (VAT, taxes)
€ 477,95 including 21% BTW
€ 495,00 excluding BTW (VAT, taxes)
€ 598,95 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)
€ 595,00 excluding BTW (VAT, taxes)
€ 719,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 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.