Overview
In this Web Design and WordPress Training Bundle, you’ll learn how to install WordPress and configure it for SEO. You’ll see how to navigate around the WordPress dashboard and how to use it properly. You’ll also learn to design a WordPress theme and publish your images and posts with the open-source WordPress content management system. You’ll learn how to build a website or blog on WordPress. You’ll gain knowledge on the essential elements that make up a business website and apply it to your future endeavours. You’ll gain the knowledge and skill to sell your products and services online and collect payment directly through your website. You’ll gain the skill to set up an automated system in your website that will help to generate and capture leads for your business.
Who is this Course for?
Web Design and WordPress Training Bundle is perfect for anyone trying to learn potential professional skills.As there is no experience and qualification required for this course, it is available for all students from any academic background.
Entry Requirement:
- This course is available to all learners, of all academic backgrounds.
- Learners should be aged 16 or over to undertake the qualification.
- Good understanding of English language, numeracy and ICT are required to attend this course.
CPD Certificate from Course Gate
At the successful completion of the course, you can obtain your CPD certificate from us. You can order the PDF certificate for £9 and the hard copy for £15. Also, you can order both PDF and hardcopy certificates for £22.
Assessment:
This course does not involve any MCQ exams. Students need to answer 3 assignment questions to complete the course, the answers will be in the form of written work in pdf or word. Students can write the answers in their own time. Each answer needs to be 200 words (1 Page). Once the answers are submitted, the tutor will check and assess the work.
Course Curriculum
Web Design | |||
Introduction | |||
0.1 promo-workflow | 00:03:00 | ||
0.2 what we will cover in this course | 00:03:00 | ||
Requirements to take this course | |||
1.1 skills-and-apps-you-need-to-take-this-courseautogenerated | 00:02:00 | ||
1.2. Photoshop extensions We Need | 00:07:00 | ||
Organizing your Web Design Project | |||
2.1.how To Organize A Design Project | 00:05:00 | ||
2.2 client’s Sketches | 00:04:00 | ||
2.2 naming psd layers and groups | 00:06:00 | ||
2.3.naming Conventions To Help Developers | 00:03:00 | ||
Gathering project information from client | |||
3.1.design Briefs | 00:10:00 | ||
3.3 getting More Info On Project | 00:05:00 | ||
3.4.content_template for gathering information | 00:03:00 | ||
Sketching, Wireframing, Atomic Design & 8point Grid system | |||
4.1.moodboards | 00:06:00 | ||
4.2.ideation Phase | 00:05:00 | ||
4.3.introduction To Balsamiq | 00:10:00 | ||
4.4desining Wireframes Part 1 | 00:08:00 | ||
4.5.desining Wireframes Part 2 | 00:14:00 | ||
4.6.atomic Design | 00:08:00 | ||
4.7.8pt Grid | 00:09:00 | ||
Style Guides, colors and typographics scales | |||
5.1.typeface And Color Combinations | 00:04:00 | ||
5.2.ui Style Guides | 00:08:00 | ||
5.3.examples Of Ui Style Guides | 00:03:00 | ||
5.4.how I Created My Style Guide | 00:07:00 | ||
5.5.styleguide-typescale Explained | 00:03:00 | ||
5.6.Styleguide-assignment | 00:01:00 | ||
Designing for Desktop/Large View (Wstudio Web Design Project) | |||
6.1.online tools for grid calcuations | 00:13:00 | ||
6.2.planning your grid | 00:05:00 | ||
6.3.whitespace-plan | 00:06:00 | ||
6.4.setting Up Artboard For Desktop Design | 00:07:00 | ||
6.5.designing Header And Hero Part 1 | 00:12:00 | ||
6.6 designing Header And Hero Part 2 | 00:09:00 | ||
6.7.designing Steps Area Part 1 | 00:10:00 | ||
6.8.designing Step Area Part 2 | 00:09:00 | ||
6.9.userreviews Area Design | 00:09:00 | ||
6.10.adjusting White Space And Vertical Rhythem | 00:06:00 | ||
6.11.desining Team Part1 | 00:11:00 | ||
6.12.desining Team Part2 | 00:07:00 | ||
6.13.footer Design Part1 | 00:08:00 | ||
6.14.footer Design Part2 | 00:11:00 | ||
Planning Responsive Web Design | |||
7.1.Responsive Design Considerations Part 1 | 00:07:00 | ||
7.2.Responsive Design Considerations Part 2 | 00:06:00 | ||
Designing for Tablet/Medium View (Wstudio Web Design Project) | |||
7.3.Establishing Grid For Tablets | 00:07:00 | ||
7.4.Header Area For Tablet View | 00:11:00 | ||
7.5.Section how it work – steps | 00:10:00 | ||
7.6.Section team Tablet View | 00:09:00 | ||
7.7 footer Design | 00:09:00 | ||
Designing for Mobile/Small View (Wstudio Web Design Project) | |||
8.1.mobile Artboard And Grids | 00:04:00 | ||
8.2.header Mobile View | 00:11:00 | ||
8.3.steps Section-mobile | 00:09:00 | ||
8.4.section 2 Team Members For Mobile | 00:09:00 | ||
8.5.footer And Final Adjustments | 00:08:00 | ||
Designing for Developers | |||
9.1.what Developes Needs To Know | 00:05:00 | ||
9.2.Red Line Document with Ink 1 | 00:10:00 | ||
9.3.Red Line Document with Ink 2 | 00:06:00 | ||
9.4.which layer styles you can use photoshop | 00:08:00 | ||
9.5.installing Using Zeplin | 00:10:00 | ||
9.6.style Guides With Zeplin | 00:14:00 | ||
9.7.tools-zeplin-avocode-1 | 00:04:00 | ||
9.8.avocode And Sympli | 00:06:00 | ||
Prototyping with Invision app | |||
10.1. What Are Prototypes | 00:04:00 | ||
10.2.getting Familiar With Invision App For Prototyping | 00:07:00 | ||
10.3.creating First Prototype With Invision App | 00:06:00 | ||
SVGs and Icon Fonts in Web Design | |||
11.1 using iconmoon app to create custom icon fonts set | 00:08:00 | ||
11.2 Using SVG in Web design | 00:10:00 | ||
Wordpress Training | |||
Introduction & installing Wordpress | |||
Course Outline | 00:02:00 | ||
Website Online Hosting | 00:10:00 | ||
Installing wordpress | 00:03:00 | ||
Installing wordpress theme ocean wp & elementor page builder | 00:02:00 | ||
Creating website pages & menu | 00:07:00 | ||
Wordpress page builder Familiarization | |||
Quick tour in Elementor | 00:04:00 | ||
Creative Art directions & layout inspirations for web design | 00:08:00 | ||
Familiarize with Elementor ( Sections ) | 00:16:00 | ||
Familiarize with Elementor ( widgets ) & Desiging them | 00:04:00 | ||
Brain storming & Tips for fast workflow with elementor | 00:10:00 | ||
Wordpress home page Design & development | |||
WordPress website header design & banner ( part 1 ) | 00:17:00 | ||
WordPress website header design & banner ( part 2 ) | 00:13:00 | ||
WordPress website header design & banner ( part 3 ) | 00:08:00 | ||
Features Section Design | 00:09:00 | ||
Png Section Design | 00:04:00 | ||
Email opt-in section | 00:11:00 | ||
Testmonials section design | 00:12:00 | ||
Image carousel section (slider) design | 00:10:00 | ||
WordPress Website Footer Design | 00:13:00 | ||
WordPress Customizer tour & website logo | 00:18:00 | ||
Finalizing our home page & design hints | 00:05:00 | ||
Wordpress About Us page Design & development | |||
About Us page Design ( part1 ) | 00:17:00 | ||
About Us page Design ( part2 ) | 00:18:00 | ||
About Us page Design ( part3 ) | 00:12:00 | ||
Wordpress Contact Us & blog page design & development | |||
Contact Us page & Blog Page Creation | 00:23:00 | ||
Creating WordPress Blog & Posting with Elementor | 00:25:00 | ||
Wordpress Responsive website & publishing website | |||
WordPress Mobile & Tablet Responsive Website | 00:21:00 | ||
Publishing wordpress website & creating maintance & coming soon pages | 00:09:00 | ||
Free Plugins to mimic the Elementor Pro | |||
Free plugins to Mimic the Elementor pro | 00:14:00 | ||
Exporting & importing our Elementor pages | |||
Exporting & Importing Elementor pages | 00:05:00 | ||
Creating Our Wordpress ecommerce store | |||
installing woocommerce plugin ( Ecommerce Section ) | 00:06:00 | ||
Making the first product (simple product) | 00:09:00 | ||
Making Variable products | 00:09:00 | ||
Up sells & cross sells Products | 00:04:00 | ||
Discount coupons | 00:06:00 | ||
Designing ecommerce store with elementor | 00:14:00 | ||
Wordpress website customization | |||
Converting WordPress Website to https | 00:04:00 | ||
Google Analytics & webmaster tool (SEO ranking) | 00:10:00 | ||
Speeding up our wordpress website | 00:13:00 | ||
Optimizing images & creative images Art directions | 00:11:00 | ||
Understanding subdomains | 00:06:00 | ||
Wordpress Website Backup, official email & more | |||
Website official email (domain email & device setup) | 00:05:00 | ||
Site back up & site lock trust seal English | 00:09:00 | ||
Resources | |||
Resources – Web Design and WordPress Training Bundle | 00:00:00 | ||
Certificate and Transcript | |||
Order Your Certificates or Transcripts | 00:00:00 |
Loved it!
Perfect bundle for the beginners. Loved the course!
Best bundle ever!
Course was great for me as I just started learning web development and designing fundamental was an added value 🙂
Good match!
I recommend to those who want a professional certificate, learn designing and wordpress development all together!!
Easy to understand
A good course. There is no way you can’t understand a single topic.
Good Course!
Great! Liked the course!!
Very organized content
The best training I’ve been taken so far. A good combination of brilliant instructor with well organized contents.
Detailed instruction!
Excellent course with good details and instructions.
Recommended !!
Thanks Coursegate for providing such an interesting course! Recommended!!
For those who want a strong foundation
I found this course great, that’s why i’m recommending it to those who want to start learning web development/design and wish to build a career out of it.
Thank you guys!
I learned a lot from this course. Wanna thank the guys who developed the course with valuable contents. Customer support was also very responsive.
Overall Course Experience
O have enjoyed my online website design course, I will continue to practice the course over and over.