음....디자인 만들려면 어떻게해야하나요? 아..나름 홈페이지좀 만들어봤었는데...
한..5년 안했더니..
그냥...바보됬네요..ㅠㅠ
으흑..
혹시 레이아웃 만드는 가이드 없을까요?
아래 그림처럼 정말 심플하게 만들고 싶은데...
문학 동호회 게시판이라 ㅠㅠ
댓글 3개
13년 전
http://html.nhndesign.com/
Maximus
13년 전
css 공부하셔야 하구요, 예제하나 참고하시라고 짜봤습니다.
<!doctype html>
<html>
<head>
<title>음... 디자인 만들려면 어떻게 해야 하나요?</title>
<style type="text/css">
body {margin:0; padding:0;}
#wrapper { margin:auto; width:980px;}
#content {float:left; margin:0 auto; width: 980px;}
#topmenu {
width:980px; height:100px; background-color:lime;
margin:0 auto;}
#left{
width:450px; height:600px; border:solid 1px;
padding:10px; margin:0px 10px 0px 0px;
float:left;}
#right{
width:450px; height:600px; border:solid 1px;
padding:10px;
float:left;}
#footer{
width:980px; height:60px; background-color:gray;
padding:10px; margin-top:10px;
float:left; text-align:center;}
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="topmenu">
<h1>homelogo</h1>
</div>
<div id="left">menu1 new</div>
<div id="right">menu2 new</div>
<div id="footer">copyright homepagelogo</div>
</div>
</div>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<title>음... 디자인 만들려면 어떻게 해야 하나요?</title>
<style type="text/css">
body {margin:0; padding:0;}
#wrapper { margin:auto; width:980px;}
#content {float:left; margin:0 auto; width: 980px;}
#topmenu {
width:980px; height:100px; background-color:lime;
margin:0 auto;}
#left{
width:450px; height:600px; border:solid 1px;
padding:10px; margin:0px 10px 0px 0px;
float:left;}
#right{
width:450px; height:600px; border:solid 1px;
padding:10px;
float:left;}
#footer{
width:980px; height:60px; background-color:gray;
padding:10px; margin-top:10px;
float:left; text-align:center;}
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<div id="topmenu">
<h1>homelogo</h1>
</div>
<div id="left">menu1 new</div>
<div id="right">menu2 new</div>
<div id="footer">copyright homepagelogo</div>
</div>
</div>
</div>
</body>
</html>
Maximus
13년 전
아, 레이아웃 자동 생성기도 구글링 해보시면 많이 찾으실 수 있습니다.
http://www.pagecolumn.com/
http://csscreator.com/version2/pagelayout.php
그냥 클릭 몇번 하시면 레이아웃이 자동 생성되는데요, 그래도 이걸 수정하고 사용하시려면 기본적인 css 는 배우셔야 합니다.
http://www.pagecolumn.com/
http://csscreator.com/version2/pagelayout.php
그냥 클릭 몇번 하시면 레이아웃이 자동 생성되는데요, 그래도 이걸 수정하고 사용하시려면 기본적인 css 는 배우셔야 합니다.
게시판 목록
디자이너톡
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 795 |
CJack
|
11년 전 | 717 | |
| 794 | 11년 전 | 1826 | ||
| 793 | 11년 전 | 1472 | ||
| 792 |
프로그램은어려워
|
11년 전 | 1241 | |
| 791 |
밥먹고합시다
|
11년 전 | 1716 | |
| 790 | 11년 전 | 2810 | ||
| 789 | 11년 전 | 1277 | ||
| 788 | 11년 전 | 2299 | ||
| 787 | 11년 전 | 1464 | ||
| 786 |
백마흔하나
|
11년 전 | 2005 | |
| 785 |
Minoru
|
11년 전 | 2288 | |
| 784 | 11년 전 | 1369 | ||
| 783 | 11년 전 | 2031 | ||
| 782 |
AnnieK
|
11년 전 | 1078 | |
| 781 | 11년 전 | 1077 | ||
| 780 | 11년 전 | 1672 | ||
| 779 |
 나는웹디다 |
11년 전 | 1114 | |
| 778 |
zoyakdol
|
11년 전 | 1925 | |
| 777 |
sfafa
|
11년 전 | 1176 | |
| 776 | 11년 전 | 2969 | ||
| 775 |
잘부탁드립니다
|
11년 전 | 1482 | |
| 774 | 11년 전 | 1014 | ||
| 773 | 11년 전 | 1087 | ||
| 772 |
아쿠아그린
|
11년 전 | 1017 | |
| 771 | 11년 전 | 1198 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기