0% found this document useful (0 votes)
387 views25 pages

COM 225 Week One

This document provides an overview of the COM 225 Web Technology National Diploma 2 course. It introduces fundamental concepts of the world wide web including what is the internet, what is a website, and what is web development. It defines the internet as billions of connected computers that allow your computer to access servers storing websites. A website is a collection of files located at a web address. Web development is the process of developing websites, and involves roles like designers, developers, and project managers. Client-side coding involves tools like HTML, CSS, and JavaScript that run in the user's browser, while server-side coding with tools like PHP runs on the web server.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
387 views25 pages

COM 225 Week One

This document provides an overview of the COM 225 Web Technology National Diploma 2 course. It introduces fundamental concepts of the world wide web including what is the internet, what is a website, and what is web development. It defines the internet as billions of connected computers that allow your computer to access servers storing websites. A website is a collection of files located at a web address. Web development is the process of developing websites, and involves roles like designers, developers, and project managers. Client-side coding involves tools like HTML, CSS, and JavaScript that run in the user's browser, while server-side coding with tools like PHP runs on the web server.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 25

COM 225

Web Technology
NATIONAL DIPLOMA 2
DEPARTMENT OF COMPUTER SCIENCE
General Objective
1. Fundamental concepts of the world wide web
2. Hypertext Mark-up Language
3. Cascading Style Sheets
4. JavaScript
5. The practice of Website building
Module 1: 1. What is the internet
Fundamental 2. What is a website
concepts of the 3. What is web dev (web development)
world wide web
What is What is
the a
internet ? website?
What is the internet?
What is the internet?
oThe internet is billions of computers connected together
through wired or wireless connections that run all over the
earth.
oThrough those connections, your computer has access to
other computers called servers.
oServers store websites and serve them up to your
computer.
oThe internet is the backbone of the web.
oWhen you type in a web address on your web browser for
example, www.google.com, you are actually accessing a
server that stores Google’s website.
oGoogle server allows you to view and interact with their
website through the internet using a web browser (like
Google chrome, Firefox etc.).
What is a website
What is a website
A website is a collection of files stored on a server and
located at a web address that anyone can find like
www.nict.edu.ng
Kinds of website
There are basically two kinds of websites.
oStatic
oDynamic.
STATIC WEBSITE DYNAMIC WEBSITE
oSimpler to build oHarder to build
ofixed and display the same ocan display different content
content for every user, and provide user interaction,
ousually written exclusively oby making use of advanced
in HTML or HTML and CSS programming and databases in
addition to HTML. Such as JS,
oE.g. www.nict.edu.ng php, ASP etc.
oE.g. www.facebook.com
oEach page of the site, is a different file. For example, a
one page website is just one file.
oA two page website is two files. See it like a folder on
your desktop with a number of files.
Webpages are written in HTML (Hypertext Markup
Language). A very simple coding language..
You can see that the website looks boring. This is because
HTML is used to identify contents and not to style them or make
them beautiful.
To make the content look beautiful? We have to use another
scripting language called CSS. We will talk about HTML and CSS
later. For now, just know HTML handles content and CSS
handles style.
See HTML like the human skeleton and CSS as the flesh OR
HTML like blocks and CSS like paint.
What is Web development?
What is Web development?
Web development is the process of developing websites or
web applications hosted on the internet or intranet.
A web developer is someone who creates programs and
applications for the World Wide Web.
Roles in web development
There are many roles involved in web development
oGraphic designers,
oPhotographers,
oContent designer/ creator,
oWeb designers,
oUser Interaction (UI) designers
oUser Experience (UX) designer
oWeb developer (front-end, back-end, full stack)
oProject managers
oWeb/ internet entrepreneur
The web development process can be main divided into
two main components:
1. server-side coding and
2. client-side coding.
Client-Side coding or front-end
development
When you are viewing or using a website, you are known
as a ‘user’ or a ‘client.’ Client-Side codes or scripts are
executed on the user’s web browser i.e. the interface the
user (client) interacts with.
The common tools used here are: HTML, CSS, JavaScript
etc. basically the tools we will be focusing on this part of
the program.
Server-Side coding or back-end
development
Server-side scripts are executed on the web server
whenever a user requests a document or service. The
server then produces the document, usually in the form of
HTML, which can be read by the client’s browser
The common tools here are PHP, Python, Ruby etc. We
will not be going into that side of back-end development in
this part of the course.
Recap
Module 1 Materials
owww.dontfeartheinternet.com
ohttps://developer.mozilla.org/en-US/docs/Learn/Comm
on_questions/How_does_the_Internet_work
ohttps://www.upwork.com/blog/2014/03/web-developme
nt-101-web-development/
ohttps://www.upwork.com/blog/2014/03/web-developme
nt-101-web-developer/

ohttps://wpamelia.com/static-vs-dynamic-website/#:~:tex
t=Static%20websites%20are%20ones%20that,databases%20i
Assignment 1
1. Write on the history of the internet
2. Write on the history of HTML
3. What is Universal Resource Location (URL) and how
does it work
4. Explain the anatomy of a web connection

You might also like