Transcript Slide 1

Chapter 15:Web Authoring
Task 1– Create Style Sheet
1.
2.
Write your own CSS for common styles like: h1, h2, h3, P, li – Save style sheet as “Style3”
Attach the style sheet and apply the text styles.
Colour
H1
H2
Full Red
San-Serif, 22, bold, italic, center
No Red or Green components. 50%
Blue
Serif, 16, left, Italic
H3
Dark Shade of Blue
Serif, 18, left, bold
P
Black
San-Serif, 12, bold, Justify
LI
Table
Blue
serif, 10, left, italic, disc
Set background colour to grey
Set external border to Black (width 3)
Collapse Border
Set internal border colour to blue (width 2),
Set padding to 3
All Solid Borders
Body
Background colour - Yellow
Set your name as a comment
Chapter 15:Web Authoring
Task 2 – Create Table
1.
2.
Create a new html file called ronaldo.htm and attach the stylesheet.
Create the table shown below
Table Settings:
Height: 600Px
Width: 600PX
Cell A -H1
Cell F
Cell B - H2
Cell C - P
Cell D–
Title as H3
Clubs as li
Cell E–
Title as H3
Clubs as li
Insert the following text into the cells:
Cell A: Real Madrid
Cell B: Name: Cristiano ronaldo
Position: Forward
Cell C: Cristiano Ronaldo, is a Portuguese professional footballer who plays as a forward for Spanish club Real
Madrid and captains the Portugal national team. Ronaldo became the world's most expensive player when he moved
from Manchester United to Real Madrid in 2009 in a transfer worth £80 million .
Cell D: Previous Clubs: Sporting Lisbon, Manchester United, Real Madrid
Cell E: Goals:
2013-2014 – 51, 2012-2013 – 55, 2011-2012 – 60, 2010-2011 - 53
Insert Ronaldo image into Cell F.