본문 바로가기

분류 전체보기93

2024. 11. 27(수) 웹2 6일차 # 수업시간에 띄어놔야 할 창사이트 이름사이트 주소수업페이지url코드펜urlgit-huburl피그마 예제보기urlvscode 화면 / 미리보기 화면 띄워두기-# 2교시 _KIGAM 구현_피그마relative : display의 역할도 할 수 있음 가상요소 display: inline이기 때문에 너비랑, 높이 사용 불가능 .issue-section -> .issue-section::before만큼 높이 가지기ㄴ.issue-section::before -> 높이 고정px 사용x.issue-section::before보다 container가 위에 구현 -> container에 absolute 적용X#2교시#3교시구글심볼 컴포넌트_코드펜 component 라이브러리...codepen.io span: 인라인은 높.. 2024. 11. 27.
일러스트 기초 ㄴ 툴바: 상세한 옵션 설정  ctrl+ + : 확대 / ctrl + - : 축소 / alt+마우스 휠 앞으로: 확대 / alt+ 마우슬 휠 뒷쪽으로: 축소 핸드툴 단축키: space 이동툴 단축키 : ctrl+v  ㄴ 그룹 단축키: Ctrl+G / 그룹해제: Ctrl+Shift+G 환경설정 단축키: Ctrl + Kㄴ 동일선상 복사: Alt+Shift+드래그 / Ctrl+C: 복사, Ctrl+V: 붙여넣기ㄴ Shift: 정비율 ㄴ 직접선택툴 단축키: A  윗 방향키 : 모서리가 점점 둥그래짐 / 아랫 방향키: 모서리 펼쳐짐 / 왼쪽 방향키: 전체 펼쳐짐 / 오른쪽 방향키 : 최대값ㄴ 다각형, 별모양은 Alt,랑 shift를 누르지 않아도 정비율로 그려짐   도형그리는 법툴 이용해서 드래그 하거나 클릭해서.. 2024. 11. 27.
2024. 11. 25(월) 웹2 5일차 # 수업시간에 띄어놔야 할 창사이트 이름사이트 주소수업페이지url코드펜urlgit-huburl피그마 예제보기urlvscode 화면 / 미리보기 화면 띄워두기-# 2교시 _피코그램 2차 메뉴  fixed)- 상위 태그에 static이 아닌 다른 값이 있어도 무조건 body태그를 기준으로 크기를 상속 받는다.  flex-grow)안쪽에 있는 글씨 크기 만큼 가지고 있는 속성이 있음 flex-basis)안쪽 여백을 동일하게 주는 속성 2024. 11. 25.
5강 이미지 태그와 하이퍼링크 img태그- HTML 문서에 이미지를 삽입할 때 태그를 사용- 이미지를 나타내줄 수 있는 태그- 단독태그(열고 닫는 성격을 가지고 있음)- 글자와 같이 나열되는 성격을 가지고 있음- 이미지의 단락을 구분 지을 때 "br"태그를 사용해야 함ㄴ  이미지의 확장자(대표)jpg > 가장 대표적인 이미지 표현 방식, 이미지의 색상을 가장 잘 표현할 수 있는 확장자png > 이미지의 색상을 유지하며 투명한 배경을 나타낼 수 있는 확장자gif > 투명한 배경이 가능하나, 최대 색상이 256개의 표현만 가능함 / 화질이 떨어져 보임 / 움짤, 움직이는 이미지 경로 → 폴더 안(작성하는 문서의 기점으로 부터) a태그- 웹 페이지를 연결하거나 이동할 때 사용하는 태그 ㄴ 2024. 11. 24.
3강 텍스트 관련 태그_01 블럭 형태의 글자 태그: 박스처럼 작성한 순서대로 위에서 아래로 쌓이는 형태 01. 제목태그h1~h6 : 숫자가 뒤로 갈수록 글자 사이즈가 줄어듬, 타이틀에 사용, 볼드체 p: 단락, 본문에서 단락을 구분하거나 나타낼 때 사용 / 주로 글자를 담아서 표현  hr: 수평줄을 나타내는 태그, 단락의 구분 주제가 바뀔 때 / 입체적  인용문: 긴 인용문을 나타낼 때 사용하는 태그, 들여쓰기 공백이나 줄바꿈 등이 그대로 표현되어지는 태그 2024. 11. 24.
1강 HTML5의 시작과 개념 HTML이란?- HYPER TEXT MARKUP LANGUAGE- 웹 문서의 확장자- HTML은 태그들이 하나 하나들이 같이 구성이 되어서 하나의 문서가 되는 것임- ex) index.html  HTML5변화_웹표준- 모든 브라우저에서 웹 페이지가 동일하게 보이는 것- 모든 기기에서 웹 페이지가 유동적으로 보일 수 있는 것- 누구나가 어떤 환경 상황에서나 평등하게 보일 수 있는 것  TAG구조와 문법- 특정한 성격을 가지고 있는 집단들태그 작성 방법태그 사용 예시, ,,,,,...  * 태그를 사용할 때 주의해야 할 점- 오타가 없는지 확인- 열리는 태그, 닫는 태그 잘 확인ㄴcheck : 태그 작성 시 밖에서 안으로 쓰는 습관 가지기! ㄴ DOCTYPE 선언  HTML5 contants→ 표준들과 규격.. 2024. 11. 24.

티스토리툴바