김미썸코딩

페이지 구성은 다음과 같다. 메인화면 메뉴 신상정보 즐겨찾기 갤러리 관심분야 총 6페이지였고 최소 4페이지를 만들어야 했다. 난 6페이지를 모두 만들기로 결심! 와이어 프레임 와이어 프레임을 대충 만들어보았다. 머리속에 떠오르는 대로 빠르게 구상하여 그리고, 빨리 개발을 하고 싶었다. 완성본 스크린샷 처음 구상과 다르게 총 7페이지를 만들었다. 페이지 설명 및 코드 1. 메인 보러가기 버튼을 누르면 메뉴로 이동한다. main.html 김해선 나를 소개합니다. 보러가기 main.css * { font-family: 'Do Hyeon', sans-serif; } .myname { text-align: center; margin-top: 60%; color: white; font-size: 8rem; } .c..

html : 문서의 구조 CSS : 문서의 디자인 → 적용 ※ 이 방법들을 동시에 쓰면 어떻게 될까? → 우선순위 tag 에 가까울수록 우선적이다. Javascript : 문서의 기능 -> 프로그램 Semantic Tag 의 경우에 어디가 어딘지 구분하기 힘들어서 HTML5에서는 을 만들어 tag에 내용의 의미를 적게 해두었다. div 나 span 등의 tag대신 새롭게 쓰는 영역 구분용이다. 디자인적 기능은 없다. 이건 html5에서만 지원이기 때문에 이게 쓰여졌으면 이건html5로 쓰여졌구나~하면된다. CSS Advanced 포토샵이 하는 역할을 css가 대신할 수 있다. 전부 그냥 그런게 있다~ 정도로만 알면 된다. Grandiants : 그라데이션 2D / 3D Trandform : 회전 ... ..

IP번호 127.0.0.1 : 네트워크만 있다면 내걸 내가 테스트할 수 있는 ip. 다른 컴퓨터에서 안열림 내 IP번호 192.168.0.XXX : 내가 ROOT 폴더 안에 개발한게 다른 컴퓨터에서 열림 웹 서버 구동 항상 먼저 해라! 그러면 html을 보여줄수 잇는 웹 서버가 시작된다! 이화면 나오면 웹 서버 잘 실행되고 있는거 CSS(Cascading Style Sheet) html 구조표현 css 디자인 javascript 기능 F12 : 개발자도구 www.csszengarden.com (같은 html로 여러 css로 표현해놓은 곳) css는 "어느위치"에 "디자인 뭐"를줄건지 이 두가지를 생각하는 것이다. 이제까진 파일을 먼저 만들고 위치를 정했지만 이젠 위치를 정하고 들어가서 파일을 만든다. V..