Front End Web Design using WYSIWYG Web Builder like a pro
4.4 (45 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,799 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Front End Web Design using WYSIWYG Web Builder like a pro to your Wishlist.

Add to Wishlist

Front End Web Design using WYSIWYG Web Builder like a pro

​Launch a career as a web designer by learning How to use WYSIWYG Web Builder to build professional websites, responsive
4.4 (45 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2,799 students enrolled
Created by Ishmeal Lamptey
Last updated 3/2017
English
Price: Free
Includes:
  • 2.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Over 39 lectures and 3 hours of content!
  • Create any website layout you can imagine
  • Support any device size with Responsive (mobile-friendly) Design
  • Use common vocabulary from the design industry
View Curriculum
Requirements
  • No prerequisite knowledge required
  • WYSIWYG Web Builder Version 11 or above
Description

You can launch a new career in web design today by learning how to build websites with WYSIWYG Web Builder. You don't need a computer science degree or any previous knowledge in coding. All you need is a computer, a bit of time, a lot of determination, and a teacher you trust. I've taught WWB to countless coworkers and held training sessions for individuals. I am that teacher you can trust.

Your limitations in this course has got to do with your imaginations. As far as you can imagine, you can build it. This course teaches you how to take 100% control over your webpages by using the same concepts that every professional website uses.

Who is the target audience?
  • Anyone who has practiced web design as a hobby but is not confident about their skillset in a professional arena
  • Anyone who wants to build websites the "professional" way
Students Who Viewed This Course Also Viewed
Curriculum For This Course
39 Lectures
02:44:01
+
Introduction
2 Lectures 01:53
Welcome
00:51

We will preview the final project going to be designed in this video

Preview of the final project
01:02
+
Getting Started
7 Lectures 13:02

We will take a look at the interface of WYSIWYG Web Builder and get familiar with all the various sections

Getting to know the interface
02:35

We will go ahead to configure our workspace to make it suitable for desgining

Configuring the workspace
00:47

We will learn how to create new pages, rename pages, delete pages and many more

Creating new pages
02:23

We will take a look at the properties a page possesses 

Page properties
03:00

We will take a look at the differences between page properties and site properties

Differences between page properties and site properties
01:04

We will take a look at some of the tools available in WYSIWYG Web Builder and what they are used for

The toolbox
00:58

We will take a look at how to preview a project in the browser

Previewing in the browser
02:15
+
Building a Master Page
7 Lectures 21:43

We will learn what a master page is and how to create one

What is a master page?
02:04

We will start designing a master page for out project

Building the master page 1
02:26

We will continue to design our master page for our project

Building the master page 2
09:06

We will take a look at some of the navigation tools and then continue to create our website navigation

Building the site navigation
03:38

We will take a look at how to center our website that will appear centered in the browser

Centering the entire website
02:12

We will learn how to add images to our project and then add a logo for the project

Adding a logo
01:20

We will go ahead to add some information to the footer

Adding a footer text
00:57
+
Working with Text
4 Lectures 11:51

We will learn a bit about the text tool, how to use it and some properties of it

The text tool
03:15

We will take a look at how to create bulleted list

Creating bulleted list
01:06

We will take a look at the style manager, how to access it and create styles to be used in our project

Style manager
04:27

We will take a look at google web fonts and how to add one or more to our project

Adding google web fonts
03:03
+
Adding Content
5 Lectures 32:29

We will design the home page of our project for desktop

Designing the Homepage
12:02

We will design the about page of our project for desktop

Designing the About page
04:55

We will design the portfolio page of our project for desktop

Designing the Portfolio Page
03:36

We will design the services page of our project for desktop

Designing the Services Page
03:59

We will now populate all our pages with text

Adding text to the pages
07:57
+
The Contact Page
4 Lectures 25:34

We will take a look at the contact tools and start to design the contact page

Designing the contact page 1
12:36

We will continue to work on the contact page and finish it up

Designing the contact page 2
10:33

We will learn the roles of a success and an error page and learn how to add them to our project's contact form

Adding a success and error pages
01:45

We will take a look at the various file extensions available in WYSIWYG Web Builder and select the appropriate one for our contact page

The contact page file extension
00:40
+
Responsive Web Design
6 Lectures 47:25

We will talk about responsive web design and how it works in WYSIWYG Web Builder

Responsive web design in WYSIWYG Web Builder
12:27

We will make the about page responsive

Making the about page responsive
07:51

We will make the services page responsive

Making the services page responsive
04:04

We will make the portfolio page responsive

Making the portfolio page responsive
05:48

We will make the master page responsive

Masking the master page responsive
09:11

We will make the contact page responsive

Making the contact page responsive
08:04
+
Saving and Publishing
3 Lectures 09:41

We will review our website in a browser and make necessary changes

Review of the website
03:24

We will learn how to save our project

Saving website project
00:44

We will go ahead to learn the various ways to publish our project and finally publish it using one of the methods

Publishing project
05:33
+
Conclusion
1 Lecture 00:23
Goodbye
00:23
About the Instructor
Ishmeal Lamptey
4.4 Average rating
48 Reviews
2,802 Students
3 Courses
Web Designer, WYSIWYG Web Builder Pro

My name is Ishmeal Lamptey, and during my period in the workforce, I’ve trained individuals and groups on how to use WYSIWYG Web Builder to build great and functional websites.

I’m a front-end developer, designer, network engineer and an educator. I’ve been building friendly user interfaces websites for individuals and organizations for a while now.

I'm fortunate to enjoy the work i do, but my true passion is helping people learn.

I look forward to answering your questions and am available for 1-on-1 chats with all of my students as well as freelance website projects.