Certificate in Web Design & Development
(HTML, CSS, JavaScript,Bootstrap ,PHP, MySQL)
Responsive Web Design (RWD) & Development
(HTML/CSS/Bootstrap/JavaScript/ Photoshop/ PHP/MySQL)
- Course Duration : 120 Hours (Theory 43 – Practical 77
- Software Used : HTML, CSS, Bootstrap, JavaScript or JQuery , PHP & MySQL
- Assesment Criteria :
- Target group : Students who have done ICT at O/L and AL, teachers
- Course Fee :
Course Outline & Modules - PADDIRUPPU ITDLH
Module - 1 (Introduction to Responsive Web design & web development)
1. Introduction to Responsive Web design & web development.
2. Introduction to Internet and describe services offered by Internet.
3. Explain WWW, HTTTP , URL, domain, IP address
4. Static Dynamic Website
5. How Web Work?
6. Website Designing Tools
7. IDE vs. Code Editor
Module - 2 (HTML)
1. HTML Syntax.
2. Basic Structure ( Head and Body Section).
3. HTML Tags
4. HTML Elements
5. HTML Attributes
6. HTML Typography
7. Commenting in HTML
Module - 3 (HTML)
1. HTML Lists
2. HTML Table.
3. Table Head and Body Contents
4. Table Caption.
5. Attributes of Table.
6. Table Row and Column.
Module - 4 (HTML)
1. Introduction to HTML Form.
2. From Elements.
3. Input Types and Attributes
4. Form Validations.
5. GET vs. POST Method.
6. Form Arrangement (Fielded).
Module - 5 (HTML)
1. HTML Media Elements.
2. Different Types of Images.
3. Audio and Video Controlling.
4. Iframe in HTML.
5. Embedded Video from YouTube
Module - 6 (CSS)
1. Introduction to CSS (Cascading Style Sheet).
2. CSS Rule set.
3. How to Link CSS.
4. Inline, Internal, External .
Module - 7 (CSS)
1. CSS Box Model.
2. Margin, Padding, Border.
3. Different Box Model Properties.
4. Floats,Positioning.
Module - 8 (CSS)
1. Creating Menu in CSS.
2. Styling Text.
3. Styling fonts and icons.
4. Input box Styling.
Module - 9 (CSS)
1. Introduction to lovable CSS Properties.
2. Border and Rounded Corners.
3. Working With Background.
4. Gradient and Shadow.
5. Transition and Transformation.
6. CSS Animation.
Module - 10 (Bootstrap)
1. Introduction to Bootstrap Framework. (BS).
2. How to Install BS.
3. BS Grid System.
4. Understanding Device Screen Size.
5. BS Typography.
Module - 11 (Bootstrap)
1. BS Table.
2. BS Form.
3. BS Navigation.
4. BS Button.
5. BS Pagination.
6. BS Image Responsive.
7. BS Card.
Module - 12 (Bootstrap)
1. BS Carousel.
2. BS Accordion.
3. BS Modal.
4. BS Tab and Tooltip.
Module - 13 (Introduction to Adobe Photoshop)
1. Getting acquaninted with tools of Photoshop for Web Design
2. Understand Tools.
3. How to use Adobe Photoshop to edit images for Web .
4. Understand color modes in Photoshop and File Types .
5. Understand layer order
6. Edit & save with various file formats for Webs.
Module - 14 (JavaScript)
1. Introduction to JavaScript.(JS)
2. JavaScript Syntax
3. JavaScript Comments
4. JavaScript Variables
5. JavaScript Data Types
6. JavaScript Operators
7. JavaScript If-else
8. JavaScript Switch
9. JavaScript Loop
10. JavaScript Function
11. JavaScript Objects
Module - 15 (JavaScript)
1. JavaScript Array
2. JavaScript Array Methods
3. JavaScript Boolean
4. JavaScript Math Object
5. JavaScript Number
6. JavaScript String
7. JavaScript Date
8. JavaScript Document Object Model (DOM)
9. getElementById() method
10. getElementsByName() method
11. getElementsByTagName() method
12. JavaScript innerHTML
13. JavaScript innerText
14. JavaScript Events
15. JavaScript form validation
Module - 16 (Introduction to PHP and MySQL)
1. What is Server Side Scripting.
2. Introduction to PHP and MySQL.
3. Installing XAMPP in Localhost. Working with PHP syntax.
4. PHP Syntax
5. PHP Comments
6. PHP Variable
7. PHP Echo
Module - 17 (PHP)
1. PHP Data Types
2. PHP Operators
3. PHP if...else...elseif Statements
4. PHP Loops
5. PHP Functions
6. PHP Arrays
Module - 18 (PHP)
1. PHP Form Handling
2. Handling Html Form with Php
3. PHP Form Validation
4. PHP Cookies
5. PHP Sessions
6. Database Connectivity with MySql
Module - 19 (MySQL)
1. Basic SQL Statements
2. Creating MySQL Database
3. MySQL Connect
4. Design a form with inputs elements
5. Insert and Save data into database
6. Design Table , Retrieve data and display on Table
Module - 20 (MySQL)
1. MySQL Select Data
2. MySQL Where
3. MySQL Order By
4. MySQL AND , OR, NOT
5. MySQL Delete Data
6. MySQL Update Data
7. MySQL Like
Module - 21 (Introduction to Content Management System (CMS))
1. What is CMS?
2. Introduction to Wordpress for Quick Web Authoring.
3. Creating Database for WP.
4. Installing WP
5. Overview of WP Elements
6. Understanding the WP Dashboard
7. Pages, Tags, Menu, Media and Content
8. Core WP Settings
9. Finding and Installing WP Theme and Plugins
Module - 22 (Web Hosting and Domain Registration)
1. Domain Registration and Hosting?
2. Upload Website
3. Introduction to cPanel.
4. Explores the cPanel.
5. Hands on experience with File manager, phpMyAdmin and MySQL database
