Web Design Online Training

Course Description

This online course aims to provide students with a comprehensive understanding of the principles and techniques involved in web design. Participants will learn the essential skills needed to create visually appealing, user-friendly, and responsive websites. The course covers the fundamentals of design theory, HTML, CSS, and introduces students to basic web development concepts. Through hands-on projects and practical exercises, students will gain the expertise to design and build effective websites.

Review each module to ensure a solid understanding and join this course to begin building your career in web design and UI design.

Module 1-2: Introduction to Web Design

• Overview of Web Design Principles: Introduction to fundamental design concepts, including layout, colour theory, typography, and the overall aesthetic considerations in web design.
• Introduction to Design Software and Tools: Familiarisation with popular design software and tools used in the industry. This may include Adobe Creative Suite, Figma, Sketch, or other relevant applications.
• Understanding the Design Process: Insight into the step-by-step process of web design, from conceptualisation and wire-framing to prototyping and final execution.

Module 3-4: HTML Basics

• Introduction to HTML: A deep dive into Hypertext Markup Language, covering basic syntax, HTML elements, and the structure of web pages.
• Structuring Web Content with HTML: Understanding how to organise content using HTML tags, including headings, paragraphs, lists, and more.
• Creating Hyperlinks and Navigation Menus: Exploring the creation of hyperlinks and navigation menus to enhance user interaction and site navigation.

Module 5-6: CSS Fundamentals

• Introduction to CSS: In-depth coverage of Cascading Style Sheets, covering selectors, properties, and values.
• Styling Web Pages with CSS: Applying styles to HTML elements, including working with colours, fonts, backgrounds, and borders.
• Working with Coolers, Fonts, and Layout: Understanding the principles of colour theory, typography, and layout design using CSS.

Module 7-8: Responsive Web Design

• Principles of Responsive Design: Exploring the importance of responsive design and understanding how websites can adapt to various screen sizes and devices.
• Using Media Queries: Hands-on experience with media queries to create responsive designs that cater to different devices.
• Mobile-First Design Approach: Introduction to the mobile-first design strategy, emphasising designing for smaller screens before scaling up to larger ones.

Module 9-10: Web Design Tools

• Overview of Popular Design Tools: Introduction and exploration of widely used web design tools such as Adobe XD, Figma, or similar applications.
• Hands-on Projects using Design Software: Practical exercises where students apply their skills using design tools to create mockups, prototypes, and other design elements.

Module 11-12: SEO and UX Basics

• Introduction to SEO: Understanding the basics of Search Engine Optimisation and how it influences website visibility on search engines.
• Enhancing User Experience (UX) in Web Design: Exploring UX principles, usability standards, and strategies for creating a positive user experience.
• Usability and Accessibility Standards: Covering the importance of designing websites that are user-friendly and accessible to individuals with disabilities.

Module 13-14: Final Project

• Applying Learned Skills: Students will apply the knowledge and skills acquired throughout the course to develop a personal portfolio website.
• Peer Review and Feedback: Engaging in a peer review process where students provide constructive feedback on each other’s projects, fostering collaboration and improvement.

Assessment:

• Weekly Quizzes and Assignments: Regular assessments to gauge understanding of theoretical concepts.
• Mid-term Project – Designing a Static Webpage: Application of HTML and CSS skills to create a static webpage.

Final Project – Developing a Responsive Portfolio Website: Integrating all learned concepts and skills to create a fully functional and responsive personal portfolio website.