[웹 표준에 맞는 HTML5 프로그래밍] 13차시 - 요구사항에 맞추어 사이트 디자인하기
요구사항 살펴보기1. 웹 디자인기능사 예시문제를 예시로 요구사항 명세 분석- 문제 개요, 와이어프레임, 영역별 지시사항2. Q-Net 사이트에서 다운로드 가능 HTML로 구조 꾸미기1. HTML 기본세팅: 예시 문제를 통해 구성을 확인- head, A.header, B.Slide, C.Contents, Modal, Footer, Footer with SNS2. 메뉴 영역인 Header 꾸미기: ul과 li 태그를 사용한 메뉴 구성3. 이미지 슬라이드 영역인 Slide 꾸미기- 슬라이드에 사용할 이미지의 경로를 확인하고 img 태그를 사용해서 삽입. alt에 해당 이미지에 대한 설명 추가4. 탭메뉴, 공지사항, 갤러리, 배너 영역인 Contents 꾸미기- 클릭을 통해 해당 페이지로 이동할 수 있도록 a ..
2023. 2. 10.
