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

한..5년 안했더니..
그냥...바보됬네요..ㅠㅠ

으흑..

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

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

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

메인페이지 20120913 copy.jpg

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


|

댓글 3개

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 는 배우셔야 합니다.
댓글을 작성하시려면 로그인이 필요합니다.

자유게시판

+
제목 글쓴이 날짜 조회
13년 전 조회 1,128
13년 전 조회 1,231
13년 전 조회 1,817
13년 전 조회 1,194
13년 전 조회 1,291
13년 전 조회 1,115
13년 전 조회 1,168
13년 전 조회 1,233
13년 전 조회 1,207
13년 전 조회 1,232
13년 전 조회 1,338
13년 전 조회 1,167
13년 전 조회 1,490
13년 전 조회 1,272
13년 전 조회 1,568
13년 전 조회 1,346
13년 전 조회 1,214
13년 전 조회 1,208
13년 전 조회 1,207
13년 전 조회 1,154
13년 전 조회 4,760
13년 전 조회 6,135
13년 전 조회 1,878
13년 전 조회 1,240
13년 전 조회 1,330
13년 전 조회 1,132
13년 전 조회 1,302
13년 전 조회 1,163
13년 전 조회 1,767
13년 전 조회 1,348