전체 글 (431) 썸네일형 리스트형 [폰트] 눈누폰트 - 한글무료폰트안내 사이트 사이트 주소 : https://noonnu.cc/ 상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc - 상업적 이용이 가능한 한글 무료폰트 모음 사이트 - 라이센스에 대한 세부내용들도 자세 설명 - 다운로드 받을 수 있는 주소를 안내 - 웹폰트로 사용할 수 있는 코드도 제공 [HTML기초문법] 4강 이미지 태그 ** 영상으로 보고 싶다면 아래 주소를 클릭하세요. https://www.youtube.com/watch?v=lnIJqgJLDaM&t=275s 1. 이미지태그 1) 이미지 태그 기본문법 - 위 2개의 속성을 작성하지 않으면 웹표준에 어긋남 2) 이미지 태그의 속성 속성 설명 src 이미지의 경로를 작성하는 태그 alt 이미지의 대체텍스트로 경로가 잘못되는 경우 대체텍스트가 보인다. 웹접근성에서 중요한 의미로 시각장애인에게 스크린리더기로 읽어주는 역할을 한다. width 이미지의 가로크기 속성으로 값에 단위를 작성하지 않는다. (px단위로 자동인식) CSS에서 대체 가능하다. 미작성시 원래 사이즈로 처리 height 이미지의 세로높이 속성으로 값에 단위를 작성하지 않는다. (px단위로 자동인식) CSS에서.. [HTML기초문법] 3강 a(앵커)태그와 하이퍼링크 ** 영상으로 보고 싶다면 아래 주소를 클릭하세요. https://www.youtube.com/watch?v=Oo4zI6fuRHA&t=1259s 1. 태그의 속성문법 1) 정의 : 태그가 갖은 특징을 기술한 것이 속성 2. a(앵커)태그 1) 하이퍼링크(Hyper Link) - 링크가 걸린 컨텐츠를 클릭하면 다른 문서(html페이지)로 이동하는 기술을 의미 2) a태그의 속성 속성 설명 href 이동될 페이지 경로를 작성 target 이동될 페이지의 위치 지정 title 링크에 대한 설명텍스트를 툴팁으로 보여줌 target 속성값 설명 _self 클릭한 컨텐츠를 담은 html과 동일한 창(현재 창)에서 페이지를 이동(속성 생략과 같음) _blank 새창 혹은 새탭에서 페이지 이동 _parent 현재 페이.. [HTML기초문법] 2강 글자형태태그, 첨자태그, 강조태그 ** 영상으로 보고 싶다면 아래 주소를 클릭하세요. https://www.youtube.com/watch?v=lPEwKzviD0I&t=16s 1. 글자 형태 태그 1) 문법 : 보통 글자의 형태를 바꾸며, CSS언어로 모두 대체 가능하다. 태그 설명 글자를 굵게 하는 태그 글자를 기울이는 태그 글자에 밑줄주는 태그 글자에 가운데줄주는 태그 글자를 작게하는 태그 2) 코드 뷰 글자를 굵게 하는 태그 글자를 기울이는 태그 글자에 밑줄주는 태그 글자에 가운데줄주는 태그 글자를 작게 하는 태그 3) 코드 완성뷰 2. 첨자태그 1) 문법 : 글자 위나 아래에 첨부되는 글자를 만드는 태그 태그 설명 위첨자 태그 ex) a² 아래첨자 태그 루비문자 태그 - 일본어에서 한문위에 히라가나를 첨부하듯이 사용하는 태그 태그.. [포토샵효과] 2강 사선패턴만들기 - 웹배너에 자주 나오는 사선패턴 만들기 1. 새창을 7*7로 만들고 배경 투명 처리(이때 사선의 여백에 따라 수치조정-홀수로 처리) 2. 확대 비율을 1600%처리 후 투명그리드 네모 한개가 1px이 되게 처리 - 환경설정([ctrl]+[k]) 3. 연필툴 1px, 전경색은 사선색으로 대각선 칠하기 5. 패턴 등록 6. 패턴 적용(여기선 새창500*500에 배경 검정색 적용한 위에 패턴 적용) 7. 완성 [포토샵효과] 1강 광선(방사)효과 만들기 - 웹배너에서 많이 보이는 광선효과 https://pixabay.com/ko/ 1. 새창을 500*500으로 처리후 전경색과 배경색 선택 2. [filter]-[filter gallery]-[sketch]-[halftone pattern] - 이때 pattern type을 line으로 변경 - contrast수치를 최고로 높여야 번지지 않음 3. 수평 줄패턴을 수직줄패턴으로 변경 - 레이어패널에서 backround레이어를 더블클릭해서 일반 레이어로 변경 - [ctrl]+[t]로 수직줄패턴으로 변경 - [ctrl]+[t]로 얇은 줄없애고 줄개수 맞게 키움 - 크기를 키우면서 창보다 커진 픽셀을 없애기 위해 [image]-[trim]사용 4. [filter]-[distort]-[polar coordinate.. [웹사이트모음] RWDB - 반응형웹사이트 모음 주소 : http://rwdb.kr/ RWDB RWDB Responsive Web Design dB Web awards, 우수 하이브리드웹·반응형웹 모음 사이트 rwdb.kr - 최신 반응형웹 사이트를 모아놓은 사이트 - 코딩에 관련된 좋은 팁들도 많이 있다. [HTML기초문법] 1강 텍스트태그 ** 영상으로 보고 싶다면 아래 주소를 클릭하세요. https://www.youtube.com/watch?v=lPEwKzviD0I&t=16s 1. 제목태그 1) 텍스트 태그의 종류 태그이름 설명 h1 첫번째로 큰 제목 글자 태그, 로고를 담는 태그 h2 두번째로 큰 제목 글자 태그 h3 세번째로 큰 제목 글자 태그 h4 네번째로 큰 제목 글자 태그 h5 다섯번째로 큰 제목 글자 태그 h6 여섯번째로 큰 제목 글자 태그 - 제목이 되는 것을 순서에 맞게 논문을 작성하듯이 순서를 맞춰서 시멘틱(의미론적)으로 작성하는 것이 중요 2) 코드 테스트 Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 3) 코드 완성뷰 2. 문단 태그 1) 문법 - : 긴 문단을 작성하.. 이전 1 ··· 48 49 50 51 52 53 54 다음
