Home / Course catalog / Creative Web Design Level III

TESDA - ICT

Creative Web Design Level III


Description
This Qualification Program is designed to develop & enhance the knowledge, skills, & attitudes of a Webpage Designer in accordance with Web Design industry standards.

It covers the basic & common competencies in addition to the core competencies such as to develop design studies, create web graphics using graphic application, create interactive websites using graphic application, and develop design for online media.
Content
  • Creative Web Design Level III
  • Welcome Message
  • Reminders and Guidelines
  • Lesson 1- Fundamentals of Web Design
  • Overview
  • Fundamentals of Web Design
  • Website Components
  • Tips For Effective Web Design
  • Fundamentals of Web Design Quiz
  • Lesson 2 - Introduction to Web Technologies
  • Overview
  • Roles of a Web Designer and Developers
  • Introdution to Web Technologies
  • What is a Client and a Server?
  • Introduction to Web Technologies Quiz
  • LESSON 3 - Introduction to HTML5
  • Overview
  • Introduction to HTML5
  • How to install Microsoft Visual Studio Code
  • The 5 Best VSCode Extensions
  • Introduction to HTML 5
  • What are Meta Tags?
  • Introduction to HTML 5 Quiz
  • Project 1 - Introduction to HTML 5
  • LESSON 4 - INTRODUCTION TO CSS 3
  • Overview
  • Introduction to CSS 3
  • Introduction to CSS 3
  • CSS Positioning
  • Introduction to CSS 3 Quiz
  • Project 2 - Introduction to CSS
  • Lesson 5 - Introduction to Photoshop for the Web
  • Overview
  • About Photoshop CC for the Web
  • Disclaimer (Read Me First)
  • How to install the program
  • Introduction to Photoshop for the Web
  • Photoshop Tools
  • How to Design a Web Logo in Photoshop CC
  • Introduction to Photoshop for the Web Quiz
  • Project 3 - Introduction to Photoshop for the Web
  • Lesson 6 - Wireframing in Photoshop
  • Overview
  • Wireframing in Photoshop
  • Creating a Sketch
  • Using the Grid System
  • Creating a Wireframe
  • Wireframing in Photoshop Quiz
  • Project 4 - Wireframing in Photoshop
  • Lesson 7 - Preparing and Creating Mockup
  • Overview
  • Preparing and Creating Mockup
  • Selecting Colors
  • Choosing Typefaces
  • Preparing and Creating Mockup Quiz
  • Project 5 - Preparing and Creating Mockup
  • Lesson 8 - Image optimization
  • Overview
  • Image Optimization
  • Export Options
  • How to Optimize Images in Photoshop
  • Image optimization Quiz
  • Lesson 9 - Design Responsively
  • Overview
  • Design Responsively
  • What is Responsive Design?
  • How to Set Breakpoints
  • Design tips and tricks
  • Design Responsively Quiz
  • Project 6 - Design Responsively
  • Lesson 10 - Setting up a Local Database Server for WordPress Installation
  • Overview
  • Setting up a Local Database Server for WordPress Installation
  • How to Install XAMPP Server on Windows 10
  • How to Install XAMPP Server on a Mac
  • How to Install WordPress on the Localhost in Windows 10
  • How to Install WordPress on the Localhost in a Mac
  • Setting up a Local Database Server for WordPress Installation Quiz
  • Project 7 - Setting up a Local Database Server for WordPress Installation
  • Lesson 11 - Getting Started with WordPress
  • Overview
  • Getting Started with WordPress
  • Getting Started with WordPress
  • How to Install the Astra Theme
  • Getting Started with WordPress Quiz
  • Lesson 12 - Building WordPress Pages with Elementor
  • Overview
  • Building WordPress Pages with Elementor
  • How to Create a WordPress Website Using Elementor
  • Building WordPress Pages with Elementor Quiz
  • Creative Web Design Final Exam
  • Overview
  • Creative Web Design Final Exam
  • Project completion for the course
  • Overview
  • Creative Web Design Final Project
  • Introduction to Web Technologies Quiz (clone)
Completion rules
  • All units must be completed