Presentation is loading. Please wait.

Presentation is loading. Please wait.

Adding a Stylesheet. Create a New File Log into uhunix.hawaii.edu At the % prompt type: cd public_html Make a copy of your test file: cp test_file.html.

Similar presentations


Presentation on theme: "Adding a Stylesheet. Create a New File Log into uhunix.hawaii.edu At the % prompt type: cd public_html Make a copy of your test file: cp test_file.html."— Presentation transcript:

1 Adding a Stylesheet

2 Create a New File Log into uhunix.hawaii.edu At the % prompt type: cd public_html Make a copy of your test file: cp test_file.html test_file2.html Open your new file for public viewing: chmod 755 test_file2.html Open your new file for editing: pico test_file2.html

3 Add a Few Line Spaces donna's LIS 670 test file page Aloha, world! This is the test file of [your name].

4 Start Your Style Sheet donna's LIS 670 test file page Aloha, world! This is the test file of [your name].

5 Add a Declaration donna's LIS 670 test file page Aloha, world! This is the test file of [your name]. body { background-color : #FFDDFF ; } Use Ctrl + o to save your changes

6 Adding div Tags donna's LIS 670 test file page body { background-color : #FFDDFF ; } Aloha, world! This is the test file of [your name]. Use Ctrl + o to save your changes

7 Formatting a Division donna's LIS 670 test file page body { background-color : #FFDDFF ; } Aloha, world! This is the test file of [your name]. div { background-color : DDFFFF ; } Use Ctrl + o to save your changes

8 Formatting a Division donna's LIS 670 test file page body { background-color : #FFDDFF ; } div { background-color : DDFFFF ; } Aloha, world! This is the test file of [your name]. margin : 10em ; Use Ctrl + o to save your changes

9 Formatting a Division donna's LIS 670 test file page body { background-color : #FFDDFF ; } div { background-color : DDFFFF ; margin : 10em ; } Aloha, world! This is the test file of [your name]. padding : 20px ; Use Ctrl + o to save your changes

10 Formatting a Division donna's LIS 670 test file page body { background-color : #FFDDFF ; } div { background-color : DDFFFF ; margin : 10em ; padding : 20px ; } Aloha, world! This is the test file of [your name]. border : solid #005500 ; Use Ctrl + o to save your changes

11 Adding a Link donna's LIS 670 test file page body { background-color : #FFDDFF ; } div { background-color : DDFFFF ; margin : 10em ; padding : 20px ; border : solid #005500 ; } Aloha, world! This is the test file of [your name]. Visit my original test file. Use Ctrl + o to save your changes


Download ppt "Adding a Stylesheet. Create a New File Log into uhunix.hawaii.edu At the % prompt type: cd public_html Make a copy of your test file: cp test_file.html."

Similar presentations


Ads by Google