Download presentation
Presentation is loading. Please wait.
1
COMPUTER PROGRAMMING INTERACTIVE PRESENtation
2
MANAGING BUILDING WEBSITE USING MICROSOFT FRONTPAGE
AND BUILDING WEBSITE USING MICROSOFT FRONTPAGE
3
TABLE OF CONTENTS : APPLY CASCADING STYLE SHEET
PRE-TEST LESSON PROPER POST-TEST CREATE FRAMES AND FRAMESET TUTORTIAL VIDEO
4
APPLY CASCADING STYLE SHEET
5
PRE-TEST : 1. What does CSS stand for? Creative Style Sheets
Computer Style Sheets Colorful Style Sheets Cascading Style Sheets
6
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 />
7
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
8
4. Which HTML tag is used to define an internal style sheet?
<script> <style> <css>
9
5. Which HTML attribute is used to define inline styles?
font class
10
6. Which is the correct CSS syntax?
body:color=black {body:color=black(body} body {color: black} {body;color:black}
11
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
12
8. Which property is used to change the background color?
bgcolor: background-color:
13
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}
14
10. How do you change the text color of an element?
fgcolor:
15
LESSON PROPER : CSS Example :
body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; }
16
CLI CK
17
Post-test : 1. What does CSS stand for? Creative Style Sheets
Computer Style Sheets Colorful Style Sheets Cascading Style Sheets
18
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 />
19
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
20
4. Which HTML tag is used to define an internal style sheet?
<script> <style> <css>
21
5. Which HTML attribute is used to define inline styles?
font class
22
6. Which is the correct CSS syntax?
body:color=black {body:color=black(body} body {color: black} {body;color:black}
23
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
24
8. Which property is used to change the background color?
bgcolor: background-color:
25
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}
26
10. How do you change the text color of an element?
fgcolor:
27
CREATE FRAMES AND FRAMESETS
28
LESSON PROPER: EXAMPLE :
29
<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>
30
OUTPUT :
32
CLI CK
33
GOOGLE YOUTUBE W3SCHOOL AND MR. RELUBA
Thanks to : GOOGLE YOUTUBE W3SCHOOL AND MR. RELUBA
34
Presented by : Leizle Selda III-1
35
End of slide press esc.
36
G R E A T ! ! ! PROCEED TO # :
37
G R E A T ! ! ! PROCEED TO # :
38
T R Y A G A I N ! ! ! PROCEED TO # :
39
T R Y A G A I N ! ! ! PROCEED TO # :
Similar presentations
