Assignment Topic: In this Assignment, you are required to write the XHTML and the cascading style code. The topic of your web site is to design then implement your personal "Home Page".
Requirements -
1. Task 1: Cascading Style implementation
Create an external style sheet named "style.css" in your site folder and write your CSS code to configure the following:
Style rules for the body:
- background color
- font-family
Style rules for the h1 selector:
- text color
- text align
- border
- padding
Style rules for a class named navigation:
- margin
- display
Style rules for an id named footer:
- Font size
- text-align
Style rules for a class named img:
- margin
- float
Style rules for at least two id/class selectors of your choice to add a style to the content of your web site, each of them must include at least four properties.
2. Task 2: XHTML implementation
You have to create two web pages: Home.html and CV.html described in the following:
First Page -
To create the "Home.html" page, follow the steps below:
1) Add a title "FName.LName" for the first page and "CV- FName.LName" for the second page where FName and LName correspond to your first and last names.
2) Add a tag to associate the web page with the "style.css" external style file.
3) Add a navigation bar with the following links:
a. Link in the first page to navigate to the second page.
b. Link to navigate to the external web site of your institution
c. Link to your personal email.
4) The site should contain at least two images: your photo and the logo of your institution.
5) Create at least 4 divisions, and apply the predefined id/class style for this division.
a. The first division contains the logo.
b. The second division contains a navigation bar including all the previous hyperlinks. Apply navigation style to this division
c. The third division contains your photo and your short biography. Apply one of the predefined id/class styles.
d. The last division contains the website footer. Apply footer style to this division.
Second Page -
The "CV.html" page includes:
1. A link to the first page.
2. A link for the css file.
3. A first division in this page that contains:
a. A heading h1.
b. An unordered list with your personal information: Date of Birth, Nationality, Address, Phones, E-Mail,...
4. A second division that contains a brief summary about your: Diplomas/Certificates/Working experience.
For both divisions, apply the predefined id/class style.
Note -
Use divisions to design the layout of the first page.
The second page should apply the same layout as the first page and its content is a part of the home page.
Make your academic future bright with the professional and skilled tutors of Web Development Assignment Help service!
Tags: Web Development Assignment Help, Web Development Homework Help, Web Development Coursework, Web Development Solved Assignments, Cascading Style Assignment Help, Cascading Style Homework Help, XHTML Assignment Help, XHTML Homework Help