Scribd
Upload
53 views

Assisgnment 5 HTML CSS 30042020 012540am

This document provides instructions for an assignment to create a multi-page website about what a student would do if they became invisible for 10 minutes. Students are asked to create 2-4 pages on a topic of their choosing using HTML and CSS. The pages should include personal information about the student, a brief biography, and a table listing favorite places to visit. Additional instructions encourage students to make the site visually appealing using techniques like frames, images, background images, and interactive elements. Proper formatting and testing across browsers is required.

Uploaded by

hurrarazahoor01
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
53 views

Assisgnment 5 HTML CSS 30042020 012540am

This document provides instructions for an assignment to create a multi-page website about what a student would do if they became invisible for 10 minutes. Students are asked to create 2-4 pages on a topic of their choosing using HTML and CSS. The pages should include personal information about the student, a brief biography, and a table listing favorite places to visit. Additional instructions encourage students to make the site visually appealing using techniques like frames, images, background images, and interactive elements. Proper formatting and testing across browsers is required.

Uploaded by

hurrarazahoor01
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Bahria University Islamabad Campus

Department of Computer Science


Introduction to Information & Communication Technology
Assignment: 5
Name: Enrollment No:
Class: BSIT Marks Obtained Date:
Subject: ICT Semester:
Deadline:
Max Marks: 10
8thMay,2020

INSTRUCTIONS:
Assignment will only be accepted via LMS.

Introduction:
This assignment is based on Web Development HTML and CSS. The goal of this assignment is to create
a Web Site using Frames and the skills you have learned in Web development lectures to list some
Important Information about yourself.

Guidelines for creating a web page:


1. Open any editor (you can choose any text editor of your choice, I recommend for NOTEPAD+
+).
2. Save it with filename.html.
3. Use proper structure of Html for creating your web page.
4. NOTE: Include comments in every HTML Question.
5. This is an individual assignment.
6. Create an appropriate document along with all the formatting and screen shoot of your
website.
7. Don’t forget to attach all the related documents and images or other stuff you will
used while creating your website.

Overview of Assignment:
 In your assignment, you will be creating a website using proper HTML and CSS that
consists of a minimum of 2 pages (per student) that make up a complete site upon a
unifying topic. (Reminder: Usually the first page of a website should be saved as
index.html and serves as an entry page to your site).
 Make a web site that people will want to visit and read. Make certain your site has
interesting information in it; that it is well organized and easy to navigate; and that it is
artistically pleasing.

1|Page
 Your site should be based around a single subject – one of your choosing! Remember,
you are publishing not only for this class, but for the whole world to see!
 Be sure to test your pages in more than one browser: Explorer / Firefox, Safari, and /
or Chrome.
 You will be marked on both your content and design, and will lose marks for broken
links, html, differences in browser experiences, slow load times, and spelling and
grammar errors.
Resources: To Help You Learn CSS

 w3schools.com
 YouTube Tutorials

Topic for your website:


If you became invisible for 10 minutes RIGHT NOW, what (school
appropriate!) things would you do?

Explanation:

Create a website

1). Create the website front page (topic of your website will be place at the middle) in which you
will be explaining the topic along with images and contents.

Write your full name at the bottom right corner (Make it a reference which will open the next
page that contains your information.)

a) Create (your information) next page that contains:

 Your image at right corner.


 Your Name.
 Your Enrollment Number.
 The Course Name.
 The Section.
 The Date of Submission.

b) Center the information above and increase the heading size to at least 2.
c) Set the background of this page to an image that you select (any image).
d) Place an image on this page that is a link to send an e-mail to your e-mail address.

2) Create 2nd page that contains a brief paragraph about yourself. You can also share a favorite
memory you made with a family member.

2|Page
3) Create 3rd page that contains a table that corresponds to your favorite places you want to visit.
You have to insert images of the places and some explanation why you want to visit that place
and the specialty of that place.

4).a) Create a page that will display 3 frames. Following the example above.
b) The title of the page should include your name.
c) Place your Name as the logo in the first frame.
d) On the left most frame, Include the links Personal Info, History, Favorite Table

e) when this page opens it should show your Information page.

IMPORTANT NOTICE:

Make this website as much interesting as much you can. You are free to insert images,
links, videos and content.

You have to make your website more colorful and more explore able by using multiple
things like:

 Frames.
 Table.
 Images.
 Interesting content.
 A good color scheming.
 Background images.
 Scrollbar.
 Scrollable comment box.
 Highlight text.
 Navigation bar.
 Image segments.
 Cool parallax effect (You have probably seen the Parallax Effect used on websites with
online ads. As you scroll down an article, the background image appears to scroll at a
different pace, or an advert appears. Perhaps the background image changes as you visit
different parts of the site).
 Title tooltip (A title tooltip comes up when you scroll with the mouse over a piece of
“manipulated” text or image. You know these from images, linked text, or menu items in
desktop apps. Here is how you can add a tooltip to plain text).
 Make scrolling or falling text (marquee tag).
 Add Switch menu.

3|Page

You might also like