2013년 7월18일(목)
★★★HTML로 홈페이지 만들기
★홈페이지 제작순서
1. 레이아웃 짜기
2.포토샵에서 제작,메인페이지,서브페이지>이미지를 자르기[슬라이스틀]-
원하는 부분[드래그]선택(모든 이미지 자를 것)-.jpg,_over.jpg로 2번이미지저장
3.HTML
1)포토샵 레이아웃 세세한거 와꾸잡기
2)자른 이미지 FTP 업로드
3)FTP 주소를 넣어 이미지 보이게 하기
-----------------------------------------------------------------
여백:
방법1) margin:10px; >div 전체에 여백을 준다
방법2)margin:10px 0 0 0: 위 오른 아래 왼쪽
가운데 정렬margin:auto;
<html>
<head>
<title>playshop에 오신것을 환영합니다</title>
<style type="text/css">
.top{width:1150px; height:180px;background-color:red;}
.bookmark{width:200px;height:60px;background-color:#000000; float:right;}
.topmenu{width:1150px; height:50px; background-color:#ff2b00;}
.mainimg{width:800px; height:400px;background-color:#e85739; float:left;}
.mainboard{width:350px; height:400px;background-color:yellow; float:left;}
.content{width:1150px; height:700px;background-color:#49a83c; clear:both;}
.bottom{width:1150px; height:100px;background-color:#06481c;}
</style>
</head>
<body>
<div class="top">
<div class="bookmark"></div>
</div>
<div class="topmenu"></div>
<div class="mainimg"></div>
<div class="mainboard"></div>
<div class="content"></div>
<div class="bottom"></div>
</body>
</html>
images.zip'쇼핑몰' 카테고리의 다른 글
| cafe24 (0) | 2013.07.23 |
|---|---|
| 719 cafe24 (0) | 2013.07.19 |
| Div연습(playshop) (0) | 2013.07.17 |
| 717포토샵연습(cafe24 수업12) (0) | 2013.07.17 |
| 716로고만들기(cafe24 수업11) (0) | 2013.07.16 |