음....디자인 만들려면 어떻게해야하나요? 아..나름 홈페이지좀 만들어봤었는데...
한..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 는 배우셔야 합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 5914 | |
| 2012 | |
| 7985 |
외부로그인
로그인창 시안입니다
2
|
| 2008 | |
| 7984 |
기타
팝업 테두리 입니다.
|
| 2000 | |
| 1977 | |
| 5909 | |
| 7969 | |
| 1968 | |
| 7959 |
기타
탭 스타일 모음 4
9
|
| 7952 |
기타
탭 스타일 모음 3
6
|
| 7946 |
기타
탭 스타일 모음 2
5
|
| 7940 |
기타
탭 스타일 모음 1
5
|
| 7933 |
기타
픽셀아이콘 모음 3
6
|
| 7918 |
기타
버튼 모음 2
14
|
| 7906 |
기타
버튼 모음 1
11
|
| 7902 |
기타
픽셀아이콘 모음 2
3
|
| 7898 |
기타
픽셀아이콘 모음 1
3
|
| 7896 |
기타
팝업 디자인
1
|
| 1965 | |
| 1956 | |
| 7892 |
기타
메인시안입니다.
3
|
| 1946 | |
| 1940 | |
| 1938 | |
| 1932 | |
| 7881 | |
| 7877 | |
| 7876 |
기타
무료 아이콘 팩입니다
|
| 7874 |
기타
무료 아이콘 입니다
1
|
| 7872 | |
| 1923 | |
| 7871 |
일반
간단한 팝업 디자인 ^
|
| 7861 | |
| 7860 |
기타
메뉴 psd
|
| 1916 | |
| 7854 |
기타
메인디자인 시안
5
|
| 7847 |
기타
사용방법 디자인
6
|
| 1905 | |
| 5896 | |
| 7845 | |
| 1892 | |
| 7834 | |
| 7822 | |
| 1871 | |
| 7814 | |
| 1866 | |
| 7808 |
기타
아이콘과 UI관련
5
|
| 5895 | |
| 1856 | |
| 5888 | |
| 7803 | |
| 1852 | |
| 5884 | |
| 7778 | |
| 7766 | |
| 7764 | |
| 7761 |
기타
회원가입버튼
2
|
| 1838 | |
| 1831 | |
| 7742 | |
| 5883 | |
| 5881 | |
| 5880 | |
| 5873 | |
| 1822 | |
| 7738 | |
| 7732 |
기타
배경 이미지~
5
|
| 7723 | |
| 7721 | |
| 6854 | |
| 7708 |
기타
리본 시안입니다
12
|
| 6849 | |
| 6844 | |
| 7705 | |
| 1819 | |
| 1815 | |
| 1810 | |
| 1807 | |
| 5862 | |
| 1797 | |
| 1765 | |
| 6841 | |
| 1756 | |
| 5846 | |
| 1746 | |
| 1724 | |
| 1715 | |
| 1711 | |
| 1698 | |
| 5836 | |
| 1695 | |
| 1694 | |
| 1692 | |
| 1685 | |
| 1677 | |
| 1670 | |
| 1663 | |
| 1656 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기