Course:
Coefficient :
INF2210 Web 2
development
Professor :
Semester 4 2019-2020
ABAHMANE Omar
Description
In this class students will learn to design and build Simple Websites using text editors and dedicated
software. Students will learn the basics of website design and programming using HTML5 and CSS3.
They will explore the ways to design a simple site and integrate different content into the HTML
pages. Part of the course will be on graphical design as a first step in producing website content
(images, logos, banners …). We will then explore other solution available for website design and
hosting solutions. Upon successful completion of this course, students will be able to create, manage
and host a basic HTML website.
The student will spend time working with HTML to produce browsing ready websites fully functional
and use web browsers to display webpage contents and styles. Will also be used during this course
some of the fundamental tools for producing images and programming websites.
Course objectives
This course will prepare students to :
Understand the internet, how it is organized and how it functions.
Design, Creating and Processing images and graphics
Create simple webpages
Incorporate divers content into webpages
Create simple navigation-ready websites
Apply styles to website and pages
Host websites on a webserver
In general, this course would contribute and prepare participants to act as entry level web design
professional.
Main Methods
The course is held in an interactive environment with one three-hour session per week.
All sessions are held in the laboratory.
1
OUTLINE
Week 1: Introduction to Web development Course
Introduction
Course Goals & skills to develop
Job and task oriented approaches
Course Overview
o Planning
o Requirements
o Final Project
Introduction to the Internet
Targeted skills:
- Familiarize with the course outline, course material and evaluation
Reading: NA
Week 2: Introduction to the Internet and World Wide Web
Definitions
Web history
WEB structure and infrastructures
Internet services
o Browsing
o Communication
o Hosting
o …
Targeted skills:
- Comprehend notions related to Internet
- Know the major technologies and functions of the Internet
Reading: Provided notes and examples
Week 3 : Graphic design 1 (Adobe Photoshop)
Introduction to graphics and images
Image editor Adobe Photoshop presentation
Basic functions (New and existing psd files / Saving / …)
Using pictures (Select / copy / fill / manage layers / …)
Using Tools (brushes / paint bucket / magic wand / …)
Managing colors
Targeted skills:
- Recall the major technics for working with images with an image editor
Reading: Provided notes and examples
Week 4: Graphic design 2 (Adobe Photoshop)
Creating layered images with Photoshop
Logos
Banners
Targeted skills:
- Apprehend the process of creating and managing images with an image editor
Reading: Provided notes and examples
2
Week 5: Test 1
Week 6: Introduction to Hyper Text Markup Language
Introduction to and history
HTML Basic Tags
HTML Page tags
Head section tags
Body section
Targeted skills:
- Understand the concept tagged language
Reading: Provided notes and examples
Week 7: HTML Basic Formatting Tags
Paragraph Tags
Text formatting Tags
Heading Tags
List Tags
Links and image Tags
Skills targeted:
- Using basic formatting tags
Reading: Provided notes and examples
Week 8: Midterm
Week 9: HTML Tables
Table Tags
Table headers, rows and cells
Table caption
The <col> and <colgroup> tags
Targeted skills:
- Create and use tables in an HTML webpage
Reading: Provided notes and examples
Week 10: Introduction to Cascading Style Sheets (CSS)
CSS definition, history and motivation
Embedded CSS styles
Using Embedded CSS styles
Targeted skills:
- Comprehend the embedded CSS Styles
Reading: Provided notes and examples
Week 11: Style structure & types
CSS Tag Styles
CSS Class Styles
ID Styles
Targeted skills:
- Comprehend the difference between Tag and class Styles
Reading: Provided notes and examples
Week 12: Test 3
3
Week 13: More on CSS Styles
<div> and <span> tags
Using multiple style sheets
Targeted skills:
- Comprehend more CSS Styles
Reading: Provided notes and examples
Week 14: Prepare for final projects presentations
Web hosting
Review
Workshops
Week 15: Final Projects presentations
Week 16: Final Exam
Evaluation
Final Exam 35%
Midterm 25 %
Assignments 10%
Tests 10%
Participation 5%
Assiduity 5%
Sessional Project 10%
Total 100%
Teaching methods
Supports:
Provided materials and notes
Platform : www.e-isiam.com
Virtual library: www.international.scholarvox.com
