Master of Web Design


2 locations available
Read more about this program on the school's website

Program Description


360 Hours (6 Months)

The content of this program is indicative, and it may vary for reasons of updating or modifying the contents.


Web design, as you know, is one of the most demanded professions in the world. And it is that any company in which you are going to work, or with which you are going to start, will need a web page to show its offer of services or products. This is where the work of a person who masters the knowledge of the world of web design and development becomes important. In this master, which consists of two modules, the student will learn the bases of the most used programming languages in the world (HTML5 and CSS3) and also about the most used content manager today, Wordpress.

In the first module, we will work on the basis of programming, specifically with the HTML5 and CSS3 languages that come to mean what we could call the skeleton of every website. Correct training in these languages will allow the student to face any type of project with a solid foundation. We work on the structure of the sites and the correct way to arrange the information for the user so that navigation is easy, intuitive and attractive. Also to achieve that desired aesthetic, the insertion of multimedia content in all its formats (video, sounds, images) is worked, as well as the adaptation of the webs for all the devices from which the Internet is accessed today. It is what we call a website with responsive or adaptive design, which adapts perfectly to any device and screen size. In the last part of the first module, the student is introduced to the use of simple plugins with JavaScript / jQuery, with real practical examples.

In the second master module, the student learns to master content management through WordPress, a powerful open source CMS that is used by countless web pages today thanks to its intuitive design for the administrator and its users. extensive possibilities for the user. We will work on the creation and installation of themes, the correct configuration of the platform and the installation of utility plugins, which help increase the functionality of the sites and turn a static web design into a site with totally dynamic and really attractive content.


  • Plain text editor specialized in web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Mobile-first Indexing. Bootstrap
  • SEO web positioning. Accessibility and usability
  • JavaScript
  • jQuery
  • WordPress web design
  • Web Conceptualization and Sketch
  • Quote and web planning
  • Web development and optimization in WordPress


360 Hours Total

  • In person or Online
  • 280 Hours of Classes
  • Monday to Thursday (+ some Friday)
  • 80 Hours Final Projects



  • 09.00 - 12.00 hours
  • 12.00 - 15.00 hours


  • 16.00 - 19.00 hours
  • 19.00 - 22.00 hours


€ 3,100

Check current offers and promotions at


  • Our school is one of the five Adobe Authorized Training Centers in Spain . This fact shows that CEI has fulfilled all the requirements that Adobe requests and, likewise, constitutes a guarantee of quality for all our students.
  • CEI is an Apple Authorized Training Center . Therefore, our students will be able to obtain the Apple Professional Certification and advance their careers in design and information technologies, business environments and B2B markets.
  • IBM trusts us and for this reason they have awarded us the IBM Education Partner badge. This seal rewards schools that maintain and promote quality training.
  • Our school is consolidated as the Maxon Training Center of reference in Spain and we became the 1st school in Europe to be Maxon Training Provider for R18 .

Web Design module with HTML5, CSS3 and Javascript

01- Web Design, HTML5 AND CSS3

Introduction to the use of computer equipment

Operating systems:

  • Windows
  • Mac
  • Linux

Software installation and management:

  • Browsers
  • Text editors

File system and folders

  • Create files and folders
  • Organization of web projects
  • Absolute, relative, and URL paths

Web browsing

Principles in Network Administration

Client-server architecture

Servers and protocols

  • SSL certificates

Client team

Introduction to routers and switches

DNS (domains and IPs)

  • Public IP
  • Local IP
  • Domain names

Hosting, housing & CPD

Basic principles for creating static websites

  • Languages used (HTML5 and CSS3)
  • Code execution flow
  • Visual structure of a website

Principles of usability and accessibility

Prototyping of a website (UX / UI)

  • User Interface (Marvel)
  • User Experience (InVision)


  • Tags and attributes
  • Semantics and usage
  • HTML5 document standard and structure
  • Comments
  • Paragraphs, headlines and text formats
  • Multimedia (Images, Audio and Video)
  • Links and buttons
  • Lists
  • Boards
  • Forms
  • iFrames
  • Meta tags
  • Favicom


Link CSS

Selectors and pseudo-selectors


  • Colors
  • Money
  • Format and transformation of texts
  • Height, wide
  • Edges
  • Margins
  • Fillings
  • Positions
  • Alignment
  • Shaded and gradients
  • Opacity
  • Transformations
  • Filters

Pseudoclasses (active, hover, checked, first-child, last-child, nth-child)

Pseudoelements (after, before)

Font import and implementation (media and font-face)

Icon import and implementation (fonts and SVG)

CSS variables

CSS animations (keyframes)

Mobile-first Indexing

  • General structures (Floats)
  • Simple Structures (Flexbox)
  • Complex Structures (CSS Grid)

Frameworks and APIs

  • Bootstrap 4
  • Materialize
  • Material Design


  • Create a domain
  • Creating a web hosting
  • Connection and upload of a website to the server


  • Link web with Google Search Console
  • Canonical link implementation

02- Web Development (Front-End)


  • Introduction to front-end programming
  • JavaScript. General syntax
  • Include JavaScript in HTML documents
  • JavaScript in attachments
  • JavaScript inside HTML code
  • JavaScript. Variables and operators
  • Local variables and global variables
  • Numerical variables
  • Methods for numeric variables
  • Assignment operators
  • Increment and decrement operators
  • Mathematical operators
  • Text strings (strings)
  • Methods for text strings
  • Undefined variables
  • NULL variables
  • NaN variables
  • Logical operators in JavaScript
  • Relational operators


  • Introduction to Jquery
  • Steps to use jQuery
  • First script with jQuery
  • JQuery Basics: Adding and Removing CSS Classes
  • JQuery basics: show and hide page elements
  • JQuery Basics: Quick Effects with jQuery
  • JQuery Basics: jQuery function callback
  • JQuery Basics: Using Basic Ajax with jQuery
  • JQuery Basics: Ajax jQuery with load message

Web Design Module with Wordpress

01- Web Design with Wordpress. From conceptualization to development


  • The Web. Types and structures
  • Google Mobile First Index
  • WordPress. What is it?
  • The web design. Creative process

Doing research

  • Investigation process
  • Analysis techniques

Quoting and planning

  • How much is my website worth?
  • Temporary work planning
  • Management systems to work web design

Conceptualizing the web

  • Inspiration and referral making
  • The visual identity. Web Styles Manual
  • Content tree creation
  • Sketch or wireframes
  • Creation of mockups with Sketch
  • Web prototyping with Invision
  • Presentation to the client and content preparation

Creating content

  • Copywriting
  • Types of contents
  • The generation of content in WordPress. Post and pages
  • The images. Types and treatment for web
  • LOPD. Installation and regulation

Developing our website

Knowing WordPress

  • Local and server installation
  • Preparation of a WordPress. Essential steps
  • Structure of WordPress and its interface


Media Library: Image Optimization

The topics

  • Types of topics
  • Explaining a topic

Moving our design to WordPress

  • Designing the bodysuit

Visual Composers: Visual Composer and Elementor

Addons and complements

Creating web in Mobile first

Contact forms

  • Designing custom headers. The menus
  • Designing custom footers
  • Own creation of templates and snippets
  • Creation of custom layouts for post
  • Creation of custom post types and their layouts
  • Create custom fields

Ecommerce: Woocommerce

  • Explanation and configuration of an online store
  • Create custom product templates
  • Checkout modification and configuration
  • Required plugins

User management in WordPress

  • User roles
  • User Registration
  • Creation of private areas and memberships
  • Viewing content according to roles

Website translation

  • Using the plugin
  • Translation of themes and plugins

WordPress export and backup

Other plugins of interest: sliders, sharing on social networks, feeds, chats.

Optimizing and protecting our website

Performance optimization of our WordPress

  • Code optimization
  • Cache installation

Wordpress protection

  • Protection of access to WordPress
  • Protection of contents and folders
  • Protection against external attacks

Developing our website

  • Introduction to Inbound Marketing for WordPress
  • Creation of site maps
  • SEO plugin installation and configuration

Developing our website

WordPress maintenance techniques

Last updated Aug 2020

About the School

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Pa ... Read More

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Partner, especializado en el sector del diseño y marketing digital, con sedes en Madrid, Sevilla y próximamente también en Lisboa. Nuestros cursos, masters y títulos superiores se desarrollan en cuatro áreas: Diseño gráfico, Desarrollo web, Marketing Digital y Edición y Postproducción de Vídeo Digital (VFX) y Motion Graphics. Read less
Madrid , Seville , Madrid + 2 More Less