음....디자인 만들려면 어떻게해야하나요? 아..나름 홈페이지좀 만들어봤었는데...
한..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 는 배우셔야 합니다.
게시판 목록
디자이너톡
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 345 | 14년 전 | 893 | ||
| 344 | 14년 전 | 760 | ||
| 343 | 14년 전 | 1126 | ||
| 342 |
Lonnie
|
14년 전 | 4624 | |
| 341 | 14년 전 | 1163 | ||
| 340 | 14년 전 | 969 | ||
| 339 |
JBstyle
|
14년 전 | 597 | |
| 338 |
 weblife |
14년 전 | 749 | |
| 337 | 14년 전 | 616 | ||
| 336 | 14년 전 | 1193 | ||
| 335 | 14년 전 | 1039 | ||
| 334 | 14년 전 | 627 | ||
| 333 | 14년 전 | 528 | ||
| 332 |
한번잘해보자
|
14년 전 | 1087 | |
| 331 | 14년 전 | 679 | ||
| 330 |
한번잘해보자
|
14년 전 | 738 | |
| 329 |
한번잘해보자
|
14년 전 | 862 | |
| 328 |
디자인아이
|
14년 전 | 1154 | |
| 327 |
해변으로가요
|
14년 전 | 854 | |
| 326 |
한번잘해보자
|
14년 전 | 686 | |
| 325 | 14년 전 | 934 | ||
| 324 | 14년 전 | 937 | ||
| 323 | 14년 전 | 1217 | ||
| 322 | 14년 전 | 620 | ||
| 321 |
코알Zr대장
|
14년 전 | 761 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기