728x90
오늘 과제
만들고 싶은 사이트 - 단축주소, (일단 생각 안남) 등등 서비스를 지원하는 사이트
참고사이트 - https://url.kr/
참고사이트는 헤더, 메인, 푸터로 이루어져있지만(?)
내가 만들 사이트는 회원까지 필요해서 사이드에 로그인창 및 다른 요소를 넣을 예정
대략적인 와이어프레임
코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>만들고 싶은 사이트 레이아웃 잡기</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="/">logo</a></li>
<li><a href="/menu1">메뉴 1</a></li>
<li><a href="/menu2">메뉴 2</a></li>
<li><a href="/menu3">메뉴 3</a></li>
<li><a href="/menu4">메뉴 4</a></li>
<li><a href="/menu5">메뉴 5</a></li>
</ul>
</nav>
</header>
<section>
<div class="Main">Main</div>
<div class="Side">Sidebar</div>
</section>
<footer>Footer</footer>
</body>
</html>파일
본 후기는 정보통신산업진흥원(NIPA)에서 주관하는 <AI 서비스완성! AI+웹개발 취업캠프 - 프론트엔드&백엔드> 과정 학습/프로젝트/과제 기록으로 작성되었습니다.
'코딩캠프 > AI 웹개발 취업캠프' 카테고리의 다른 글
| [AI 웹개발 취업캠프] 6Day - JS 기초(1) (0) | 2023.07.24 |
|---|---|
| [AI 웹개발 취업캠프] 5Day - css 꾸미기(2) (0) | 2023.07.21 |
| [AI 웹개발 취업캠프] 4Day - css 꾸미기(1) (0) | 2023.07.20 |
| [AI 웹개발 취업캠프] 2Day - 첫날 (0) | 2023.07.19 |
| [AI 웹개발 취업캠프] 1Day - 발대식 (0) | 2023.07.19 |
