코딩캠프/AI 웹개발 취업캠프

[AI 웹개발 취업캠프] 3Day - 만들고 싶은 사이트 레이아웃 잡기

고랑E 2023. 7. 19. 23:23
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>

파일

index.html
0.00MB

본 후기는 정보통신산업진흥원(NIPA)에서 주관하는 <AI 서비스완성! AI+웹개발 취업캠프 - 프론트엔드&백엔드> 과정 학습/프로젝트/과제 기록으로 작성되었습니다.

 

 

저작자표시 비영리 변경금지