G's days
처음 HTML CSS 배우면서 데스크톱용 크기 고정 웹사이트 만들기 본문
HTML과 CSS를 접하고 처음으로 스스로 기획하고 이리저리 조물딱 해서 만든 웹페이지
(아주 약간의 javascript기능의 도움을 받았다.)
첫 결과물에서는 고정된 크기의 사이트로 만족하며, 반응형 사이트는 이 다음으로 제작하기 위해 따로 학습을 병행하고 있다.
개인적 목표
1. 입력창에 코드를 적는 것에 익숙해지도록 하자.
2. 구리더라도 처음부터 끝까지 만들어보자.
제작물에 대하여
목표: 고정된 크기(가로1920px)의 PC용 웹사이트 제작
방향 및 목적: 알고 있는 CSS효과로 다양한 페이지 보여주기
상세 페이지 설명:
1) 메인페이지
: 한 페이지 안에서 ID로 위치 찾아가기
마우스 오버시 그림 위에 텍스트 나타나기
(자바스크립트이용)작은 그림에 마우스 오버시 해당 그림이 크게 보이기
마우스 오버시 그림 커지기(transfor:scale이용)
피드백-허전하다
2) 서브페이지1: 상품페이지
진행중-페이지번호볼드, 상품상세페이지연결
3) 서브페이지2: 자유롭게
진행중-월페이퍼 상세페이지 연결
4) 서브페이지3:브랜드스토리(회사연혁)
진행중-멘트정리
5) 서브페이지4:
5-1. 스크롤다운 사용해서 faq만들기
5-2. 게시판
6) 로그인, 회원가입
NEXT
반응형 웹페이지를 만들어보자.
'일지' 카테고리의 다른 글
내 PC에 웹서버를 설치해보자.(윈도우/bitnami WAMP) (0) | 2021.08.06 |
---|---|
OAuth 2.0 관련 간단하게 머릿속을 정리해보자 (0) | 2021.08.05 |
항상 느끼는 거지만 배워야 할 게 정말 많다 (0) | 2021.08.03 |
[내가 보려고 만든] 편리한 VSC Extension 목록 및 초기 설정 (0) | 2021.07.14 |
[포트폴리오] ul 속 li 태그의 position:relative 적용하기 (0) | 2021.05.13 |