Web Design and WordPress Training Course teaches you everything on the topic thoroughly from scratch so you can achieve a professional certificate for free to showcase your achievement in professional life. This Web Design and WordPress Training Course is a comprehensive, instructor-guided course, designed to provide a detailed understanding of the nature of the related sector and your key roles within it.
To become successful in your profession, you must have a specific set of skills to succeed in today’s competitive world. In this in-depth training course, you will develop the most in-demand skills to kickstart your career, as well as upgrade your existing knowledge & skills.
The training materials of this course are available online for you to learn at your own pace and fast-track your career with ease.
- Accredited by CPD
- Instant e-certificate and hard copy dispatch by next working day
- Fully online, interactive course with audio voiceover
- Self-paced learning and laptop, tablet, smartphone-friendly
- 24/7 Learning Assistance
- Discounts on bulk purchases
Sneak Peek
Who should take the course
Anyone with a knack for learning new skills can take this Web Design and WordPress Training Course. While this comprehensive training is popular for preparing people for job opportunities in the relevant fields, it also helps to advance your career for promotions.Certification
Once you’ve successfully completed your course, you will immediately be sent a digital certificate. All of our courses are fully accredited, providing you with up-to-date skills and knowledge and helping you to become more competent and effective in your chosen field. Our certifications have no expiry dates, although we do recommend that you renew them every 12 months.Accreditation
All of our courses, including this Web Design and WordPress Training Course, are fully accredited, providing you with up-to-date skills and knowledge and helping you to become more competent and effective in your chosen field.Course Curriculum
The detailed curriculum outline of our Web Design and WordPress Training Course is as follows: Web Design and WordPress Training- Web Design
- Requirements to take this course
- Organizing your Web Design Project
- Gathering project information from client
- Sketching, Wireframing, Atomic Design & 8point Grid system
- Style Guides, colors and typographics scales
- Designing for Desktop/Large View (Wstudio Web Design Project)
- Planning Responsive Web Design
- Designing for Tablet/Medium View (Wstudio Web Design Project)
- Designing for Mobile/Small View (Wstudio Web Design Project)
- Designing for Developers
- Prototyping with Invision app
- SVGs and Icon Fonts in Web Design
- Wordpress Training
- Introduction & installing Wordpress
- Wordpress page builder Familiarization
- Wordpress home page Design & development
- Wordpress About Us page Design & development
- Wordpress Contact Us & blog page design & development
- Wordpress Responsive website & publishing website
- Free Plugins to mimic the Elementor Pro
- Exporting & importing our Elementor pages
- Creating Our Wordpress ecommerce store
- Wordpress website customization
- Wordpress Website Backup, official email & more
We guarantee that all our online courses will meet or exceed your
expectations. If you are not fully satisfied with a course - for
any reason at all - simply request a full refund. We guarantee no
hassles. That's our promise to you.
Go ahead and order with confidence!
Easy to Access
Let's Navigate Together
Course Curriculum
| Web Design | |||
| 0.1 Promo-Workflow | |||
| 0.2 What we will cover in this course | |||
| Requirements to take this course | |||
| 1.1 Skills-and-apps-you-need-to-take-this-course auto generated | |||
| 1.2. Photoshop Extensions We Need | |||
| Organizing your Web Design Project | |||
| 2.1 How To Organize A Design Project | |||
| 2.2 Client’s Sketches | |||
| 2.2 Naming Psd layers and Groups | |||
| 2.3.Naming Conventions To Help Developers | |||
| Gathering project information from client | |||
| 3.1 Design Briefs | |||
| 3.3 Getting More Info On Project | |||
| 3.4 Content Template For Gathering Information | |||
| Sketching, Wireframing, Atomic Design & 8point Grid system | |||
| 4.1 Mood boards | |||
| 4.2 Ideation Phase | |||
| 4.3 Introduction To Balsamiq | |||
| 4.4 Desining Wireframes Part 1 | |||
| 4.5 Desining Wireframes Part 2 | |||
| 4.6 Atomic Design | |||
| 4.7 8pt Grid | |||
| Style Guides, colors and typographics scales | |||
| 5.1 Typeface And Color Combinations | |||
| 5.2 Ui Style Guides | |||
| 5.3 Examples Of Ui Style Guides | |||
| 5.4 How I Created My Style Guide | |||
| 5.5 Style Guide-Type Scale Explained | |||
| 5.6 Style Guide-Assignment | |||
| Designing for Desktop/Large View (Wstudio Web Design Project) | |||
| 6.1 Online Tools For Grid Calculations | |||
| 6.2 Planning Your Grid | |||
| 6.3 White Space Plan | |||
| 6.4 Setting Up Artboard For Desktop Design | |||
| 6.5 Designing Header And Hero Part 1 | |||
| 6.6 Designing Header And Hero Part 2 | |||
| 6.7 Designing Steps Area Part 1 | |||
| 6.8 Designing Step Area Part 2 | |||
| 6.9. User Reviews Area Design | |||
| 6.10 Adjusting White Space And Vertical Rhythem | |||
| 6.11 Desining Team Part 1 | |||
| 6.12 Desining Team Part 2 | |||
| 6.13 Footer Design Part 1 | |||
| 6.14 Footer Design Part 2 | |||
| Planning Responsive Web Design | |||
| 7.1 Responsive Design Considerations Part 1 | |||
| 7.2 Responsive Design Considerations Part 2 | |||
| Designing for Tablet/Medium View (Wstudio Web Design Project) | |||
| 7.3.Establishing Grid For Tablets | |||
| 7.4.Header Area For Tablet View | |||
| 7.5.Section how it work – steps | |||
| 7.6.Section team Tablet View | |||
| 7.7 footer Design | |||
| Designing for Mobile/Small View (Wstudio Web Design Project) | |||
| 8.1.mobile Artboard And Grids | |||
| 8.2.header Mobile View | |||
| 8.3.steps Section-mobile | |||
| 8.4.section 2 Team Members For Mobile | |||
| 8.5.footer And Final Adjustments | |||
| Designing for Developers | |||
| 9.1.what Developes Needs To Know | |||
| 9.2.Red Line Document with Ink 1 | |||
| 9.3.Red Line Document with Ink 2 | |||
| 9.4.which layer styles you can use photoshop | |||
| 9.5.installing Using Zeplin | |||
| 9.6.style Guides With Zeplin | |||
| 9.7.tools-zeplin-avocode-1 | |||
| 9.8.avocode And Sympli | |||
| Prototyping with Invision app | |||
| 10.1. What Are Prototypes | |||
| 10.2.getting Familiar With Invision App For Prototyping | |||
| 10.3.creating First Prototype With Invision App | |||
| SVGs and Icon Fonts in Web Design | |||
| 11.1 using iconmoon app to create custom icon fonts set | |||
| 11.2 Using SVG in Web design | |||
| Wordpress Training | |||
| No lessons available in this section. | |||
| Introduction & installing Wordpress | |||
| Course Outline | |||
| Website Online Hosting | |||
| Installing wordpress | |||
| Installing wordpress theme ocean wp & elementor page builder | |||
| Creating website pages & menu | |||
| Wordpress page builder Familiarization | |||
| Quick tour in Elementor | |||
| Creative Art directions & layout inspirations for web design | |||
| Familiarize with Elementor ( Sections ) | |||
| Familiarize with Elementor ( widgets ) & Desiging them | |||
| Brain storming & Tips for fast workflow with elementor | |||
| Wordpress home page Design & development | |||
| WordPress website header design & banner ( part 1 ) | |||
| WordPress website header design & banner ( part 2 ) | |||
| WordPress website header design & banner ( part 3 ) | |||
| Features Section Design | |||
| Png Section Design | |||
| Email opt-in section | |||
| Testmonials section design | |||
| Image carousel section (slider) design | |||
| WordPress Website Footer Design | |||
| WordPress Customizer tour & website logo | |||
| Finalizing our home page & design hints | |||
| Wordpress About Us page Design & development | |||
| About Us page Design ( part1 ) | |||
| About Us page Design ( part2 ) | |||
| About Us page Design ( part3 ) | |||
| Wordpress Contact Us & blog page design & development | |||
| Contact Us page & Blog Page Creation | |||
| Creating WordPress Blog & Posting with Elementor | |||
| Wordpress Responsive website & publishing website | |||
| WordPress Mobile & Tablet Responsive Website | |||
| Publishing wordpress website & creating maintance & coming soon pages | |||
| Free Plugins to mimic the Elementor Pro | |||
| Free plugins to Mimic the Elementor pro | |||
| Exporting & importing our Elementor pages | |||
| Exporting & Importing Elementor pages | |||
| Creating Our Wordpress ecommerce store | |||
| installing woocommerce plugin ( Ecommerce Section ) | |||
| Making the first product (simple product) | |||
| Making Variable products | |||
| Up sells & cross sells Products | |||
| Discount coupons | |||
| Designing ecommerce store with elementor | |||
| Wordpress website customization | |||
| Converting WordPress Website to https | |||
| Google Analytics & webmaster tool (SEO ranking) | |||
| Speeding up our wordpress website | |||
| Optimizing images & creative images Art directions | |||
| Understanding subdomains | |||
| Wordpress Website Backup, official email & more | |||
| Website official email (domain email & device setup) | |||
| Site back up & site lock trust seal English | |||