Empowering people with technological skills


Web Design and Development

Web Design course Curriculum ||Web Design and Development Course Curriculum ||Web Development Course Curriculum ||WordPress Course Curriculum

This courses (Web Design and Development) at AWNET IT COLLEGE,are products of our vision to make the unemployed youth self dependent and employed. We hope to empower the youths and interested persons with same skills as regards the web.

It is actually divided into two sections which are web design and web development. We have in addition website hosting and knowledge of Content Management systems to it.

Our web design assures you mastery of a web design languages like HTML, CSS etc; web editing tools like notepad, dreamweaver etc; at least one content management system (say wordpress); web hosting.

Our Web development section includes: mastetry of PHP, JavaScript, MYSQL and Database Management via CPanel tools like PHPMYADMIN. See below for more on these in our curriculum for each.

The Image illustrations used in our lessons are meant to help you master the topics in the sense that we wish to make you achieve your goals with screenshots of what happens at every point of our online lectures. This would encourage you to type into your web editing software (say NOTEPAD). Typing is synonymous to writing and science recently have proven that when you read and write you get to understand and remember a topic more than when you read only.

Success is important to us and course work is taken very seriously. Academic records for students are closely and continuously monitored and evaluated by instructors from each web Faculty. They are informed of their progress and grades periodically and online. You can read more on our modalities of operation here.


Online College Fees for our web courses include:

Web Design Only ::::::::::::::::: N100, 000 (4 months Program with Certificate)

Web Development Only::::::::::::::::N150, 000 ( 6 months programme with Certificate)

CMS --WordPress Only:::::::::::::: N50, 000 (3 months Program with Certificate)

Web Design and Development with WordPress :::::::::: N250, 000 (1 year Program with Certificate)





Web Design (HTML AND CSS)|| Web Development- PHP; Javascript || Wordpress || Dreamweaver CS5 || Web Hosting



Web Design Curriculum


Section One: Getting Started


1. Course Introduction

2. Course software

3. What is a HTML and HTML 5?

4. Getting started with tags

5. How to save web pages

6. Viewing your web pages




Section 2: Basic HTML Tags


1. Basic HTML template

2. Heading Tags

3. Paragraph and Break tags

4. Bold and Italics

5. HTML lists




Section 3: Getting started with CSS


1. Introduction to CSS

2. CSS rules

3. Where to put your styles

4. Using CSS selectors

5. Inline and Embedded styles

6. CSS and Fonts

7. Font colours

8. Font sizes

9. Styling Fonts




Section 4: Dealing with Images


1. Types of Images

2. Inserting Images part 1

3. Inserting Images part 2

4. Image Attributes

5. Images and CSS

6. Text wrapping with CSS

7. CSS and image borders

8. Background Images

9. Adding captions to images



Section 5: Linking to other pages


1. Hyperlinks

2. Linking to other pages

3. Other types of hyperlinks

4. CSS and hyperlinks


5. External stylesheets

6. HTML lists and nav bars




Section 6: CSS Layouts


1. The Box Model

2. CSS Comments

3. CSS Positioning

4. CSS floats

5. A one column CSS layout


6. Styling the one column layout

7. Styling HTML 5 tags

8. A two column CSS layout




Section 7: HTML 4 and HTML 5 tables


1. HTML 4 Tables

2. Row and Col span

3. Table alignment, colour, images

4. HTML 5 Tables





Section 8: HTML forms


1. Form Tags

2. Textboxes, Submit, Reset

3. Formatting Textboxes with CSS

4. Labels, Textareas


5. Option buttons and Checkboxes

6. Passwords, hidden fields



Section 9; HTML5 and Forms


1. HTML 5 Forms

2. Placeholders, Required

3. Email, URL, Search

4. Spinners and Sliders

5. Dates, Colour pickers

6. Data Lists


7. HTML Form Layouts

8. HTML 5 Video and Audio

9. The HTML 5 Canvas tag

10. Details, Aside, Mark



Section 10: Getting your site on the internet


1. Websites and Domain Names

2. What to look for when buying Webspace

3. Search engine optimisation


4. Pay per click advertising

5. Sitemaps


Section 11: HTML and CSS Reference


1. Basic HTML Tags

2. CSS Font and Text Properties

3. CSS Borders, Margins, Padding

4. CSS used in the Lists section

5. CSS used in the Positioning section

6. HTML images and hyperlinks


7. HTML5 Layout tags

8. HTML and HTML5 Table tags

9. HTML and HTML5 Form tags

10. HTML5 Video and Audio tags

11. HTML Special Characters




Web Development Curriculum

  • PHP ( Hypertext Preprocessor)


PHP Section One - An Introduction to PHP



1. What is PHP and Why do I need it?

2. What you need to get started

3. Installing and testing Easy PHP

4. Troubleshooting



PHP Two - Getting Started With Variables



1. What is a Variable?

2. Putting text into variables

3. Variables - some practice

4. More variable practice

5. Joining direct text and variable data

6. Adding up in PHP

7. Subtraction

8. Multiplication

9. Division

10. Floating point numbers



PHP Three - Conditional Logic



1. If Statements

2. Using If Statements

Some Practice with PHP if statements

3. if ... else

4. if ... else if

5. Comparison Operators

6. NOT Equal To

7. Less Than and Greater Than

8. What these mean: <=, >=

9. The Switch Statement

10. Logical Operators

11. Boolean Values

12. Operator Precedence - a List



PHP Four - Working with HTML Forms


1. The HTML Form

2. The Method Attribute

3. The Post Attribute

4. The Action Attribute

5. The Submit button

6. Getting values from a Text Box

7. Checking if the Submit button was clicked

8. More on the ACTION attribute

9. Keep data the user entered

10. PHP and Radio Buttons

11. PHP and Checkboxes




PHP Five - Programming Loops


1. For Loops

2. A Times Table Programme

3. The Code for the PHP Times Table

4. While Loops

5. Do ... While loops

6. The break statement



PHP Six - Arrays in PHP


1. What is an Array?

2. Setting up an Array in PHP

3. Getting at the values stored in Arrays

4. Arrays - Using Text as Keys

5. Arrays and For Each

6. Sorting Array values

7. Random Keys from an Array

8. The count function

9. Some Array Scripts



PHP Seven - String Manipulation



1. Changing Case

2. Trimming White Space

3. Shuffle characters

4. Finding String Positions with strpos

5. Splitting a line of text

6. Joining text into a single line

7. PHP and Escaping

8. String function list



PHP Eight - Create your own Functions



1. An Introduction to Functions

2. Variable scope and functions

3. Functions and Arguments

4. A Function to check for blank text boxes

5. Getting values out of functions

6. By Ref, By Val

7. PHP Server Variables

8. HTTP Header() Function

9. The INCLUDE( ) Function



PHP Nine - Security Issues



1. Security Issues And Form Elements

2. htmlspecialchars( )

3. strip_tags( )





PHP Ten - Working With Files In PHP



1. An Introduction to Working With Files In PHP

2. Opening a file with readfile( )

3. Opening a file with fopen( )

4. Options for fopen( )

5. Writing to files

6. Working with CSV files

7. Reading a text file into an array

8. File Locations



PHP Eleven - Date and Time Functions in PHP



1. The date( ) function

2. Using the date( ) function

3. The getdate( ) Function




PHP Twelve - PHP and MySQL




1. What you need for these Tutorials

2. Creating a database using phpMyAdmin

3. Setting up Fields in database tables

4. Adding records to a MySQL Table





PHP Thirteen - Manipulate a MySQL Database




1. Access a MySQL database with PHP code

2. Reading records from a MySQL database

3. Adding records to a MySQL database

4. Magic Quotes

5. SQL injection

6. Create a Table using SQL

7. Updating a record in a table

8. Deleting a record in a table

9. Using WHERE to limit the data returned





Walkthrough One - PHP User Authentication



1. PHP User Authentication - Introduction

2. The login page

3. Checking if the user is logged on

4. Log Out

5. Register a new user

6. Other considerations





Walkthrough Two - Build your own PHP Survey/Poll Application



1. Build your own Survey Application - Intro

2.The Database for the Survey

3. Setting a question – the code

4. The Code for the Survey

5. Add the Vote to the Database

6. Viewing the Results of the Survey





Walkthrough Three - How to Build an Online Forum: the database



1. Introduction to the Forum

2. Setting up a Database for a bigger project

3. The Forum Sections Table

4. The Members Table

5. The Post Tables

6. The Reply Tables





Walkthrough Four - The Code for the Forum



1. Code Strategies and Objectives

2. The forumTest.php page

3. The pageThread.php page

4. 2D Arrays and PHP

5. How many replies are there for each post

6. Find out which member posted

7. Print the table out

8. The pageReply.php Code

9. The Reply Form

10. The results.php page

11. Posting a Topic on the Forum

12. The resultsP.php page

13. Final Project







Section One: Getting Started




1. Software needed


2. Our Javascript Templates


3. A little word about debugging




Section Two: The Browser




1. A First Script


2. Javascript Tag Placement

3. The Browser Object Model

4. Browser Window Methods


5. The Document Object Model




Section Three: Javascript Programming Basics




1. Javascript Variables

2. Math Operators

3. Operator Precedence

4. IF Statements

5. IF ... Else

6. Comparison Operators

7. Logical Operators

8. Switch Statements

9. Javascript For Loops

10. Javascript While Loops






Section Four: Arrays and Functions




1. Javascript Arrays


2. Javascript Functions

3. Function Arguments


4. Variable Scope






Section Five: Javascript String Manipulation




1. Changing Case


2. Javascript indexOf


3. charAt

4. substr


5. split and join in Javascript




Section Six: Dates and Times



1. Javascript Dates and Times

2. Customised Dates






Section Seven: Javascript and HTML Forms



1. Javascript and Forms


2. getElementById


3. Email Function


4. Radio Buttons

5. Dropdown Lists


6. Checkboxes


7. Validating Forms








Sectiom Eight: Javascript and HTML Elements



1. Manipulate HTML Elements


2. Create HTML Elements






Section Nine: Javascript and Images



1. Image Manipulation


2. A Javascript Image Scroller

3. Javascript Rollovers


4. Javascript Timers


Section Ten: Javascript and Images


1. Javascript and Geolocation

2. Geolocation and Google Maps


Section Eleven: Javascript and the HTML5 Canvas


1. Getting Started with the HTML5 Canvas


2. Drawing Shapes on the Canvas


3. Circles and Arcs


4. Paths and Lines


5. Line Ends and Line Joins                      


6. HTML5 Canvas Gradients


7. Patterns as Fill Styles


8. Draw, Scale, and Slice Images

9. Timers and the Canvas


10. The HTML5 Canvas and Keyboard Events


11. Mouse Events with the HTML5 Canvas


12. Touch Events


13. Adding Text to a HTML5 Canvas


14. Aligning Text


15. The HTML5 Canvas and Drop Shadows




Section Twelve: Javascript Libraries




1. Javascript Libraries






Section 1:



  • Wordpress Introduction



Preparing Yourself for work





Section 2:



  • 5 Minutes Install of Wordpress







Section 3:



  • Using the customize.php



  • Adding themes and Editing themes



Section 4:



  • Deleting themes



  • Adding and Deleting Pages



Section 5:



  • Adding and Deleting Posts



  • Adding and Deleting Plugins



Section 5:



  • Editing plugins



  • Adding Images to posts and Pages



Section 6:



  • Hyperlinks in wordpress




  • Use of Permalinks








Section 1:




  • Creating a New Website
  • Using a Template


  • Cleaning up HTML (from Word)
  • Inserting text








Section 2:




  • Lists:
  • History Panel


  • Dreamweaver CSS Classes
  • Links (websites, documents, PDF files, emails)









Section 3:




  • Anchors
  • Multiple Text Link Styles


  • Inserting Images
  • Background Images
  • Image Maps









Section 4: Dreamweaver Cs5 Menus- Uses


  • File Menu


  • Edit Menu









Section 5:


  • View Menu



  • Insert Menu








Section 6: Dreamweaver Cs5 Menus- Uses




  • Modify Menu



  • Format Menu






Section 7: Dreamweaver Cs5 Menus- Uses


  • Commands Menu



  • Site Menu







Section 8: Dreamweaver Cs5 Menus- Uses


  • Window Menu


  • Help Menu










Section 1:




  • Introduction to CPanel
  • Accessing cPanel


  • Reinforce your Security
  • Check Disk Space Usage






Section 2:




  • Preferences Panel
  • Domains, Subdomains, and Redirect Settings


  • Mail Account Settings
  • Optimize Your Website





Section 3:




  • Manage Databases


  • Logs