Web (~2022.06)/WEB3 [개인 프로젝트_01] 페퍼톤스 팬 사이트 :: 메인 페이지 내용, 링크걸기, 목차, 다크버전 !! 적은 배경지식으로 시작하기 때문에 설명에 부족함이 있음을 알려드림. 프로젝트를 기획한 후, 생활코딩 WEB1과 WEB2의 커리를 따라 html과 css에 대한 기초를 공부했다. 현재 WEB2 반복문예고까지 배운 현 상태는 바로.... 하하 아직 내 상상속의 웹페이지 느낌은 전혀 안 난다! 당연하지 하지만 넣고 싶었던 페퍼톤스 메인타이틀, 목차, 짤막한 설명, 페퍼톤스의 사진은 자알 담겼다. 매우 허접한데 코드는 은근 길다. 코드를 살펴보자. PPTNZ about music concert notice board 자타공인 우울증을 위한 뉴-테라피 2인조 밴드! 페퍼톤스와 음악 여행 떠나기! 아직 별 내용이 없어서 간결해보인다. 하나씩 뜯어서 복습해보자. 웹 문서의 유형을 html로 지정했다. 문서를 h.. 2022. 3. 7. [HTML]많이 쓰이는 HTML 태그 (추가 중) 많이 쓰이는 HTML 태그를 기준으로 정리한 글이다. reperence : https://www.advancedwebranking.com/html/ 기본 태그 웹 문서의 유형을 html로 지정 문서를 html로 시작, 언어 지정 ex> en, ko 등 주로 브라우저의 정보를 입력하는 곳 메타 데이터 입력, 주로 처럼 입력 문서 제목 문서 내용을 입력 문서 구조 태그 헤더 영역 메인 영역 콘텐츠 영역 사이드 바 영역 푸터 영역 내비게이션 영역, 문서 내 다른 위치, 다른 문서로 연결할 때 사용 독립적인 콘텐츠를 사용할 때 콘텐츠 영역 여러 소스 묶기, 어떤 의미도 없는 무색 무취의 태그, 화면 전체 사용, 줄바꿈 됨 div와 같지만 화면 전체 사용X, 줄바꿈 안 됨 하이퍼 링크 삽입 하이퍼 링크 삽입 hr.. 2022. 3. 1. [개인 프로젝트_01] 페퍼톤스 팬 사이트를 만들어보자 :: 기획 초안 개발 공부를 시작한 지 한 달째, 개인 프로젝트를 시작해보려 한다! 필자는 현재 파이썬 기본 문법을 한 달여밖에 공부하지 않은 쌩 입문자! 과연 내가 웹 사이트를 만들 수 있을 것인가. 가장 먼저 내 머릿속에 돌아다니는 "페퍼톤스 팬 사이트"에 어떤 내용을 담을지 생각해보자 팬 사이트니까 페퍼톤스에 대한 정보, 앨범, 수록곡, 콘서트 영상, 이왕 만드는 김에 방명록(?)과 로그인 기능까지 넣어볼까? 이곳저곳 흩어져있는 아이디어를 손가락으로 구현해보았다. 1. 메인 페이지 가독성이 좋았으면 좋겠다. 상단에 대문짝만 한 PPTNZ를 넣어 웹 사이트의 정체성을 보여주고 싶다. 아래에는 카테고리를 통해 이 웹사이트가 어떤 정보를 주로 다루는지 한눈에 알아보기 쉽게 한다. Info, Album, Concer, N.. 2022. 2. 25. 이전 1 다음
