웹디자인

2013년 4월 30일 오후 04:51

줌마6100 2013. 4. 30. 16:53

....웹디자인과정-이영숙
index.html
.페이지속성
태스트속성:흰색
배경색 :검은색
표2행2열 표폭 400,1,0,0,가운데정열
.수평=align

<title>웹디자인과정-이영숙</title>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
color: #FFFFFF;
}
body {
background-color: #000000;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #333333;
font-size:24px
}
a:active {
text-decoration: none;
}
-->
</style></head>

<body>
<p> </p>
<p> </p>
<p> </p>
<table width="400" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="197" height="150" align="center" bgcolor="#99FF66"><a href="profile.html" target="_self">나의소개</a></td>
<td width="197" align="center" bgcolor="#FF9999"><a href="good.html" target="_self">좋은글</a></td>
</tr>
<tr>
<td height="150" align="center" bgcolor="#0000FF"><a href="multi.html" target="_self">멀티미디어</a></td>
<td align="center" bgcolor="#FFFF66"><a href="site.html" target="_self">추천사이트</a></td>
</tr>
</table>
<p align="center">웹디장인과정-이영숙</p>
</body>
</html>

index.html

 

..good.html

.음악-매개변수 hidden, true-플레이어가 나타나지 않음
<title>무제 문서</title>
<style type="text/css">
<!--
body,td,th {
 font-size: 12px;
 color: #333333;
}
body {
 background-color: #FF9999;
}
#apDiv1 { position:absolute;
 left:158px;
 top:45px;
 width:81px;
 height:58px;
 z-index:1;
 background-color: #FFFFFF;
}
-->
</style></head>

<body>
<p> </p>
<div id="apDiv1">
  <p align="center"><a href="index.html">홈</a></p>
</div>
<p> </p>
<table width="101%" border="0" cellspacing="0" cellpadding="20">
  <tr>
    <td width="250"> </td>
    <td width="499" align="center" bgcolor="#FF6600">
  <marquee behavior="alternate" >
    ♠ 좋은글(희망을 주는 글모음) ♠
    </marquee>    </td>
    <td width="263"><embed src="song.wav" width="1" height="1" hidden="true"></embed></td>
  </tr>
  <tr>
    <td width="250" height="400"> </td>
    <td>
    <marquee direction="up" scrollamount="2">
    <p>전화위복의 기회는 항상 있다---디오도어 루빈</p>
    <p>가장 어려운 기술은 살아가는 기술이다---메이시</p>
    <p>가장 강한 영혼은 고통속에서 탄생한다.<br />
      굳건한 인격은 흉터와 함께 각인된다.---칼릴지브란</p>
    <p>세상이 고통으로 가득차 있을지라도,<br />
    세상에는 고통을 극복하는 방법 또한 가득하다---헬렌켈러</p>
    <p>그릇은 가득차면 넘치고 </p>
    </marquee>
    <p> </p></td>
    <td width="263"> </td>
  </tr>
</table>
<p> </p>
</body>
</html>
good.html

 

...multi.html
.음악재생-시작-보조-엔터테인먼트-녹음, 볼륨을 바탕화면으로
.녹음에서-옵션-속성line in/mix in선택후 스테레오믹스체크 확인후 녹음컨트롤에서 스테레오믹서만
체크안함-녹음에서 동그라미 클릭후 음악재생 후 저장 .wav로

.미디어-플러그인선택
사이즈 200,28 매개변수-autoplay,false

 

<title>무제 문서</title>
<style type="text/css">
<!--
body,td,th {
 font-size: 12px;
 color: #333333;
}
body {
 background-color: #0000FF;
}
#apDiv1 { position:absolute;
 left:158px;
 top:45px;
 width:81px;
 height:58px;
 z-index:1;
 background-color: #FFFFFF;
}
-->
</style></head>

<body>
<p> </p>
<div id="apDiv1">
  <p align="center"><a href="index.html">홈</a></p>
</div>
<p> </p>
<p> </p>
<p align="center">
  <embed src="song.wav" width="200" height="28" autoplay="false"></embed>
</p>
</body>
</html>

multi.html

 

poto1.jpg

 

 

....profile

표 5행2열
700,0,0,0
캡션 나의소개 위치 위로
셀패딩은 글자간격,셀간격은 선

...레이아웃에서 ap div가 표역할
div클릭하고 사각형만들고 링크걸기-index.html로

<body>
<div id="apDiv1">
  <p align="center"><a href="index.html" target="_blank">홈</a></p>
</div>
<table width="700" border="0" align="center" cellpadding="10" cellspacing="2" bgcolor="#006600">
<caption align="top">
    나의소개
  </caption>
  <tr>
    <th width="150" bgcolor="#00CC00" scope="row">성 명</th>
    <td width="550" bgcolor="#99FF66">이영숙</td>
  </tr>
  <tr>
    <th bgcolor="#00CC00" scope="row">사는곳</th>
    <td bgcolor="#99FF66">서울</td>
  </tr>
  <tr>
    <th bgcolor="#00CC00" scope="row">취 미</th>
    <td bgcolor="#99FF66">영화보고 수다떨기, 컴배우서 딸들에게 자랑하기</td>
  </tr>
  <tr>
    <th bgcolor="#00CC00" scope="row">좋아하는 음식</th>
    <td bgcolor="#99FF66">남이 해주는 음식이면 뭐든 잘먹지요^^ </td>
  </tr>
  <tr>
    <th bgcolor="#00CC00" scope="row">나 이렇게 생겼어요</th>
    <td bgcolor="#99FF66"><img src="poto1.jpg" alt="영숙사진" width="196" height="273" /></td>
  </tr>
</table>
</body>
</html>

profile.html

 

 

...site.html
.표 1행 3열- 가운데 사이즈 50,표1열에 5행 2열

<title>무제 문서</title>
<style type="text/css">
<!--
body,td,th {
 font-size: 12px;
 color: #333333;
}
body {
 background-color: #FFFF66;
}
a {
 font-size: 12px;
 color: #333333;
}
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #333333;
}
a:hover {
 text-decoration: underline;
 color: #FFFFFF;
}
a:active {
 text-decoration: none;
}
#apDiv1 { position:absolute;
 left:158px;
 top:45px;
 width:81px;
 height:58px;
 z-index:1;
 background-color: #FFFFFF;
}
-->
</style></head>

<body>
<h1 align="center"> </h1>
<h1 align="center"> </h1>
<div id="apDiv1">
  <p align="center"><a href="index.html">홈</a></p>
</div>
<h1 align="center">추천사이트</h1>
<hr />
<table width="999" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="474"><table width="100%" border="1" cellspacing="0" cellpadding="10">
      <caption align="top">
        방송국
        </caption>
      <tr>
        <th width="26%" bgcolor="#CCFF00" scope="col">방송국</th>
        <th width="74%" bgcolor="#CCFF00" scope="col">주소</th>
      </tr>
      <tr>
        <th bgcolor="#CCFF00" scope="row">kbs</th>
        <td><a href="http://www.kbs.co.kr" target="_blank">http://www.kbs.co.kr</a></td>
      </tr>
      <tr>
        <th bgcolor="#CCFF00" scope="row">sbs</th>
        <td><a href="http://www.sbs.co.kr" target="_blank">http://www.sbs.co.kr</a></td>
      </tr>
      <tr>
        <th bgcolor="#CCFF00" scope="row">mbc</th>
        <td><a href="http://www.mbc.co.kr" target="_blank">http://www.mbc.co.kr</a></td>
      </tr>
      <tr>
        <th bgcolor="#CCFF00" scope="row">ebs</th>
        <td><a href="http://www.ebs.co.kr" target="_blank">http://www.ebs.co.kr</a></td>
      </tr>
    </table></td>
    <td width="50"> </td>
    <td width="475"><table width="100%" border="1" cellspacing="0" cellpadding="10">
      <caption align="top">
      개별추천사이트
      </caption>
     
      <tr>
        <th width="26%" bgcolor="#CCFF00" scope="col">추천사이트</th>
        <th width="74%" bgcolor="#CCFF00" scope="col">주소</th>
      </tr>
      <tr>
        <th bgcolor="#CCFF00" scope="row">폰트다운로드</th>
        <td><a href="http://www.dofont.com" target="_blank">http://www.dofont.com</a></td>
      </tr>
      <tr>
        <th bgcolor="#CCFF00" scope="row">디자인정글</th>
        <td><a href="http://www.jungle.co.kr" target="_blank">http://www.jungle.co.kr</a></td>
      </tr>
      <tr>
        <th bgcolor="#CCFF00" scope="row">웹멘토카페</th>
        <td><a href="http://cafe.naver.com/webmento" target="_blank">http://cafe.naver.com/webmento</a></td>
      </tr>
      <tr>
        <th bgcolor="#CCFF00" scope="row">나만의블러그</th>
        <td><a href="http://blog.daum.net/image3080" target="_blank">http://blog.daum.net/image3080</a></td>
      </tr>
    </table></td>
  </tr>
</table>
<p> </p>
</body>

</html>

site.html


poto1.jpg
0.01MB
site.html
0.0MB
profile.html
0.0MB
multi.html
0.0MB
index.html
0.0MB
good.html
0.0MB
저작자표시 비영리 변경금지 (새창열림)

'웹디자인' 카테고리의 다른 글

2013년 5월 7일 오후 05:06  (0) 2013.05.07
2013년 5월 2일 오후 04:56  (0) 2013.05.02
2013년 4월 25일 오후 04:15  (0) 2013.04.25
2013년 4월 23일 오후 04:58  (0) 2013.04.23
2013년 4월 18일 오후 05:10  (0) 2013.04.18

'웹디자인'의 다른글

  • 현재글2013년 4월 30일 오후 04:51

관련글

티스토리툴바