Project 1


Project 1



Project Title

What is Web Developing?


PROJECT DURATION

2 Hr


PROJECT DETAILS

• Introduction to Websites, Webpages and Internet.

• Showing and explaining the ‘Inspect’ option on the webpages.



Desired Learning Outcome

▪ Will be able to identify the difference between webpages and websites.

▪ Will be able to see the back end working of a webpage.

▪ Will have a idea of how webpages are made.

Project 2


Project 2



Project Title

Introduction to HTML and HTML tags


PROJECT DURATION

2 hrs


PROJECT DETAILS

• Explaining the inspect option of a webpage.

• Explaining the tag structure and the basic HTML tags.

• Using one simple tag to show text on screen



Desired Learning Outcome

▪ Understand tags and their use.

▪ Learn how to use start and end tags

▪ Wringing a ‘Hello World’ program

Project 3


Project 3



Project Title

Using HTML tags and some new terminologies


PROJECT DURATION

2 Hr


PROJECT DETAILS

• Introduction to Title, Head, Body and DocType.

• Difference between Element and Attributes.

• Using paragraph, heading and break.

• Learning about parent and child tags



Desired Learning Outcome

Will be able identify and use Html tags.

Project 4


Project 4



Project Title

Introduction to Elements


PROJECT DURATION

2 Hrs


PROJECT DETAILS

▪ Introduction to Elements

▪ Use and understand how these elements work

▪ Nested elements

▪ HTML comments



Desired Learning Outcome

▪ Able to use elements in a webpage.

▪ Learn nested elements.

Project 5


Project 5



Project Title

Text Manipulation and Formatting


PROJECT DURATION

2 Hrs


PROJECT DETAILS

▪ Introduction to Elements

▪ Use and understand how these elements work

▪ Nested elements

▪ HTML comments



Desired Learning Outcome

▪ Students will be able to format and manipulate text on a webpage.

▪ They will be able to make a simple webpage.

Project 6


Project 6



Project Title

My Webpage


PROJECT DURATION

2 Hrs


PROJECT DETAILS

▪ Design a webpage on a paper and try to write a HTML for the design.



Desired Learning Outcome

▪ Students will be able to design a simple webpage on their own.

Project 7


Project 7



Project Title

Other Useful Tags


PROJECT DURATION

2 Hrs


PROJECT DETAILS

• horizontal line its styles, span, div, insert, textbox, password, text area, radio tag, checkbox, dropdown, time and date

• More tags for text editing and webpage formatting.



Desired Learning Outcome

▪ Will be able to use more editing tags in the webpages.

▪ Will learn inline editing.

▪ Check boxes and text boxes.

Project 8


Project 8



Project Title

Tables


PROJECT DURATION

2hrs


PROJECT DETAILS

• Will learn to use tables and their types and subdivisions.

• Will able to learn to use tables to partition the webpage.


PROJECT RESOURCES

▪ https://www.w3schools.com/html/html_tables.asp

▪ https://www.w3schools.com/html/html_examples.asp

▪ https://www.youtube.com/watch?v=GuOb9t1zeQg&index=10&list=PLWPirh4EWFpFIw62QiV62FOVHcXnynon

 


Desired Learning Outcome

▪ Will able to use tables.

▪ Will able to add components in tables.

▪ Will able to use subdivisions, and add other elements in the table.

Project 9


Project 9



Project Title

Animations


PROJECT DURATION

2hrs


PROJECT DETAILS

• Simple Marquees, Marquees types and directions.

• Marquees Animations.



Desired Learning Outcome

▪ Will able to add animations, and marquees in a webpage.

Project 10


Project 10



Project Title

Media


PROJECT DURATION

2hrs


PROJECT DETAILS

• Will able to add images, image styling and adding links in image.

• Will be able to add videos and other editing related to videos.

• Will able to add audio and YouTube embedding.



Desired Learning Outcome

▪ Will be able to add media elements in the webpage.

▪ Will able to edit and embed media in html.

Project 11


Project 11



Project Title

Connecting Webpages-A Website


PROJECT DURATION

2hrs


PROJECT DETAILS

• Will be able to link to webpages together.

• Will be able to make home buttons and main pages.



Desired Learning Outcome

▪ Connecting webpages together-website.

▪ Making home pages. And links between pages.

Quiz and Practical


Quiz and Practical



Project Title


PROJECT DURATION


PROJECT DETAILS


PROJECT RESOURCES

 


Desired Learning Outcome

Project 12


Project 12



Project Title

Layouts with HTML tables


PROJECT DURATION

2hrs


PROJECT DETAILS

▪ Make a mockup design of a webpage and make it with the help of the table and tags associated with it.

▪ Learn to divide the sections of the table and how they can help in making a website.



Desired Learning Outcome

▪ Make a website layouts with the help of tables.

▪ Learning and making different parts of a webpage.

Project 13


Project 13



Project Title

Making menus in a HTML Webpage


PROJECT DURATION

2hrs


PROJECT DETAILS

▪ Using drop down lists and tags to make menus.

▪ Will learn to incorporate menus in the layout of the webpage.



Desired Learning Outcome

▪ Will be able to add menus in the layout of the website.

▪ Will able to make a site plan.

Project 14


Project 14



Project Title

Practice


PROJECT DURATION

2hrs


PROJECT DETAILS

▪ Making webpages with proper layouts and menus etc.


PROJECT RESOURCES

▪ None

 


Desired Learning Outcome

▪ Will be able to produce proper webpages with menus and layouts.

Project 15


Project 15



Project Title

Connecting webpages


PROJECT DURATION

2hrs


PROJECT DETAILS

▪ Learn to link webpages together.

▪ Making our own website by linking webpages.

▪ Using buttons and tag.



Desired Learning Outcome

▪ Will be able to make website by linking their webpages.

Project 16


Project 16



Project Title

HTML Forms


PROJECT DURATION

2hrs


PROJECT DETAILS

▪ Designing a quick mockup form.

▪ Learn to use the tag and all the input tags needed to make a simple form.



Desired Learning Outcome

▪ To gain familiarity with what HTML forms are, what they are used for, how to think about designing them, and the basic HTML elements you'll need for simple cases.

Project 17


Project 17



Project Title

Introduction to CSS


PROJECT DURATION

2hrs


PROJECT DETAILS

▪ Introduction to CSS and its types.

▪ Learning the syntax and placement of CSS script



Desired Learning Outcome

▪ Will be able to write a basic HTML file with CSS in it.

▪ Will understand the theory behind CSS and why it makes stuff easier.

Project 18


Project 18



Project Title

CSS selectors and inclusive with HTML


PROJECT DURATION

2 Hrs


PROJECT DETAILS

▪ Introduction to selections and how are they used within html.

▪ Will learn who CSS works with HTML with the help of selectors.

▪ Will identify inclusive form of CSS


PROJECT RESOURCES

▪ https://www.youtube.com/watch?v=wsYzjuHrFk&index=3&list=PLWPirh4EWFpFKYRhzNA_vHMNDNr hINruK

▪ CSS - Inclusion

 


Desired Learning Outcome

▪ Will be able to work with selectors and inclusive CSS.

Project 19


Project 19



Project Title

CSS formatting


PROJECT DURATION

2 Hrs


PROJECT DETAILS

▪ Will learn to apply different formatting styles with CSS

▪ Using CSS in tables, text, background, padding, boarder, fonts, and margins etc.


PROJECT RESOURCES

▪ CSS Online Training

 


Desired Learning Outcome

▪ Will be to use CSS in formatting their webpages.

Project 20


Project 20



Project Title

Useful CSS functions


PROJECT DURATION

2 Hrs


PROJECT DETAILS

▪ Will learn some useful CSS functions.

▪ Learn to incorporate CSS to make our webpages look better.



Desired Learning Outcome

▪ Will be to understand and use CSS.

Project 21


Project 21



Project Title

CSS Continued


PROJECT DURATION

2 Hrs


PROJECT DETAILS

▪ Examples and practice

▪ Making separate CSS files and linking them with HTML



Desired Learning Outcome

▪ Will be to understand and use CSS.

Project 22


Project 22



Project Title

Introduction to PHP


PROJECT DURATION

2hr


PROJECT DETAILS

▪ Introduction to the syntax and basic purpose of PHP.

▪ Learning to add inline PHP with HTML.



Desired Learning Outcome

▪ Will be to understand the syntax and use of PHP

Project 23


Project 23



Project Title

Introduction to localhost and PHP file


PROJECT DURATION

2hr


PROJECT DETAILS

▪ Introduction to localhost and how to create a php file.

▪ Introduction on XAMP



Desired Learning Outcome

▪ Will understand how a local server works and what are its functions.

▪ Learning to run a file in local server.

Project 24


Project 24



Project Title

Creating Databases with PHP


PROJECT DURATION

2hr


PROJECT DETAILS

▪ Learning the basic structure of a database and its components.

▪ Making a database with PHP and with the localhost dashboard.



Desired Learning Outcome

▪ Students will learn the basic concept of databases and how to make them.

Project 25


Project 25



Project Title

Making tables and inserting data in databases


PROJECT DURATION

2 Hrs


PROJECT DETAILS

▪ Making tables and learning how to populate the database.



Desired Learning Outcome

▪ The students will be able to create a functional database, that can store the websites data.

Project 26


Project 26



Project Title

Using databases to store form data


PROJECT DURATION

2hr


PROJECT DETAILS

▪ Attaching the databases with PHP and HTML forms.


PROJECT RESOURCES

▪ PHP MySQL INSERT Query

 


Desired Learning Outcome

▪ Will be able to make fully function forms, that will have a database at the back end.

Project 27


Project 27



Project Title

Introduction to WordPress


PROJECT DURATION

2 Hrs


PROJECT DETAILS

▪ Will learn about WordPress and other tools for web development



Desired Learning Outcome

▪ Will be able to explore WordPress and make a simple website from the tools.