Week 4 Lab Exercise

In week 4 lab exercise, students will gain exposure or practical knowledge on using CSS to create web pages.

Welcome!

Student should complete the below tasks in this week’s lab session.

Task 1

This task let’s you gain hands on experience on CSS (Cascading Style Sheets).

Have a look at the below image and create a similar webpage using only external CSS.

The content for the above webpage was grabbed from here.

Use the following in the external CSS file:

1. Use font properties like (font-size, font-family) and text properties like (color, text-decoration).
2. Set the background image in the top right position as shown in the above web page using the background properties (background-image, background-repeat, background-position).
3. Create two hyperlinks as shown in the above webpage and use all five pseudo classes (link, visited, focus, hover and active).
4. For the two hyperlinks, assign the class attributes as xlink and hlink respectively and apply the cursor property in the CSS file like .xlink { cursor: crosshair;} and .hlink { cursor: help;}

Other resources:

• Images required to complete the above task – Download Here
• Examples on CSS cursor property – Click Here

Task 2

This task let’s you gain hands on experience on CSS (Cascading Style Sheets).

Have a look at the below image and create a similar webpage using only inline CSS.

Use the CSS property z-index along with position, top and left properties to achieve the above effect. The boxes in the above image can be created using <div> tags and applying width, height and background-color CSS properties on them.

Other resources:

• For information and examples on the position and z-index properties refer this link.

Suryateja Pericherla

Suryateja Pericherla, at present is a Research Scholar (full-time Ph.D.) in the Dept. of Computer Science & Systems Engineering at Andhra University, Visakhapatnam. Previously worked as an Associate Professor in the Dept. of CSE at Vishnu Institute of Technology, India.

He has 11+ years of teaching experience and is an individual researcher whose research interests are Cloud Computing, Internet of Things, Computer Security, Network Security and Blockchain.

He is a member of professional societies like IEEE, ACM, CSI and ISCA. He published several research papers which are indexed by SCIE, WoS, Scopus, Springer and others.