Chat with us, powered by LiveChat

Web Design and Wordpress Training Bundle

4.8( 7 REVIEWS )
412 STUDENTS

In this Web Design and WordPress Training Bundle, you’ll learn how to install WordPress and configure it for SEO, design a WordPress theme, create an e-commerce website, and publish your images and posts with the open-source WordPress content management system. You’ll learn how to build a website or blog in WordPress. You’ll gain knowledge on the essential elements that make up a business website and apply it to any number of business sites that you create in future. You’ll receive the knowledge and skill to sell your products and services online and collect payment directly through your website. You’ll learn to Navigate around the WordPress dashboard, know what everything does and how to use it. 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.

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

Course Reviews

4.8

4.8
7 ratings
  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.

TAKE THIS COURSE

Instructors

412 STUDENTS ENROLLED

Video Courses

© Course Gate Edukite Ltd, Reg no: 11378092