CS 3870/CS 5870 Web Protocols, Technologies and Applications

2 Formatting HTML Pages CS3870/CS5870: Prog1 HTML Elements Bold face Underline emphasize italics Larger Size small size

3 Formatting HTML Pages Bold face Underline emphasize italics Larger Size small size

4 Using Style Large font size underlined Italics

5 Elements Not Supported in VS Large font size underlined Italics -1: using non-supported HTML element

6 Cascading Style Sheets (CSS) Inline Styles Internal Style Sheets External Style Sheets

7 Inline Styles Large font size underlined Italics

8 Creating Internal Style Sheets in VS Select the element to be formatted Click FORMAT on the menu bar New Style Specify the styles OK or Apply

9 Internal Style Sheets.myStyleClass { font-size:x-large; text-decoration: underline } CS3870/CS Prog1

10 Internal Style Sheets... CS3870/CS Prog1 Using internal CSS

11 Creating External Style Sheets in VS Click Solution Explorer Right click the folder you want the CSS file to be Click Add Click Style Sheet Specify CSS file name

12 External Style Sheets A text file with any name, e.g. myStyleSheet body { padding-left: 11em; }.navbar { padding: 0; margin: 0; position: absolute; top: 2em; left: 1em; width: 9em }

13 External Style Sheets CS3870/CS Prog1 My Home Page Absolute link Relative link

Prog1 Due 5:00 PM, Wednesday, September 9 Folder Name: Prog1 14

Browsers Different browsers implement HTML and CSS in different ways. Some browsers may not implement some rules at all. Must make sure your pages work as expected with IE in Lab

Grader It goes to the first page of the selected program of the selected student, including my sample program at CS