As a professional webdesigner you need many skills. Your clients not only expect you to build the websites but to maintain them, too. Not only that, you are often expected to create graphics for the website. You will learn how to use Photoshop to do just that.
The Webdesigner Education combines HTML coding, CSS code, Dreamweaver, extra CSS and PHP, Photoshop and SEO. (Already know Photoshop? Swap it with Illustrator.)
You first write code by hand: this makes you independent of any webeditor and allows you to tweak WordPress and other CMS pages. You then use Dreamweaver to build websites. In Photoshop you edit and create images for use in multimedia such as your very own websites. Due to growing competitiveness of websites you will frequently be asked to optimize websites. So we address this too: SEO. Start creating websites!
New This education can be done at your own pace independently.
You will receive extensive, digital books and can count on homework, homework corrections, your tests and exam, and extra help in between classes via email. You can even call if you need more help and get 10 minutes of video training per lesson, for free.
You learn to write HTML code and CSS code from scratch. Once you understand this code you can edit contentin WordPress, Joomla and other CMS systems.
Once the code is clear you will use Dreamweaver to create complete websites with stylesheets (CSS).
Another CSS layer is soon added: CSS positioning. This is also used by content management systems such as WordPress. You will learn all about the different methods to make you an independent webdesigner.
Your education contains an SEO module: search engine optimization, to make sure your websites can be well found by search engines.
Since clients often expect you to edit images this education contains a Photoshop module too. This is used to create photo collages to create, for instance, banners and different web elements. If you already know Photoshop you can switch this with Illustrator.
It is a good idea to understand the basics of animation since you will often be asked to edit videos and use timelines. Animate is super handy to get the hang of it and it is greate to creaate vector graphics, too. If you prefer you can switch this module with extra CSS though.
If you want to learn more, why not deepen your knowledge of Photoshop or learn Illustrator or InDesign to help you create user interfaces.
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
FTP and domain
TIPDo you already know Photoshop? If you prefer, you can switch this module with Illustrator. Have a look on the Illustrator Course page to see the content of that course.
During the first lesson of this Photoshop Course you will learn how to cut out objects the right way. This will allow you to create photo collages in which the different elements blend in together well. You are going to use different tools to achieve this and you will learn what you can do with each tool and how to adjust it.
At the end of this lesson you will know how to create an image from scratch and how to prepare it to create collages from multiple images.
Selections and marking tools
The layers structure
Creating photo collages
Creating and saving files
Understanding document specs
This lesson of the Photoshop course addresses, among other things, the painting tools. You will learn how to use them and how to adjust them to fit your need. Each tool has specific settings to use them in a smart way. You will learn all that and find out what you can do with these tools to start correction and creating.
You will use special fills to not only create backgrounds but to also create and simulate shadows and special objects. Colours and fills are crucial for designs.
Using the fill options
Special fill techniques
Drawing and painting in Photoshop
Brushes and settings
Colour in Photoshop
As a Photoshop image editor you will have to know many different things. One of these things is editing colours and saturation. Photoshop has quite a number of tools to do just that and during this lesson of the Photoshop Course you are going to use the first correction tools to remove spots and blemishes.
You will also learn what you can do to get the most out of images by cropping them. Resizing and cropping are great to prepare files for internet and InDesign.
Repairing over saturation
Reparing lack of contrast
Reparing dark areas
Looking at light areas
Cropping with special effects
This lesson from the Photoshop Course will address structures in the Photoshop documents. As time progresses your documents will become more and more complicated. It is a good idea to use the layer management techniques in Photoshop to keep your work managable. This will prevent the project to become instable.
You are also going to learn how to make good use of selections and even use special selections to work on your artwork. This will help you work efficiently which will greatly improve your workflow.
Using the layers part 2
Using special layer options
Manipulating layer content
During this lesson you will learn how to use filters to give a document a special look and feel and to correct and restore images. A filter gives you many options and you will learn tips and tricks to know how to prepare documents for a smart way of implementing filters.
You can do so much with filters that this lesson focuses on explaining as much as possible so you can use tricks to really get the result you're after. This will help you prevent problems later on and to make the right choice when you use them.
Meeting the filters
Using the filter gallery
Special settings for filters
Filters not in the filter gallery
Using special settings
Tips and tricks for filters
Using filters for photo corrections
When you create layouts in Photoshop you will soon be confronted with the need to insert text. You are going to learn how to use text during this lesson of the Photoshop Course. Photoshop has many options for text and you are going to explore all of them.
You add type and add special effects. This way your designs will be unique and exactly how you need them to be. By using headers and readable columns your design will not just be great to look at but it will be easy to read and perfect to draw the attention of your intended clients.
Type in Photoshop
Using type settings
Paragraph and character
Playing with colour
Special fill options
Tricks with text
Combining skills for special effects
During this lesson you will learn how to put Dreamweaver to good use. You will learn handy settings and tweak Dreamweaver to fit your needs. This will allow you to work efficiently and fast from this lesson on.
You also learn how to automate specific tasks. You will use these well and you will create a library of handy commands. Creating, editing and managing special Dreamweaver objects makes this lesson complete.
Cleaning up code and preparing for the future
Using the document history
Using specific automization tasks
Creating your own Dreamweaver environment
Tweaking source code options
Creating Dreamweaver objects
Special page settings
During this lesson of the Dreamweaver Course Advanced you are going to position elements using the Dreamweaver interface. This will help you understand the new, fascinating way to lay out pages.
This new technique will allow you to position elements more freely while letting you control the way these elements look using CSS in a new way. First steps first: there will be much more work to be done during the next lesson.
Placing elements with absolute position
Using new layout techniques
Standards and web pages
Managing CSS in a new way
Different formatting and structuring options
Getting to know new elements
Positioning elements on a page is an essential part of being a web designer. The presentation of content is important to attract visitors.
Properly positioned elements are crucial for readability and technical realization. And although there is no accounting for taste it is important to understand the techniques for content positioning and presentation. You will find out all this during this course lesson.
Using CSS level 2
Separating content from layout
Absolute, relative, static and fixed elements
During this lesson you will use the different layout and positioning techniques that were addressed during the previous lessons to create layouts that load fast and that comply to standards.
You use relative and absolute positioning and use the other positioning types too, of course. Knowing the difference between these types and understanding when which type should be used is crucial to get the best results.
You will find examples in the lesson material and for your homework, use these to help you understand it all.
Using management inside Dreamweaver
Creating management environments
Creating template-driven pages
Adding and managing template content
Today you will use the Dreamweaver management environment and you will put its powerful options to good use while building and maintaining websites.
You will also create templates. You won't use existing ones of course, it's more fun and educational to create your own from scratch. It will prepare you for using layout techniques that can be generated by content management systems, if you later want to use these of course.
At the end of this lesson you know how to create templates and use management.
Using management inside Dreamweaver
Creating management environments
Creating template-driven pages
Adding and managing template content
During this lesson you will use special CSS classes that can be applied to specific elements. This way you can keep the layout and structure of your pages consistent and you can finetune all formatting.
You will also learn how to style elementss that are inside other elements and what to pay attention to when you do this. The trick is to keep things stable and to make good use of what CSS has to offer.
You will also learn how to create special CSS classes and styles that can be assigned to selected elements.
Using insertable dynamic elements
Formatting external files
Using multiple CSS techniques
Using element specific formatting
Managing CSS elements
TIPIf you prefer to not learn more code you can change this module for Animate, or even for Illustrator. This will help you create animations and vector artwork and help you understand timelines, frames and keyframes that are present in, for instance, video software.
Choosing a particular font is a big thing: it defines the way a website's look and feel. You already learned all about that. But there is more, learn it during this lesson.
You will learn how to use and create your own webfonts and special font kits: all is addressed.
Extra options for type
Extra type and typography CSS options
Using web fonts
Using font kits
This lesson you will use CSS3. This version gives you extra options for formatting and even layout of pages and elements on the pages you create.
You will learn special settings for colour and mixing to make sure it all works perfectly in your design.
Using different browsers
During this lesson you continue with CSS3. You will learn even more ways to make good use of CSS3 and will understand how important CSS3 can be to layout a page n you combine it with CSS positioning techniques. This way, all the pages in your websites will be properly laid out and formatted.
Formatting with CSS3
Different positioning types & CSS3
Extra layout options
Managing your styles
This lesson you will add extra functionality with scripts that can be universally implemented. You also learn how to check pages for errors for which you will need your code knowledge and of course, your common sense.
This lesson is great to learn how to add extras that make the page and its elements more attractive for your visitors. You can hide elements, show them or add other special effects.
Adding special elements
Checking and validating
During this lesson you will get acquainted with PHP. You learn what a server is and where you can download one so you can install it and test dynamic pages locally and check them for errors. This allows you to evaluate your code.
After that you continue with the first PHP scripts and learn how to use special commands to place elements dynamically. This way you can quickly add PHP functionality to your HTML pages.
Creating and managing PHP pages
PHP in Dreamweaver
Checking PHP pages
Using different PHP commands
You continue with PHP and learn how to use special functions to add extra PHP elements to your pages. This will also help you keep the page content consistent. PHP can be detached from the page for even more options.
You create pages on which elements can be loaded with PHP. You also combine pages with PHP. This way you can combine HTML code, CSS code and PHP code and put all your code skills to good use.
Adding PHP to HTML pages
Using PHP to combine pages
PHP to generate special content
Combining PHP with HTML and CSS
During this module you learn how to optimise websites. Your website may be great but it also needs to be found.
The first 1:30 hours lesson of your SEO module addresses what SEO is, how and why it is used and what you can do to do it right. You will learn about certain pitfalls and what you can do to avoid them. You will learn how to optimize websites for search engines such as Google and DuckDuckGo.
Good and bad techniques
During the second lesson you will use examples and do exercises and you will learn which technique is handiest when you create web pages.
You will of course also learn which techniques are allowed and which should be avoided. There is room for questions to help you get the most out of this module. After this lesson you can optimize web pages as you create them which saves a lot of time.
SEO techniques for web pages
Your website and its structure
Dreamweaver and SEO
The SEO module is usually the last lesson of your education. After this lesson you can prepare for the tests and of course for your exam, too.
We will discuss how you can prepare for your tests and the exam.
There is time to practise after this lesson, take your time to let things sink in. Remember the time limit though: the tests and exam should be scheduled within a month after the last lesson.
The last lesson of each (except the last) education module is the test lesson. You will receive one or a few assignments that will require all your new skills. The tests are done from home so you can be more at ease, with all you need at your fingertips.
Exam: conclusion of your last module
The last lesson of the last module is your exam. You will receive instructions for an extensive assignment. You send in your files on the agreed date and time and will receive input and tips to make your designs even more professional.
Tests will be evaluated by your teacher on appointment. You will receive input and may be asked to adjust elements to make sure the design is all right.
If you sent in all required homework and your test results are good they will are valid for your diploma.
The tests can be made during your education, or within two months following your last education lesson.
You do the exam within two months following your last education lesson. During these two months you can prepare for the exam.
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.
Per long module
3 x 2 weekly lessons
Practise week after each lesson +
Personal test on appointment
Runtime 1 month per module +
Practise week after each lesson
2 combined lessons
Runtime 1 half day +
You decide how much time you need, 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.
Attention: your SEO module will be done via video.
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 lessons each time: you have 3 hours classes.
You decide how much time you need, 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.
Single lessons take 1.5 hours to complete. You can combine lessons and have class for longer.
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.
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 training 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 code, webdesign or anything else. You will learn code, Dreamweaver, Photoshop and all the rest 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!
€ 3.650,00 excluding BTW (VAT, taxes)
€ 4.416,50 including 21% BTW
€ 3.650,00 excluding BTW (VAT, taxes)
€ 4.416,50 including 21% BTW
€ 5.080,00 excluding BTW (VAT, taxes)
€ 6.146,80 including 21% BTW
It was an extremely useful and powerful education. Thanks!
Deze opleiding is heel compleet. Je leert vanaf de basis alles, ik wist van niks en twijfelde of het goed zou komen. Maar de lerares ving dit heel goed op. Het is heel fijn om alles vanaf de basis goed op te bouwen. Na deze opleiding kan ik Photoshoppen, ik kan HTML en CSS en tot mijn eigen verbazing ben ik heel handig geworden en kan zelfs WordPress makkelijk begrijpen. Ik weet dat ik dat zelf doe maar zonder de niet aflatende goede begeleiding en het superhandige materiaal was het me niet gelukt.
Ik ben klaar met de opleiding, bedankt voor het diploma. Ik heb veel geleerd, zelfs beter mijn eigen computer begrijpen.
W. de K.
Ik vind in deze opleiding veel huiswerk zitten. Met een gezin met kleine kinderen en een drukke baan was het in het begin lastig combineren. Daar moet je wel even aan denken. Grote kracht is dus wel het huiswerk dat ook wordt nagekeken.
Jullie hebben een concurrent opgeleid! Ik heb nu mijn eigen bedrijf en ga websites bouwen voor mijn klanten. Je begrijpt dat ik dus geen reclame voor jullie ga maken maar een welgemeend dankwoord op deze plek is op zijn plaats. Heel goede opleiding, een schat aan lesmateriaal, echt top!
Wat een geweldige ervaring deze opleiding. Ik wil nu eigenlijk niet stoppen, ik ga door en me opgeven voor Illustrator.
De combinatie van deze modules maakt het tot een fantastische opleiding. Ik zag al vaker 'bedankt' staan hier en misschien is het saai maar echt bedankt! De opleiding maakt mijn omscholing echt af!
Ik raad deze opleiding aan maar met de aantekening dat je echt wel moet oefenen. Dat betekent uurtjes maken en ook echt huiswerk. Zonder maken van huiswerk gaat het niet. Ik dacht het lukt wel maar kwam tijdens de laatste lessen in de problemen. Toch alles nog ingehaald en ik mocht het nog inleveren waarvoor dank.
Ik ben echt totaal om. Als ik niet lekker kan zitten kloten krijg ik de blues. Het is nu echt mijn ding om alles zo puur en overzichtelijk mogelijk te houden. De combinatie met Photoshop en Flash is fantastisch: mijn klanten kunnen dat zelf niet en ik had grote moeite met het maken van geschikte bestanden (ik maakte al websites voor ik deze opleiding begon). Kortom: een fijne opleiding.
Ik houd voor ons ziekenhuis het intranet bij met een CMS systeem. Maar Dreamweaver gebruik ik om de templates te maken, het werkt ideaal. Door mijn kennis van code kan ik nu ook in de CMS alles precies zo krijgen als ik wil. Met Photoshop en Flash erbij is deze opleiding een droom van een combinatie. SEO is voor ons nog niet aan de orde maar wie weet, wie weet?
Johanna de G.
Wat heb ik hard moeten werken! Heb genoten. Mooi materiaal.
Omdat ik al Photoshop kende koos ik voor Illustrator. En dat paste ook mooi bij de opleiding. Code vond ik heel lastig ondanks de uitstekende instructies. Doorgezet en nu lukt het wel. Dreamweaver gebruik ik voor themes voor Wordpress. En voor onze newsletters. Ik kan deze opleiding aanraden.
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.