COMPUTER PROGRAMMING INTERACTIVE PRESENtation
MANAGING BUILDING WEBSITE USING MICROSOFT FRONTPAGE AND BUILDING WEBSITE USING MICROSOFT FRONTPAGE
TABLE OF CONTENTS : APPLY CASCADING STYLE SHEET PRE-TEST LESSON PROPER POST-TEST CREATE FRAMES AND FRAMESET TUTORTIAL VIDEO
APPLY CASCADING STYLE SHEET
PRE-TEST : 1. What does CSS stand for? Creative Style Sheets Computer Style Sheets Colorful Style Sheets Cascading Style Sheets
2. What is the correct HTML for referring to an external style sheet? <link rel="stylesheet" type="text/css" href="mystyle.css"> <style src="mystyle.css" /> <stylesheet>mystyle.css</stylesheet />
3. Where in an HTML document is the correct place to refer to an external style sheet? In the <body> section At the end of the document In the <head> section At the top of the document
4. Which HTML tag is used to define an internal style sheet? <script> <style> <css>
5. Which HTML attribute is used to define inline styles? font class
6. Which is the correct CSS syntax? body:color=black {body:color=black(body} body {color: black} {body;color:black}
7. How do you insert a comment in a CSS file? /* this is a comment */ // this is a comment // this is a comment // ' this is a comment
8. Which property is used to change the background color? bgcolor: background-color:
How do you add a background color for all <h1> elements? h1 {background-color:#FFFFFF} h1.all {background-color:#FFFFFF} all.h1 {background-color:#FFFFFF}
10. How do you change the text color of an element? fgcolor:
LESSON PROPER : CSS Example : body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; }
CLI CK
Post-test : 1. What does CSS stand for? Creative Style Sheets Computer Style Sheets Colorful Style Sheets Cascading Style Sheets
2. What is the correct HTML for referring to an external style sheet? <link rel="stylesheet" type="text/css" href="mystyle.css"> <style src="mystyle.css" /> <stylesheet>mystyle.css</stylesheet />
3. Where in an HTML document is the correct place to refer to an external style sheet? In the <body> section At the end of the document In the <head> section At the top of the document
4. Which HTML tag is used to define an internal style sheet? <script> <style> <css>
5. Which HTML attribute is used to define inline styles? font class
6. Which is the correct CSS syntax? body:color=black {body:color=black(body} body {color: black} {body;color:black}
7. How do you insert a comment in a CSS file? /* this is a comment */ // this is a comment // this is a comment // ' this is a comment
8. Which property is used to change the background color? bgcolor: background-color:
How do you add a background color for all <h1> elements? h1 {background-color:#FFFFFF} h1.all {background-color:#FFFFFF} all.h1 {background-color:#FFFFFF}
10. How do you change the text color of an element? fgcolor:
CREATE FRAMES AND FRAMESETS
LESSON PROPER: EXAMPLE :
<HTML> <HEAD> <TITLE>Great Recipes</TITLE> </HEAD> <FRAMESET ROWS="15%,*"> <FRAME SRC="recipetitlebar.html" NAME=TITLE SCROLLING=NO> <FRAMESET COLS="20%,*"> <FRAME SRC="recipesidebar.html" NAME=SIDEBAR> <FRAME SRC="recipes.html" NAME=RECIPES> </FRAMESET> </HTML>
OUTPUT :
CLI CK
GOOGLE YOUTUBE W3SCHOOL AND MR. RELUBA Thanks to : GOOGLE YOUTUBE W3SCHOOL AND MR. RELUBA
Presented by : Leizle Selda III-1
End of slide press esc.
G R E A T ! ! ! PROCEED TO # : 1 2 3 4 5 6 7 8 9 10
G R E A T ! ! ! PROCEED TO # : 1 2 3 4 5 6 7 8 9 10
T R Y A G A I N ! ! ! PROCEED TO # : 1 2 3 4 5 6 7 8 9 10
T R Y A G A I N ! ! ! PROCEED TO # : 1 2 3 4 5 6 7 8 9 10