WEB Tech Lab-Manual-22
WEB Tech Lab-Manual-22
This lab manual supplements the teaching materials in the Web Technologies
course.
At least one practical question should be completed and assessed every week
starting week 2 from semester beginning.
A lab report with all solutions to be compiled by student and submitted before
semester end
QUESTION 1
Create a web page about your profile. Use as Much tags as possible involving use of
elements and attributes. Creativity and adding more designs will earn you more
marks[25]
QUESTION 2
In groups of 2s create a website of a company, give your company a name.
The website should have a at least 4 pages (html) (Homepage, Contact us, About Us,
Gallery)
Instructions:
Home should at least contain general introductory remarks / information
Contact Us should have details to contact the company and a fill in form and a map
embedded of any location of choice
About Us write a few info about the company and a motto and values etc and the
group members as well
Gallery should have random images as your company images and or products
displayed in table like format of rows and columns
The Home page creator should host the code in GitHub and initialise a repository and
add contributors as others who are supposed to create the rest of the pages. The rest
will just fetch /clone the initial code and create respective pages and commit and push
back to the main branch. Publish the site using GitHub pages.
Every member is supposed is supposed to contribute by pulling, write a page and push
it to the master branch in GitHub. Use as many tags as possible on your page
Use uniform CSS/styling theme as a group of developers.
Send link to your git hub page [20]
QUESTION 3
Using HTML, CSS and JS or any other skills you have gained, create your CV or
online portfolio. Use proper repository formatting for your work and save your work to
your GitHub profile and share the link to the online page after publishing with GitHub
pages. Your portfolio should have a download button to download the cv/portfolio as
pdf in the format StudentName_ISA_2022.pdf [25]
QUESTION 4
A local university has asked you to create Web document that allow prospective
students to provide feedback about their campus visit.
Your document should contain a form with text boxes for a name, address and e-mail.
Provide checkboxes that allow prospective students to indicate what they liked most
about the campus.
The checkboxes should include: students, location, campus, atmosphere, and sports.
Also, provide radio buttons that ask the prospective students how they became
interested in the university. Options should include: friends, television, Internet and
other. In addition, provide a text area for additional comments, a submit button and a
reset button.
Using Java, create the pages and a database (MySQL) to store feedbacks, it should
disallow for duplicate enquiries to be made from same user.
[25]
In event of duplicate enquiry should show message that enquiry has already been
sent and is awaiting processing [5]
Create an additional User Login page on the which will allow Admin User to login
and show feedbacks page with list of all feedbacks [15]
Host the site on live servers using the free hosting providers and share the link to your
site, make sure the code is in your GitHub repository as well just in case I request to
see the code [5]
QUESTION 5
You have an online store that sells different items of your choice, design a simple
PHP/ REACT application that makes use of PayPal payment gateway / API for
payments when one wants to purchase on check out; [20]
- Make use of cart if you can,
1. Make use of sandbox accounts since you will be testing, so you need to have a
PayPal account as well.
2. Host it to a platform of choice (free platforms) and send the link to the
platform, keep the code in your repository