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

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

· 13년 전 · 1071 · 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 는 배우셔야 합니다.

게시글 목록

번호 제목
4373
4350
4333
4325
4320
4311
4310
4307
4303
4291
4282
4273
4252
4250
4243
4237
4229
4219
4215
4202
4178
4160
4152
4146
4136