테스트 사이트 - 개발 중인 베타 버전입니다

음....디자인 만들려면 어떻게해야하나요? 아..나름 홈페이지좀 만들어봤었는데...

· 13년 전 · 1013 · 3
한..5년 안했더니..
그냥...바보됬네요..ㅠㅠ

으흑..

혹시 레이아웃 만드는 가이드 없을까요?

아래 그림처럼 정말 심플하게 만들고 싶은데...

문학 동호회 게시판이라 ㅠㅠ

메인페이지 20120913 copy.jpg

메인페이지 1-1 20120913 copy.jpg


댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

http://html.nhndesign.com/
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>
아, 레이아웃 자동 생성기도 구글링 해보시면 많이 찾으실 수 있습니다.

http://www.pagecolumn.com/
http://csscreator.com/version2/pagelayout.php

그냥 클릭 몇번 하시면 레이아웃이 자동 생성되는데요, 그래도 이걸 수정하고 사용하시려면 기본적인 css 는 배우셔야 합니다.

게시글 목록

번호 제목
10654
10650
4205
10645
4199
11247
4190
7036
4179
7033
4169
10644
4148
4137
4132
4121
4114
4109
4108
10640
10636
10631
10622
10618
4105
4103
10617
10613
10610
4091
4090
4082
10608
10607
4073
4069
4067
10606
10605
10603
10601
10600
4063
4057
4054
4051
10597
4045
11243
4043
4037
4032
4026
4023
4020
11242
4018
10590
10585
10578
10570
10566
10562
4008
10560
3995
11241
10556
10555
10553
10552
7030
10549
10542
10540
10539
10536
10534
10531
10529
10490
10456
10427
3980
3967
11239
11238
11236
7028
10426
10425
7027
10419
10415
10413
7025
5995
7024
3964
3951