음....디자인 만들려면 어떻게해야하나요? 아..나름 홈페이지좀 만들어봤었는데...
한..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 는 배우셔야 합니다.
게시판 목록
디자이너톡
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 720 |
 디자인배틀 |
11년 전 | 1126 | |
| 719 | 11년 전 | 1234 | ||
| 718 | 11년 전 | 1595 | ||
| 717 | 11년 전 | 1004 | ||
| 716 |
디자인배틀 |
11년 전 | 1720 | |
| 715 | 11년 전 | 8374 | ||
| 714 | 11년 전 | 1026 | ||
| 713 |
디자인배틀 |
11년 전 | 872 | |
| 712 |
AnnieK
|
11년 전 | 971 | |
| 711 | 11년 전 | 1418 | ||
| 710 | 11년 전 | 1154 | ||
| 709 |
디자인배틀 |
11년 전 | 1061 | |
| 708 | 11년 전 | 1456 | ||
| 707 |
디자인배틀 |
11년 전 | 1514 | |
| 706 | 11년 전 | 1630 | ||
| 705 | 11년 전 | 868 | ||
| 704 | 11년 전 | 1593 | ||
| 703 |
jessica8318
|
11년 전 | 3173 | |
| 702 | 12년 전 | 2132 | ||
| 701 | 12년 전 | 1483 | ||
| 700 |
 HackYa |
12년 전 | 1697 | |
| 699 |
HackYa |
12년 전 | 1851 | |
| 698 | 12년 전 | 1307 | ||
| 697 | 12년 전 | 989 | ||
| 696 | 12년 전 | 1693 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기