Web Design and WordPress Training
Web Design and WordPress Training
Overview
Build your very own eCommerce store or professional website using WordPress with this best-selling course for absolute beginners. In this course, you will acquire the most in-demand skills to kickstart a successful career in web design or web development, taking you through the fundamentals of WordPress, Invision and Balsamiq. It includes step-by-step guidance on how to organise your design projects, create mockup designs, produce your first prototype, and gather project information from your clients.
Gain an insight into the exciting world of web design and the diverse role of a web developer, as you learn how to customise and monetise your site. By the end of the course, you will have the experience, confidence and practical knowledge to work with different typographic scales, generate your own grids, and much, much more.
HIGHLIGHTS OF THE Web Design and WordPress Training:
- Familiarise with the role and responsibilities of a web designer
- Know how to organise your design project and gather information from your clients
- Learn how to create mood boards and mockup designs using Balsamiq wireframing software
- Understand how to work with different typefaces, colours and typographic scales
- Familiarise with tools required to generate your own grids and make grid calculations
- Get step-by-step guidance on how to set up artboard for desktop design
- Create your first prototype using Invision and learn how to use SVGs in web design
- Be trained on how to set up an eCommerce store or website using WordPress
COURSE DESIGN
The course is delivered through our online learning platform, accessible through any internet-connected device. There are no formal deadlines or teaching schedules, meaning you are free to study the course at your own pace.
You are taught through a combination of
- Video lessons
- Online study materials
Certificate of Achievement
Endorsed Certificate of Achievement from the Quality Licence Scheme
After successfully completing the course, learners will be able to order an endorsed certificate as proof of their new achievement. Endorsed certificates can be ordered and get delivered to your home by post for only £129. There is an additional £10 postage charge for international students.
CPD Certification from One Education
After successfully completing the MCQ assessment of this course, you will qualify for the CPD Certificate from One Education, as proof of your continued professional development. Certification is available in PDF format, at the cost of £9, or a hard copy can be sent to you via post, at the cost of £15.
Method of Assessment
To assess your learning, you have to complete the assignment questions provided at the end of the course. You have to score at least 60% to pass the exam and to qualify for Quality Licence Scheme endorsed and CPD accredited certificates.
After submitting the assignment, our expert tutor will assess your assignment and will give you feedback on your performance.
After passing the assignment exam, you will be able to apply for a certificate
WHY CHOOSE THIS Web Design and WordPress Training:
- 24/7 access to the course for an extensive period of 12 months
- Ease of access to the course material from any device of your choice
- Full tutor support on weekdays (Monday – Friday)
- Develop professional skills and advance your career, thus increasing your potential to earn more
REQUIREMENTS
The Web Design and WordPress Training is open to all, with no formal entry requirements. All you need is a passion for learning, a good understanding of the English language, numeracy and IT, and to be over the age of 16.
WHO IS THIS COURSE FOR?
This course is for aspiring web designers and developers who are just starting out in this field and wish to gain the relevant skills and knowledge to improve their job prospects. It is also for anyone who wants to design their own website or eCommerce store. To provide you with ease of access, this course is designed for both part-time and full-time students. You can become accredited in just 20/30 hours, with the freedom to study at your own pace.
CAREER PATH
Once you have successfully completed the course, you will be able to apply your skills and knowledge to fast track a successful career in the following professions:
- Junior Web Designer (average annual salary of £21,999 in the UK)
- WordPress Web Developer (average annual salary of £30,719 in the UK)
- UX designer (average annual salary of £43,810 in the UK)
- Entry-level Front End Web Developer (average annual salary of £28,000)
Course Curriculum
| Web Design | |||
| 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-course auto generated | 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 Mood boards | 00:06:00 | ||
| 4.2 Ideation Phase | 00:05:00 | ||
| 4.3 Introduction To Balsamiq | 00:10:00 | ||
| 4.4 Desining 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:07:00 | ||
| 5.3 Examples Of Ui Style Guides | 00:03:00 | ||
| 5.4 How I Created My Style Guide | 00:07:00 | ||
| 5.5 Style Guide-Type Scale Explained | 00:03:00 | ||
| 5.6 Style Guide-Assignment | 00:01:00 | ||
| Designing for Desktop/Large View (Wstudio Web Design Project) | |||
| 6.1 Online Tools For Grid Calculations | 00:13:00 | ||
| 6.2 Planning Your Grid | 00:05:00 | ||
| 6.3 White Space 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. User Reviews Area Design | 00:09:00 | ||
| 6.10 Adjusting White Space And Vertical Rhythem | 00:06:00 | ||
| 6.11 Desining Team Part 1 | 00:11:00 | ||
| 6.12 Desining Team Part 2 | 00:07:00 | ||
| 6.13 Footer Design Part 1 | 00:08:00 | ||
| 6.14 Footer Design Part 2 | 00:11:00 | ||
| Planning Responsive Web Design | |||
| 7.1 Responsive Design Considerations Part 1 | 00:06: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:11: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:21: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 Certification | |||
| Order Your Certificate QLS | 00:00:00 | ||
| Assignment | |||
| Assignment – Web Design and WordPress Training | 3 weeks, 5 days | ||
Jonathan Dale
I’m glad that I enrolled in this amazing course. It helped me figure out how to customise and monetise websites.
Bradley Clayton
The course is very interactive. The assessment criteria are appropriate and require students to learn and perform.
Lewis Thomson
This is the ultimate course for web designing. It covers all the essential aspects of web designing. I recommend this to both the professionals and the beginners of this sector.
Hayden Moss
It was such a pleasure to learn from a highly talented instructor. Thank you!
Elizabeth Bradshaw
An excellent course to learn web designing. Thanks to this course, now understand web design a lot better than before. I’ve been able to complete my work in less time. Recommended.