Back to Courses
Web Design and Wordpress Training Bundle
Create stunning websites! Learn web design, master WordPress, and build your own site. No prior experience is needed. Unleash your creativity and start your web journey now!
Course Highlights
In the dynamic world of the internet, Web Design and WordPress have emerged as two dominant pillars shaping the digital landscape. The intersection of these two fields has led to the creation of websites that are not just visually appealing but also user-centric and highly functional.
Web design, at its core, is about crafting a user experience that is intuitive, engaging, and responsive. Over the years, the discipline has evolved, incorporating innovative design principles and technologies to deliver sites that stand out in the crowded digital space. Whether it’s a minimalist design for a personal blog or a complex layout for an online store, Web Design ensures that every pixel serves a purpose. It’s fascinating how a well-designed website can drastically improve user engagement, reduce bounce rates, and enhance the overall user journey.
WordPress, on the other hand, has revolutionized the way websites are built and managed. What started as a simple blogging tool has now become the world’s most popular content management system. With WordPress, even those without a technical background can craft, manage, and optimize their websites with ease. Its flexibility allows for integration with Web Design, ensuring that the visual marvel created by designers can be effectively translated into a live website. Moreover, the plethora of plugins available in WordPress empowers sites to achieve more – be it SEO, social media integration, or e-commerce capabilities. In the confluence of Web Design and WordPress, we witness the perfect blend of aesthetics and functionality.
Learning outcome
- Understand the nuances of Web Design and WordPress.
- Design responsive websites tailored for multiple devices.
- Utilize WordPress to turn designs into functional websites.
- Learn about effective plugins and website customization.
- Design an ecommerce store using WordPress.
Course media
Why should I take this course?
- Master the art of Web Design and WordPress combined.
- Boost your career potential in web development.
- Learn to design and develop responsive websites.
- Enhance your digital portfolio with varied projects.
- Earn a certificate to highlight your skills.
Career Path
- Web Designer
- WordPress Developer
- Web Development Consultant
- Ecommerce Website Designer
- Responsive Design Expert
Requirements
- Basic knowledge of internet browsing.
- Eagerness to learn about web design.
- A computer with internet access.
Course Curriculum
Course Curriculum
| Web Design and Wordpress Training Bundle | |||
| 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: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.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.5.designing Header And Hero Part 1 | 00:12:00 | ||
| 6.6 designing Header And Hero Part 2 | 00:09:00 | ||
| 6.4.setting Up Artboard For Desktop Design | 00:07: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: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 | |||
| Site back up & site lock trust seal English | 00:09:00 | ||
| Website official email (domain email & device setup) | 00:05:00 | ||
| Order Your Certificate | |||
| Order Your Certificate | 00:00:00 | ||
Don't just take our word for it
Amazing workshop.
Very informative for the freshers like me. Learned a lot of things about digital marketing. I'm really thankful.
Aarini Sinha 
It was a great experience. The course was jampacked with excellent information. And when I needed help, Skill-up helped me with technical problems instantly. Fast feedback.
Varsha Sivamohan 
I am currently signed on to several courses with skill up. I have just finished my second one. The courses are informative and good for all types of learners. I recommend them.
Judith Taylor 
The support team was FANTASTIC!!! Very quick to respond and even though I was nervous as I am not good at tests, they made me feel comfortable.
I am very grateful for the support
Charlie Anderson 
Completed the Level 3 Mental Health Support Worker course, very good and highly recommend it.
Very good course, enjoyed it thoroughly and important in my line of work as a Support worker.
Parmjit Dosanjh 
I am pleased to have completed my online course in Mental Health First Aid with SkillUp. All the modules were detailed & comprehensive with review questions, which really helped me to grasp the information & prepared me well for the mock test & final exam.
Shan 
I was a bit nervous about the course but I gave a try,it's perfect and I still can't believe I paid a peanut to acquire such a course,the sliding show and introduction was well understood.i will recommend skill up to anyone interested to persuade a meaningful career,and also to the support team keep doing the good work.💪
Sara Nana 
1 Year Access 
103 Students 
14 hours, 50 minutes 
