고정 헤더 영역
상세 컨텐츠
본문
반응형
웹스토리 보이사이트에서 레이아웃만 보고 외우고 있는 중이다.
메뉴가 가로형인 레이아웃과 세로형인 레이아웃 하는 중인데 이건 다행히 거의 가 외운거라 메뉴 만들기로 넘어가도 될거 같아.
1.메뉴 가로형
-html 내용
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>사이트명</title>
<link="stylesheet" href="css/stlye.css">
</head>
<body>
<div="wrap">
<header id="header " class="clearfix">
<h1 class="logo">로고</h1>
<nav class="nav>메뉴</nav>
</header>
<section id="banner">
<h2>이미지슬라이드</h2>
</section>
<section id="contents" class="clearfix">
<div class="cont1"><h3>공지사항</h3></div>
<div class="cont2"><h3>갤러리</h3></div>
<div class="cont3"><h3>팝업</h3></div>
</section>
<footer id="footer" class="clearfix">
<div class="foot1"><h3>로고</h3></div>
<div class="foot2"><h3>Copyright</h3></div>
<div class="foot3"><h3>SNS</h3></div>
</footer>
</div>
</body>
</html >
'컴퓨터공학' 카테고리의 다른 글
| 웹디자인 기능사 공부중-참고하기 좋은 사이트 (0) | 2021.11.03 |
|---|---|
| 웹디자인기능사 실기 준비_참고 하기 좋은 사이트 발견 (1) | 2021.10.27 |
| 웹디자인 공부 참고 사이트 정리 (0) | 2021.08.26 |
| 웹디자인 기능사 독학참고 사이트 (0) | 2021.06.20 |
