-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
-
10
-
11
-
12
-
13
-
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
-
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
-
56
-
57
-
58
-
59
-
60
-
61
-
62
-
63
-
64
-
65
목차
2col_rightNav.css
26-1-0921519061.jpg
avi.html
avi1.html
avi2.html
banana.jpg
diet.html
diet.jpg
diet1.html
e1.gif
e2.gif
e3.gif
e4.gif
e5.gif
e6.gif
e7.gif
e8.gif
e9.gif
e10.gif
e11.gif
e12.gif
e13.gif
e14.gif
e15.gif
ex1.html
ex2.html
ex3.html
ex4.html
ex5.html
ex6.html
ex7.html
ex8.html
ex9.html
ex10.html
ex11.html
ex12.html
ex13.html
ex14.html
ex15.html
f.html
main.html
syn.html
Thumbs.db
웹프로그래밍.docx
웹프로그래밍발표자료.pptx
[_notes] 2col_rightNav.css.mno
26-1-0921519061.jpg
avi.html
avi1.html
avi2.html
banana.jpg
diet.html
diet.jpg
diet1.html
e1.gif
e2.gif
e3.gif
e4.gif
e5.gif
e6.gif
e7.gif
e8.gif
e9.gif
e10.gif
e11.gif
e12.gif
e13.gif
e14.gif
e15.gif
ex1.html
ex2.html
ex3.html
ex4.html
ex5.html
ex6.html
ex7.html
ex8.html
ex9.html
ex10.html
ex11.html
ex12.html
ex13.html
ex14.html
ex15.html
f.html
main.html
syn.html
Thumbs.db
웹프로그래밍.docx
웹프로그래밍발표자료.pptx
[_notes] 2col_rightNav.css.mno
본문내용
전체 스타일은 스타일 시트 <2col_rightNav.css>를 따로 저장해두어 가져다 씀으로서 코드를 간결히 하엿습니다. Navbar 에서 선택된 메뉴항목 별로 html 파일을 만들어 선택항목마다 속성으로 불러들여 content 영역에 출력합니다.
< 전체 구성 스타일 시트 사용>
────────────────
Masthead
────────────────
content │ navbar
────────────────
siteInfo
────────────────
*Masthead
속성을 사용하여 홈페이지의 main 메뉴들을 한눈에 볼수있도록 코딩하였습니다.
몸짱카페라는 홈페이지명과 하위메뉴인 몸짱 신드롬, 몸짱 운동법 ,몸짱 식이요법, 몸짱 영상, 몸짱 영상이 있습니다.
*Content
콘텐츠 부분에는 메뉴에서 선택된 항목의 데이터가 출력될수있는 공간으로 사용하였습니다.
이곳을 통해 운동법과 동영상을 볼수있습니다.
폰트 스타일로는 font-family: 맑은 고딕 , font-size: large , font-size: small 를 사용하였습니다.
body,td,th {
font-family: 맑은 고딕;
}
body {
background-image: url();
}
.style1 {font-size: large}
.style2 {font-size: small}
< 전체 구성 스타일 시트 사용>
────────────────
Masthead
────────────────
content │ navbar
────────────────
siteInfo
────────────────
*Masthead
몸짱카페라는 홈페이지명과 하위메뉴인 몸짱 신드롬, 몸짱 운동법 ,몸짱 식이요법, 몸짱 영상, 몸짱 영상이 있습니다.
몸짱 카페
*Content
콘텐츠 부분에는 메뉴에서 선택된 항목의 데이터가 출력될수있는 공간으로 사용하였습니다.
이곳을 통해 운동법과 동영상을 볼수있습니다.
폰트 스타일로는 font-family: 맑은 고딕 , font-size: large , font-size: small 를 사용하였습니다.
body,td,th {
font-family: 맑은 고딕;
}
body {
background-image: url();
}
.style1 {font-size: large}
.style2 {font-size: small}
소개글