SIWES TECHNICAL REPORTATAD’MAS IT PLACEOPPOSITE BORI CAMP RUMUOLA, PORT

HARCOURT,RIVERS [Link] EJIRO NDIFEREKEDE.2014/2883SUBMITTED IN PARTIAL

FULFILLMENT OF THE REQUIREMENTS FOR THEAWARD OF BACHELOR OF SCIENCE ([Link]) DEGREE, IN
THE FACULTY OFSCIENCE, OF THE RIVERS STATE UNIVERSITY OF SCIENCE ANDTECHNOLOGY, NKPOLU-
OROWORUKWO, PORT [Link] EJIRO N. Page 2

SIWES TECHNICAL REPORTMy training was on Web Design and advanced Web Design.I acquired
practical knowledge on how to design a web site and how to add and manage records in a [Link]
report discusses the technical skills gained during the training period and justifying the relevance of the
scheme in equipping students with needed technical competence to thrive in the real worldTABLE OF
CONTENTCover PageTitle
PageDedication……………………………………………………………………………...1Acknowledgement…………………………
…………………………………………..2Abstract…………………………………………………………………………….......3Table of
Content………………………………………………………………….…….4Chapter
1Introduction…………………………………………………………………….…..….1Purpose of
training...………………………………………………….………….……...6Brief story of
Siwes……………………….………………………….………….….......7Bodies involved in
siwes...….………………………………………….….……….…....7Aims and objectives of
siwes…………………………………………………………….8Benefits of Industrial
Training………………………………………………….….….....9Description of the establishment of the
attachment……………………………………..10Objectives and vision of Ad’mas IT
Place………………………………………….......10EJEDAFETA EJIRO N. Page 5

SIWES TECHNICAL REPORTCompany’s area of

specialization…………………………………………………….….11Departments in the
company………………………………………………………….....11Chapter 2Industrial
Experience……………………………………………………………………2Web design
department…………………………………………………………….........12Definition of
terms…………………………………………………………………….....12HTML and its
properties…………………………………………………………….…...13CSS and its
properties……………………………………………………………….…...16Website design using HTML and
CSS…………………………………………….….....19JavaScript and its
properties…………………………………………………………......22JavaScript work using HTML, CSS and
JavaScript……………………………………..31PHP and its
properties…………………………………………………………………...34PHP code and its
design………………………………………………………….……...40Database and its
properties………………………………………………………………40My full website with HTML, CSS, JavaScript, PHP,
and sent to Database…...............42Chapter 3Skills acquired and challenges
encountered…………………………………………3Technical skills
acquired……………………………………………………………...44Social and functional skills
acquired...........................................................................44Personal input to the company (Ad’mas IT
Place)…………………………………...45Challenges
encountered………………………………………………………….…...45Chapter 4Conclusion and
Recommendations………………………………..…………………4Conclusion……………………………………………………………
…………….....46Recommendations……………………………………………………………............46Reference…………………
…………………………………………………………..47EJEDAFETA EJIRO N. Page 6

SIWES TECHNICAL REPORTEJEDAFETA EJIRO N. Page 7

SIWES TECHNICAL REPORTEJEDAFETA EJIRO N. Page 7

SIWES TECHNICAL REPORTCHAPTER 1INTRODUCTION1.0 PURPOSE OF TRAINING:The student industrial

work experience scheme (SIWES) popularly called Industrial Training (IT) by Nigerian students is a yearly
program design by the institution in collaboration with the industries to give students the opportunity to
gain practical working experience in their various field of study or area of specialization. It is an effort to
bridge the existing gap between classroom theories and practical’s in engineering, management and
other professional programs in the Nigerian tertiary [Link] is a key factor in changing
expertise of a workforce. The world is passing through one of the worst economic crisis in recent time.
Both the developed and developing economics are experiencing serious economic
[Link] has turned the world into one big village and whatever happens in one
economy will have effects in other economics, and the growing concern among our industrialist is that
graduates of our institutions of higher learning, lack adequate practical background studies, so as to help
in the industries led to the formation of Student Industrial Work Experience Scheme (SIWES) by ITF
1993/[Link] is through this Industrial Training that the educational systems aims at helping students
acquire appropriate skills, abilities and competencies, both mental and physical, as well as equip the
individuals to live in society. The focus of the Industrial Training Fund (ITF) is for the industries of our
countries to succeed in the face of the current economic [Link] EJIRO N. Page 8

SIWES TECHNICAL REPORTNo society can achieve meaningful progress without encouraging its youth to
acquire necessary practical skills. Such skills enable them to harness available resources to meet the
needs of the society. It was against this background that SIWES, otherwise referred to as industrial
Training (IT), was introduced in Nigerian tertiary institution.1.1 SIWES: (Student Industrial Work
Experience Scheme)Since the aim of our national policy in education is to build a strong and self- reliant
nation, from the government’s decree No.47 of 8th October, 1971 as amended in1990, which led to the
establishment of Industrial Training Fund (ITF) in 1973/1974 and through the formation of this body
(ITF), in the year 1993/1994 and through the formation of this body (ITF), in the year 1993/1974 SIWES
was formed. In Nigeria, the current form of CooperativeEducation is known as the Students Industrial
Work Experience Scheme (SIWES).The Students Industrial Work Experience Scheme (SIWES) is a planned
and supervised training intervention based on stated and specific learning and career objectives and
geared towards developing the occupational competencies of the participants. The aim is make
education more relevance and also to bridge the science-related disciplines in tertiary institutions in
[Link] forms part of the approved minimum academic standards in the institutions, and is a core
academic requirement carrying fifteen (15) credit units. This requirement must be met by all students in
various disciplines before [Link] EJIRO N. Page 9

SIWES TECHNICAL REPORTNo society can achieve meaningful progress without encouraging its youth to
acquire necessary practical skills. Such skills enable them to harness available resources to meet the
needs of the society. It was against this background that SIWES, otherwise referred to as industrial
Training (IT), was introduced in Nigerian tertiary institution.1.1 SIWES: (Student Industrial Work
Experience Scheme)Since the aim of our national policy in education is to build a strong and self- reliant
nation, from the government’s decree No.47 of 8th October, 1971 as amended in1990, which led to the
establishment of Industrial Training Fund (ITF) in 1973/1974 and through the formation of this body
(ITF), in the year 1993/1994 and through the formation of this body (ITF), in the year 1993/1974 SIWES
was formed. In Nigeria, the current form of CooperativeEducation is known as the Students Industrial
Work Experience Scheme (SIWES).The Students Industrial Work Experience Scheme (SIWES) is a planned
and supervised training intervention based on stated and specific learning and career objectives and
geared towards developing the occupational competencies of the participants. The aim is make
education more relevance and also to bridge the science-related disciplines in tertiary institutions in
[Link] forms part of the approved minimum academic standards in the institutions, and is a core
academic requirement carrying fifteen (15) credit units. This requirement must be met by all students in
various disciplines before [Link] EJIRO N. Page 9

SIWES TECHNICAL REPORT1.2 BODIES INVOLVED IN SIWES:The main bodies involved in Student
Industrial Work Experience Scheme are;The tertiary institutions and the Federal Government through
the Industrial Training Fund (ITF).Other supervising agencies include:1. National University Commission
(NUC)2. National Board for Technical Education (NBTE)3. National Council for colleges for Education
(NCCE)4. Industry/Employers (NECA, NACCIMA, MAN, Government Establishments)5. Tertiary
Institutions (Universities, Polytechnics, Colleges of Education)6. Student Trainees (Engineering, Science,
Technology, NCE Technical).The functions of these agencies above are to:1. Ensure adequate funding of
the scheme2. Establish SIWES and accredit SIWES unit in the approved institutions3. Formulate policies
and guideline for participating bodies and institutions as well as appointing SIWES coordinators and
supporting staff4. Supervise students at their places of attachment and sign their log book and ITF
forms.5. Vet and process students Log books and forward same to ITF area office6. Ensure payment of
all allowances for the students and [Link] EJIRO N. Page 10
SIWES TECHNICAL REPORT1.3 NATURE AND SCOPE OF SIWES:This is based on the number of weeks or
months that student is expected to stay for itsattachment. The minimum duration for SIWES should
normally be six months, twenty-four weeks (24) weeks for University Engineers and Technologist. The
cumulative total duration of attachment over the entire period of the course should preferably be not
shorter than 240hrs full time which will take place during term-time or long [Link] sessions
which is conducted by teaching departments to install the concepts of key skills (skills for learning,
employment and life), work place safety and professional expectations, legalities and ethics.

1.4 AIMS AND OBJECTIVES OF SIWES:The specific objectives of SIWES were summarized by the federal
government as follows:1. To provide students with an opportunity to apply their knowledge in real work
and actual practice.2. To make the transition from school to the world of work easier and to enhance
students contacts for later job placement.3. Advanced countries, with over 100 years of sustained
industrial development and requisite technical and human infrastructure, have been able to adequately
implement industrial training for their students.4. They also include providing a structural attachment
program with emphasis applications, management and hands-on experience for students to apply
knowledge acquired. 5. It also aids students to acquire practical skill in other to strengthen their work
[Link] EJIRO N. Page 11

SIWES TECHNICAL REPORT6. Moreover it helps them to gain interpersonal and entrepreneurial skills and
also instil in them the right kind of work attitudes and professionalism through interactions with peoples
in the organizations and observations of their future role in the tertiary.1.5 BENEFITS OF INDUSTRIAL
TRAINING:Experts identified industrial experience as necessity for proper job preparation. This isbecause
productivity is enhanced by experience graduate or new entrance into the world of work really needs
and early exposure to the value and skills of the industry. Therefore, without appropriate skills and
experiences young graduates are not properly trained on work, norms and role behaviour among
others, these components will ensure success at the job [Link] Information and Communication
Technology (ICT) is changing the way many jobs are performed, thus altering the knowledge and skills
required of workers. Consequently,a new level of competency is required of our students. This cannot
be sufficiently met by training facilities in our education institutions hence, the need for collaborative
effort between institutions and industrial [Link] major benefits accruing to students who participate
conscientiously in industrial training are the skills and competencies they acquire. These relevant
production skills (RPSs) remain a part of the recipients of industrial training as lifelong assets which
cannot be taken away from them. This is because the knowledge and skills acquired through training are
internalized and become relevant when required to perform jobs or functions. Several other benefits
can accrue to students who participate in industrial [Link] EJIRO N. Page 12

SIWES TECHNICAL REPORT1.3 NATURE AND SCOPE OF SIWES:This is based on the number of weeks or
months that student is expected to stay for itsattachment. The minimum duration for SIWES should
normally be six months, twenty-four weeks (24) weeks for University Engineers and Technologist. The
cumulative total duration of attachment over the entire period of the course should preferably be not
shorter than 240hrs full time which will take place during term-time or long [Link] sessions
which is conducted by teaching departments to install the concepts of key skills (skills for learning,
employment and life), work place safety and professional expectations, legalities and ethics.1.4 AIMS
AND OBJECTIVES OF SIWES:The specific objectives of SIWES were summarized by the federal
government as follows:1. To provide students with an opportunity to apply their knowledge in real work
and actual practice.2. To make the transition from school to the world of work easier and to enhance
students contacts for later job placement.3. Advanced countries, with over 100 years of sustained
industrial development and requisite technical and human infrastructure, have been able to adequately
implement industrial training for their students.4. They also include providing a structural attachment
program with emphasis applications, management and hands-on experience for students to apply
knowledge acquired. 5. It also aids students to acquire practical skill in other to strengthen their work
[Link] EJIRO N. Page 11

SIWES TECHNICAL REPORT6. Moreover it helps them to gain interpersonal and entrepreneurial skills and
also instil in them the right kind of work attitudes and professionalism through interactions with peoples
in the organizations and observations of their future role in the tertiary.1.5 BENEFITS OF INDUSTRIAL
TRAINING:Experts identified industrial experience as necessity for proper job preparation. This isbecause
productivity is enhanced by experience graduate or new entrance into the world of work really needs
and early exposure to the value and skills of the industry. Therefore, without appropriate skills and
experiences young graduates are not properly trained on work, norms and role behaviour among
others, these components will ensure success at the job [Link] Information and Communication
Technology (ICT) is changing the way many jobs are performed, thus altering the knowledge and skills
required of workers. Consequently,a new level of competency is required of our students. This cannot
be sufficiently met by training facilities in our education institutions hence, the need for collaborative
effort between institutions and industrial [Link] major benefits accruing to students who participate
conscientiously in industrial training are the skills and competencies they acquire. These relevant
production skills (RPSs) remain a part of the recipients of industrial training as lifelong assets which
cannot be taken away from them. This is because the knowledge and skills acquired through training are
internalized and become relevant when required to perform jobs or functions. Several other benefits
can accrue to students who participate in industrial [Link] EJIRO N. Page 12

SIWES TECHNICAL REPORTProvision of an enabling environment where students can develop and
enhance personal attributes such as critical thinking, creativity, initiative, resourcefulness, leadership,
time management, presentation skills and interpersonal skills, amongst others.1.6 DESCRIPTION OF THE
ESTABLISHMENT OF THE ATTACHMENTThe establishment is called Ad’mas I.T PLACE; it is an information
and communication technology company with broad expertise in ICT consultancy. Ad’mas Digital
Technologies ltd (RC 365322) is a Nigerian based telecommunications and technology conglomerate in
co-operated in 1999 and offering a wide range of automated and integrated solution in broad spectrum
of computers and telecommunication technology. This large technology-oriented corporation is on
record to be the cheapest source for high quality goods and services and has a high reputation for
performance in customization, distribution and after-sales services of laptop, desktops, printers,
software and all kinds of system accessories, security gadgets and communication equipment’s supplies,
maintenance, software development, training and software customization.1.7 OBJECTIVES AND VISION
OF AD’MAS IT PLACE1. To serve as a catalyst for both individual and collective development through the
provision of cutting edge technological server’s solution, resources and guidance.2. To produce
professionals in this era of global [Link] EJIRO N. Page 13

SIWES TECHNICAL REPORTProvision of an enabling environment where students can develop and
enhance personal attributes such as critical thinking, creativity, initiative, resourcefulness, leadership,
time management, presentation skills and interpersonal skills, amongst others.1.6 DESCRIPTION OF THE
ESTABLISHMENT OF THE ATTACHMENTThe establishment is called Ad’mas I.T PLACE; it is an information
and communication technology company with broad expertise in ICT consultancy. Ad’mas Digital
Technologies ltd (RC 365322) is a Nigerian based telecommunications and technology conglomerate in
co-operated in 1999 and offering a wide range of automated and integrated solution in broad spectrum
of computers and telecommunication technology. This large technology-oriented corporation is on
record to be the cheapest source for high quality goods and services and has a high reputation for
performance in customization, distribution and after-sales services of laptop, desktops, printers,
software and all kinds of system accessories, security gadgets and communication equipment’s supplies,
maintenance, software development, training and software customization.1.7 OBJECTIVES AND VISION
OF AD’MAS IT PLACE1. To serve as a catalyst for both individual and collective development through the
provision of cutting edge technological server’s solution, resources and guidance.2. To produce
professionals in this era of global [Link] EJIRO N. Page 13

SIWES TECHNICAL REPORT3. To offer a wide range of automated and integrated solution in broad
spectrum of computer and telecommunication.4. To build bridges between need and the solution.5.
Ad’mas IT PLACE is position to offer unique and innovative solution to client in terms of technologies.6.
Our vision is to become the leading full-service information and communication technology. 1.8
COMPANY’S AREA OF SPECIALIZATIONWith a team of seasoned computer Engineers and Programmers
with proven track recordsin computer and communication business, the company offers the following
wide areas of specialization1. Repairs, Assembling and Maintenance of computers2. Sales and Lease of
all up-to date Computers, Computer peripherals and other consumables3. Sales of Photocopying and
Fax Machines 4. Software Development and Maintenance5. Computer Networking and Maintenance6.
VSAT Installation and Maintenance, Radio and other communication equipmentEJEDAFETA EJIRO N.
Page 14
SIWES TECHNICAL REPORTProvision of an enabling environment where students can develop and
enhance personal attributes such as critical thinking, creativity, initiative, resourcefulness, leadership,
time management, presentation skills and interpersonal skills, amongst others.1.6 DESCRIPTION OF THE
ESTABLISHMENT OF THE ATTACHMENTThe establishment is called Ad’mas I.T PLACE; it is an information
and communication technology company with broad expertise in ICT consultancy. Ad’mas Digital
Technologies ltd (RC 365322) is a Nigerian based telecommunications and technology conglomerate in
co-operated in 1999 and offering a wide range of automated and integrated solution in broad spectrum
of computers and telecommunication technology. This large technology-oriented corporation is on
record to be the cheapest source for high quality goods and services and has a high reputation for
performance in customization, distribution and after-sales services of laptop, desktops, printers,
software and all kinds of system accessories, security gadgets and communication equipment’s supplies,
maintenance, software development, training and software customization.1.7 OBJECTIVES AND VISION
OF AD’MAS IT PLACE1. To serve as a catalyst for both individual and collective development through the
provision of cutting edge technological server’s solution, resources and guidance.2. To produce
professionals in this era of global [Link] EJIRO N. Page 13

SIWES TECHNICAL REPORT3. To offer a wide range of automated and integrated solution in broad
spectrum of computer and telecommunication.4. To build bridges between need and the solution.5.
Ad’mas IT PLACE is position to offer unique and innovative solution to client in terms of technologies.6.
Our vision is to become the leading full-service information and communication technology. 1.8
COMPANY’S AREA OF SPECIALIZATIONWith a team of seasoned computer Engineers and Programmers
with proven track recordsin computer and communication business, the company offers the following
wide areas of specialization1. Repairs, Assembling and Maintenance of computers2. Sales and Lease of
all up-to date Computers, Computer peripherals and other consumables3. Sales of Photocopying and
Fax Machines 4. Software Development and Maintenance5. Computer Networking and Maintenance6.
VSAT Installation and Maintenance, Radio and other communication equipmentEJEDAFETA EJIRO N.
Page 14

SIWES TECHNICAL REPORTProvision of an enabling environment where students can develop and
enhance personal attributes such as critical thinking, creativity, initiative, resourcefulness, leadership,
time management, presentation skills and interpersonal skills, amongst others.1.6 DESCRIPTION OF THE
ESTABLISHMENT OF THE ATTACHMENTThe establishment is called Ad’mas I.T PLACE; it is an information
and communication technology company with broad expertise in ICT consultancy. Ad’mas Digital
Technologies ltd (RC 365322) is a Nigerian based telecommunications and technology conglomerate in
co-operated in 1999 and offering a wide range of automated and integrated solution in broad spectrum
of computers and telecommunication technology. This large technology-oriented corporation is on
record to be the cheapest source for high quality goods and services and has a high reputation for
performance in customization, distribution and after-sales services of laptop, desktops, printers,
software and all kinds of system accessories, security gadgets and communication equipment’s supplies,
maintenance, software development, training and software customization.1.7 OBJECTIVES AND VISION
OF AD’MAS IT PLACE1. To serve as a catalyst for both individual and collective development through the
provision of cutting edge technological server’s solution, resources and guidance.2. To produce
professionals in this era of global [Link] EJIRO N. Page 13

SIWES TECHNICAL REPORT3. To offer a wide range of automated and integrated solution in broad
spectrum of computer and telecommunication.4. To build bridges between need and the solution.5.
Ad’mas IT PLACE is position to offer unique and innovative solution to client in terms of technologies.6.
Our vision is to become the leading full-service information and communication technology. 1.8
COMPANY’S AREA OF SPECIALIZATIONWith a team of seasoned computer Engineers and Programmers
with proven track recordsin computer and communication business, the company offers the following
wide areas of specialization1. Repairs, Assembling and Maintenance of computers2. Sales and Lease of
all up-to date Computers, Computer peripherals and other consumables3. Sales of Photocopying and
Fax Machines 4. Software Development and Maintenance5. Computer Networking and Maintenance6.
VSAT Installation and Maintenance, Radio and other communication equipmentEJEDAFETA EJIRO N.
Page 14

SIWES TECHNICAL REPORT7. Web Development8. Internet and E-mail Services9. Training Services1.9
DEPARTMENTS IN THE COMPANYA. Computer repair and maintenances department B. Networking
department C. Software development department D. Sales departmentE. Internet caféF. Web design
departmentG. Computer appreciation departmentH. Desktop Publishing departmentCHAPTER
2INDUSTRIAL EXPERIENCE2.0 WEB DESIGN DEPARTMENTThis department was where my Industrial
Training took place where i was grounded and expose to the website world especially the creation of
websites taking me step by step with practical all through the [Link] EJIRO N. Page 15

SIWES TECHNICAL REPORT3. To offer a wide range of automated and integrated solution in broad
spectrum of computer and telecommunication.4. To build bridges between need and the solution.5.
Ad’mas IT PLACE is position to offer unique and innovative solution to client in terms of technologies.6.
Our vision is to become the leading full-service information and communication technology. 1.8
COMPANY’S AREA OF SPECIALIZATIONWith a team of seasoned computer Engineers and Programmers
with proven track recordsin computer and communication business, the company offers the following
wide areas of specialization1. Repairs, Assembling and Maintenance of computers2. Sales and Lease of
all up-to date Computers, Computer peripherals and other consumables3. Sales of Photocopying and
Fax Machines 4. Software Development and Maintenance5. Computer Networking and Maintenance6.
VSAT Installation and Maintenance, Radio and other communication equipmentEJEDAFETA EJIRO N.
Page 14
SIWES TECHNICAL REPORT7. Web Development8. Internet and E-mail Services9. Training Services1.9
DEPARTMENTS IN THE COMPANYA. Computer repair and maintenances department B. Networking
department C. Software development department D. Sales departmentE. Internet caféF. Web design
departmentG. Computer appreciation departmentH. Desktop Publishing departmentCHAPTER
2INDUSTRIAL EXPERIENCE2.0 WEB DESIGN DEPARTMENTThis department was where my Industrial
Training took place where i was grounded and expose to the website world especially the creation of
websites taking me step by step with practical all through the [Link] EJIRO N. Page 15

SIWES TECHNICAL REPORT2.1 DEFINITION OF TERMSThe following are terms that were made use of, in
this department WEBSITE:A website is a set of related webpages containing content such as texts,
images, videos, audios, etc. A website is hosted on at least one web server, accessible via a network
such as the internet or a private LAN through an internet address known as a URL (UniversalResource
Locator). A publicly accessible websites collectively constitutes the World Wide Web
(WWW).WEBPAGE:A webpage is a document, typically written in plain text interspersed with formatting
instructions of hypertext nark up language (HTML, XHTML). A webpage may incorporate elements from
other websites with suitable anchors. Webpages are accessed and transported with the hypertext
transfer protocol (HTTP), which may occasionally employ encryption (HTTP secure, HTTPS) to provide
security and privacy for the use of the webpage content. The user’s application often a web browser
renders the page content according to its HTML mark-up instructions into a display [Link]:This
stands for Hyper Text Transfer Protocol which is the set of rules for transferring files (text, graphic,
images, sound, video, and other multimedia files) on the World Wide [Link]:EJEDAFETA EJIRO N.
Page 16

SIWES TECHNICAL REPORT7. Web Development8. Internet and E-mail Services9. Training Services1.9
DEPARTMENTS IN THE COMPANYA. Computer repair and maintenances department B. Networking
department C. Software development department D. Sales departmentE. Internet caféF. Web design
departmentG. Computer appreciation departmentH. Desktop Publishing departmentCHAPTER
2INDUSTRIAL EXPERIENCE2.0 WEB DESIGN DEPARTMENTThis department was where my Industrial
Training took place where i was grounded and expose to the website world especially the creation of
websites taking me step by step with practical all through the [Link] EJIRO N. Page 15

SIWES TECHNICAL REPORT2.1 DEFINITION OF TERMSThe following are terms that were made use of, in
this department WEBSITE:A website is a set of related webpages containing content such as texts,
images, videos, audios, etc. A website is hosted on at least one web server, accessible via a network
such as the internet or a private LAN through an internet address known as a URL (UniversalResource
Locator). A publicly accessible websites collectively constitutes the World Wide Web
(WWW).WEBPAGE:A webpage is a document, typically written in plain text interspersed with formatting
instructions of hypertext nark up language (HTML, XHTML). A webpage may incorporate elements from
other websites with suitable anchors. Webpages are accessed and transported with the hypertext
transfer protocol (HTTP), which may occasionally employ encryption (HTTP secure, HTTPS) to provide
security and privacy for the use of the webpage content. The user’s application often a web browser
renders the page content according to its HTML mark-up instructions into a display [Link]:This
stands for Hyper Text Transfer Protocol which is the set of rules for transferring files (text, graphic,
images, sound, video, and other multimedia files) on the World Wide [Link]:EJEDAFETA EJIRO N.
Page 16

SIWES TECHNICAL REPORTThis stands for Uniform Resource Locator and as the name suggests, it
provides a way to locate a resource on the web, the hypertext system that operates over the
internet.2.2 HTML AND ITS PROPERTIES HTML stands for Hypertext Mark-up Language, and it is the
most widely used language to write Web Pages. v Hypertext refers to the way in which Web pages
(HTML documents) are linkedtogether. Thus, the link available on a webpage is called Hypertext. v As its
name suggests, HTML is a Markup Language which means you use HTMLto simply "mark-up" a text
document with tags that tell a Web browser how tostructure it to display. Originally, HTML was
developed with the intent of defining the structure of documents likeheadings, paragraphs, lists, and so
forth to facilitate the sharing of scientific informationbetween researchers. Now, HTML is being widely
used to format web pages with the help of different tags available in HTML language.2.2.1 HTML TAGS:
As told earlier, HTML is a markup language and makes use of various tags to formatthe content. These
tags are enclosed within angle braces <Tag Name>. Except few tags, mostEJEDAFETA EJIRO N. Page 17

SIWES TECHNICAL REPORTThis stands for Uniform Resource Locator and as the name suggests, it
provides a way to locate a resource on the web, the hypertext system that operates over the
internet.2.2 HTML AND ITS PROPERTIES HTML stands for Hypertext Mark-up Language, and it is the
most widely used language to write Web Pages. v Hypertext refers to the way in which Web pages
(HTML documents) are linkedtogether. Thus, the link available on a webpage is called Hypertext. v As its
name suggests, HTML is a Markup Language which means you use HTMLto simply "mark-up" a text
document with tags that tell a Web browser how tostructure it to display. Originally, HTML was
developed with the intent of defining the structure of documents likeheadings, paragraphs, lists, and so
forth to facilitate the sharing of scientific informationbetween researchers. Now, HTML is being widely
used to format web pages with the help of different tags available in HTML language.2.2.1 HTML TAGS:
As told earlier, HTML is a markup language and makes use of various tags to formatthe content. These
tags are enclosed within angle braces <Tag Name>. Except few tags, mostEJEDAFETA EJIRO N. Page 17

SIWES TECHNICAL REPORTof the tags have their corresponding closing tags. For example,
<html>has its closingtag</html>and <body>tag has its closing tag </body>tag etc.
The following are the names of tags and their [Link] Description <html> This tag encloses the
complete HTML document and mainly comprises of document header which is represented by
<head>...</head> and document body which is represented by <body>...</body> tags. <head> This tag
represents the document's header which can keep other HTML tags like <title>, <link>, <script language
=”javascript”> etc.<title> The <title> tag is used inside the <head> tag to mention the document title.
<body> This tag represents the document's body which keeps otherHTML tags like <h1>, <div>, <p>,
<table> etc. <h1> This tag represents a heading <p> This tag represents a paragraph. <b>, <i>, <li>, <ul>
Bold, italic, list, unordered list 2.2.2 HTML TABLE:The HTML table model allows web designers to
arrange data –text, preformatted text,images, links, forms, form fields, other tables, etc. into rows and
columns of cells. It is defined with the <table> [Link] EJIRO N. Page 18

SIWES TECHNICAL REPORTCSS stands for Cascading Style Sheet used for formatting html document. It is
a style sheet language used for describing the presentation of a document written in a mark-up
[Link]: CSS code is not written the same way as HTML code is. This makes sense because css is
not HTML, but rather a way of manipulating existing HTML.2.3.1 REASONS FOR CSSThe following are
reasons why CSS is better1. It saves time2. It eradicate the idea of using repeating codes3. It provides
efficiency in design and updates: with css, we are able to create rules, and apply those rules to many
elements within the website. 4. It can lead to faster page downloads: since rules are only downloaded
once by the browser, then are the cached and used for each page load, the use of css can lead to lighter
page loads, and improved performance. This contributes to lighter server loads and lower requirements,
which overall saves money for our clients. 5. It creates external file (server side) for managing html
content2.3.2 METHOD USED BY CSS IN FORMATTING HTML DOCUMENT1. Inline Style: It is used to apply
a unique style to a single HTML element. An inline CSS uses the style attribute of an HTML
[Link] VIEW DESIGN VIEWEJEDAFETA EJIRO N. Page 20

SIWES TECHNICAL REPORT2. Embedded / Internal Style: It is used if one single page has a unique style.
Internal styles are defined within the <style> element, inside the <head> section of an HTML [Link]
VIEW DESIGN VIEW3. External Style: With an external style sheet, you can change the look of an entire
website by changing just one file. Each page must include a reference to the external style sheet file
inside the <link> element. The <link> element goes inside the <head> section. Also when using external
css it is preferable to keep the css separate from your HTML. Placing CSS in a separate file allows the
web designer to completely differentiate between content (HTML) and design (CSS). External CSS is a file
that contains only CSS code and is saved with a “.css” file extension. This CSS is then referenced in your
HTML using the <link> instead of <style> as earlier [Link] EJIRO N. Page 21
SIWES TECHNICAL REPORTCSS stands for Cascading Style Sheet used for formatting html document. It is
a style sheet language used for describing the presentation of a document written in a mark-up
[Link]: CSS code is not written the same way as HTML code is. This makes sense because css is
not HTML, but rather a way of manipulating existing HTML.2.3.1 REASONS FOR CSSThe following are
reasons why CSS is better1. It saves time2. It eradicate the idea of using repeating codes3. It provides
efficiency in design and updates: with css, we are able to create rules, and apply those rules to many
elements within the website. 4. It can lead to faster page downloads: since rules are only downloaded
once by the browser, then are the cached and used for each page load, the use of css can lead to lighter
page loads, and improved performance. This contributes to lighter server loads and lower requirements,
which overall saves money for our clients. 5. It creates external file (server side) for managing html
content2.3.2 METHOD USED BY CSS IN FORMATTING HTML DOCUMENT1. Inline Style: It is used to apply
a unique style to a single HTML element. An inline CSS uses the style attribute of an HTML
[Link] VIEW DESIGN VIEWEJEDAFETA EJIRO N. Page 20

SIWES TECHNICAL REPORT2. Embedded / Internal Style: It is used if one single page has a unique style.
Internal styles are defined within the <style> element, inside the <head> section of an HTML [Link]
VIEW DESIGN VIEW3. External Style: With an external style sheet, you can change the look of an entire
website by changing just one file. Each page must include a reference to the external style sheet file
inside the <link> element. The <link> element goes inside the <head> section. Also when using external
css it is preferable to keep the css separate from your HTML. Placing CSS in a separate file allows the
web designer to completely differentiate between content (HTML) and design (CSS). External CSS is a file
that contains only CSS code and is saved with a “.css” file extension. This CSS is then referenced in your
HTML using the <link> instead of <style> as earlier [Link] EJIRO N. Page 21

SIWES TECHNICAL REPORTEXTERNAL CSS FILE HTML CODE DESIGN VIEW2.3.3 CSS SELECTORS AND
HOW THEY CAN BE USEDCSS selectors are used to find or select HTML elements based on their element
name,id or class1. Element Selector: The element selector selects elements based on the element
name.2. Id Selector: The id selector uses the id attribute of an HTML element to select a specific
element. The id of an element should be unique within a page, so the id selector is used to select one
unique element. e.g. id=”hello” css #hello { color;red;}3. Class Selector: The class selector selects
elements with specific class attribute. To select elements with a specific class, write a period (.)
character followed by the nameof the class. e.g. .center {text-align:center;}2.3.4 CSS RULES
OVERRIDING1. Any inline style sheet takes the highest priority, so it will override any rule defined in
<style>……</style> tags.2. Any rule defined in <style>………</style> tags will override the rules defined in
any external style sheet [Link] EJIRO N. Page 22
SIWES TECHNICAL REPORT2. Embedded / Internal Style: It is used if one single page has a unique style.
Internal styles are defined within the <style> element, inside the <head> section of an HTML [Link]
VIEW DESIGN VIEW3. External Style: With an external style sheet, you can change the look of an entire
website by changing just one file. Each page must include a reference to the external style sheet file
inside the <link> element. The <link> element goes inside the <head> section. Also when using external
css it is preferable to keep the css separate from your HTML. Placing CSS in a separate file allows the
web designer to completely differentiate between content (HTML) and design (CSS). External CSS is a file
that contains only CSS code and is saved with a “.css” file extension. This CSS is then referenced in your
HTML using the <link> instead of <style> as earlier [Link] EJIRO N. Page 21

SIWES TECHNICAL REPORTEXTERNAL CSS FILE HTML CODE DESIGN VIEW2.3.3 CSS SELECTORS AND
HOW THEY CAN BE USEDCSS selectors are used to find or select HTML elements based on their element
name,id or class1. Element Selector: The element selector selects elements based on the element
name.2. Id Selector: The id selector uses the id attribute of an HTML element to select a specific
element. The id of an element should be unique within a page, so the id selector is used to select one
unique element. e.g. id=”hello” css #hello { color;red;}3. Class Selector: The class selector selects
elements with specific class attribute. To select elements with a specific class, write a period (.)
character followed by the nameof the class. e.g. .center {text-align:center;}2.3.4 CSS RULES
OVERRIDING1. Any inline style sheet takes the highest priority, so it will override any rule defined in
<style>……</style> tags.2. Any rule defined in <style>………</style> tags will override the rules defined in
any external style sheet [Link] EJIRO N. Page 22

SIWES TECHNICAL REPORT2.3.5 CSS COMMENTSTo simply put comment inside a style sheet you use
/*………..*/, you can use it to comment multi-line blocks in similar way as you do in c and c++
programming language.2.3.6 BACKGROUND AND FONT OF VARIOUS HTML ELEMENTSYou can set the
following background properties of an element.1. The background-color: Is a property used to set the
color background of an element.2. The background-image property: is used to set the background image
of an element.3. The background repeat: Is used to control the repetition of an image in the
background.4. The background position: Is used to control the position of an image in the background.5.
The background attachment: Is used to control the scrolling of an image in the background.6. The
background property: Is used as a short hand to specify a number of other background properties.
FONT WHICH ARE;1. The Font-family property: This is used to change the face of a font2. The Font-style
property: This is used to make a font italic or [Link] EJIRO N. Page 23
SIWES TECHNICAL REPORTEXTERNAL CSS FILE HTML CODE DESIGN VIEW2.3.3 CSS SELECTORS AND
HOW THEY CAN BE USEDCSS selectors are used to find or select HTML elements based on their element
name,id or class1. Element Selector: The element selector selects elements based on the element
name.2. Id Selector: The id selector uses the id attribute of an HTML element to select a specific
element. The id of an element should be unique within a page, so the id selector is used to select one
unique element. e.g. id=”hello” css #hello { color;red;}3. Class Selector: The class selector selects
elements with specific class attribute. To select elements with a specific class, write a period (.)
character followed by the nameof the class. e.g. .center {text-align:center;}2.3.4 CSS RULES
OVERRIDING1. Any inline style sheet takes the highest priority, so it will override any rule defined in
<style>……</style> tags.2. Any rule defined in <style>………</style> tags will override the rules defined in
any external style sheet [Link] EJIRO N. Page 22

SIWES TECHNICAL REPORT2.3.5 CSS COMMENTSTo simply put comment inside a style sheet you use
/*………..*/, you can use it to comment multi-line blocks in similar way as you do in c and c++
programming language.2.3.6 BACKGROUND AND FONT OF VARIOUS HTML ELEMENTSYou can set the
following background properties of an element.1. The background-color: Is a property used to set the
color background of an element.2. The background-image property: is used to set the background image
of an element.3. The background repeat: Is used to control the repetition of an image in the
background.4. The background position: Is used to control the position of an image in the background.5.
The background attachment: Is used to control the scrolling of an image in the background.6. The
background property: Is used as a short hand to specify a number of other background properties.
FONT WHICH ARE;1. The Font-family property: This is used to change the face of a font2. The Font-style
property: This is used to make a font italic or [Link] EJIRO N. Page 23

SIWES TECHNICAL REPORT3. The Font-weight property: This is used to increase or decrease how bold or
light a font appears.4. The Font-size property: This is used to increase or decrease the size of a font.2.3.7
TEXT DECORATION:This demonstrate how to decorate a text in css, the values are none, underline, over
line, line through and blink.2.3.8 PROPERTIES OF HYPERLINK USING CSS1. The link signifies unvisited
hyperlinks2. The link visited signifies visited hyperlinks3. The link hovered signifies an element that
currently has the user’s mouse pointer hovering over it.4. The link active signifies an element on which
the user is currently clicking. EJEDAFETA EJIRO N. Page 24

SIWES TECHNICAL REPORT2.3.5 CSS COMMENTSTo simply put comment inside a style sheet you use
/*………..*/, you can use it to comment multi-line blocks in similar way as you do in c and c++
programming language.2.3.6 BACKGROUND AND FONT OF VARIOUS HTML ELEMENTSYou can set the
following background properties of an element.1. The background-color: Is a property used to set the
color background of an element.2. The background-image property: is used to set the background image
of an element.3. The background repeat: Is used to control the repetition of an image in the
background.4. The background position: Is used to control the position of an image in the background.5.
The background attachment: Is used to control the scrolling of an image in the background.6. The
background property: Is used as a short hand to specify a number of other background properties.
FONT WHICH ARE;1. The Font-family property: This is used to change the face of a font2. The Font-style
property: This is used to make a font italic or [Link] EJIRO N. Page 23

SIWES TECHNICAL REPORT3. The Font-weight property: This is used to increase or decrease how bold or
light a font appears.4. The Font-size property: This is used to increase or decrease the size of a font.2.3.7
TEXT DECORATION:This demonstrate how to decorate a text in css, the values are none, underline, over
line, line through and blink.2.3.8 PROPERTIES OF HYPERLINK USING CSS1. The link signifies unvisited
hyperlinks2. The link visited signifies visited hyperlinks3. The link hovered signifies an element that
currently has the user’s mouse pointer hovering over it.4. The link active signifies an element on which
the user is currently clicking. EJEDAFETA EJIRO N. Page 24

SIWES TECHNICAL REPORT2.4 WEBSITE DESIGN USING HTML AND CSSHTML CODING VIEWEJEDAFETA
EJIRO N. Page 25

SIWES TECHNICAL REPORTDESIGN VIEWHOME PAGEEJEDAFETA EJIRO N. Page 27

SIWES TECHNICAL REPORTPHOTO MENU2.5 JAVASCRIPT AND ITS PROPERTIESJavaScript is a dynamic

computer programming language. It is lightweight and most commonly used as a part of web pages,
whose implementations allows client side script to interact with the user and make dynamic pages. It is
an interpreted programming language with object oriented capabilities. It was developed by Brenan Eich
1995-1996; it is an implementation of ECMA Script (European Computer Manufacturers Association). It
was also known as livescript later change to javascript. It is use for client side web form validation.
Javascript cannot run with been embedded in the HTML.2.5.1 FUNCTIONS OF JAVASCRIPTEJEDAFETA
EJIRO N. Page 28

SIWES TECHNICAL REPORT1. It is most commonly used as a client side scripting language, which implies
that javascript is written into an HTML page and when a user request an HTML page withjavascript in it,
the script is sent to the browser.2. It used for form validation.2.5.2 BROWSER DETECTIONThis refers to a
feature of a web browser to execute a javascript code without any error irrespective of its version.2.5.3
ADVANTAGES OF JAVASCRIPT1. Less server interaction: You can validate user input before sending the
page off to the server. This saves server traffic, which means fewer loads on your server.2. Immediate
feedback to the visitors: They don’t have to wait for a page to reload to see if they forgotten to enter
something.3. Increased interactivity: You can create interfaces that react when the user hovers over
them with a mouse or activates them via the keyboard.4. Richer interfaces: You can use javascript to
include such items as drag and drop component and sliders to give a rich interface to your site
visitors.2.5.4 JAVASCRIPT DEVELOPMENT TOOLSOne of the major strengths of javascript is that it does
not require expensive development tools. One can begin with a simple text editor such as notepad or
notepad++. EJEDAFETA EJIRO N. Page 29

SIWES TECHNICAL REPORTPHOTO MENU2.5 JAVASCRIPT AND ITS PROPERTIESJavaScript is a dynamic

computer programming language. It is lightweight and most commonly used as a part of web pages,
whose implementations allows client side script to interact with the user and make dynamic pages. It is
an interpreted programming language with object oriented capabilities. It was developed by Brenan Eich
1995-1996; it is an implementation of ECMA Script (European Computer Manufacturers Association). It
was also known as livescript later change to javascript. It is use for client side web form validation.
Javascript cannot run with been embedded in the HTML.2.5.1 FUNCTIONS OF JAVASCRIPTEJEDAFETA
EJIRO N. Page 28

SIWES TECHNICAL REPORT1. It is most commonly used as a client side scripting language, which implies
that javascript is written into an HTML page and when a user request an HTML page withjavascript in it,
the script is sent to the browser.2. It used for form validation.2.5.2 BROWSER DETECTIONThis refers to a
feature of a web browser to execute a javascript code without any error irrespective of its version.2.5.3
ADVANTAGES OF JAVASCRIPT1. Less server interaction: You can validate user input before sending the
page off to the server. This saves server traffic, which means fewer loads on your server.2. Immediate
feedback to the visitors: They don’t have to wait for a page to reload to see if they forgotten to enter
something.3. Increased interactivity: You can create interfaces that react when the user hovers over
them with a mouse or activates them via the keyboard.4. Richer interfaces: You can use javascript to
include such items as drag and drop component and sliders to give a rich interface to your site
visitors.2.5.4 JAVASCRIPT DEVELOPMENT TOOLSOne of the major strengths of javascript is that it does
not require expensive development tools. One can begin with a simple text editor such as notepad or
notepad++. EJEDAFETA EJIRO N. Page 29

SIWES TECHNICAL REPORTgood relationship with my fellow colleagues at work. I have also been able to
appreciate the connection between my course of study and other disciplines in producing a successful
result.4.1 RECOMMENDATIONS:· School should provide a place of attachment for student.· Allowances
should be paid to students during their programme just like NYSC and not after. This would help them a
great deal to handle some financial problems during their training course.· Supervisor should always visit
student monthly in their various places of attachment. REFERENCE PAPER Ø Student industrial work
experienced scheme 2015/2016 handbookØ Web design manual by industrial supervisor Mr. Kelvin P.Ø
Web design and Advance Manual by Industrial based supervisor Mr. Adeyemi SegunLINKØ
[Link] EJIRO N. Page 59

SIWES TECHNICAL REPORTØ [Link] [Link]

[Link]