음....디자인 만들려면 어떻게해야하나요? 아..나름 홈페이지좀 만들어봤었는데...
한..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 는 배우셔야 합니다.
게시판 목록
디자이너톡
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 445 | 13년 전 | 520 | ||
| 444 | 13년 전 | 661 | ||
| 443 | 13년 전 | 621 | ||
| 442 | 13년 전 | 638 | ||
| 441 | 13년 전 | 609 | ||
| 440 |
 인디안나라 |
13년 전 | 1260 | |
| 439 |
디오디오N
|
13년 전 | 6095 | |
| 438 | 13년 전 | 772 | ||
| 437 |
임페리얼웹
|
13년 전 | 1348 | |
| 436 |
JBstyle
|
13년 전 | 945 | |
| 435 | 13년 전 | 669 | ||
| 434 | 13년 전 | 820 | ||
| 433 |
인디안나라 |
13년 전 | 1436 | |
| 432 | 13년 전 | 1317 | ||
| 431 | 13년 전 | 1044 | ||
| 430 |
웹스커뮤니티
|
13년 전 | 844 | |
| 429 | 13년 전 | 772 | ||
| 428 | 13년 전 | 742 | ||
| 427 |
한번잘해보자
|
13년 전 | 884 | |
| 426 | 13년 전 | 1407 | ||
| 425 | 13년 전 | 668 | ||
| 424 | 13년 전 | 975 | ||
| 423 | 13년 전 | 759 | ||
| 422 | 13년 전 | 1098 | ||
| 421 | 13년 전 | 1097 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기