전체 글 (443) 썸네일형 리스트형 [포토샵효과] 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) 문법 - : 긴 문단을 작성하.. [웹사이트모음] GDWEB - 최신 오픈/리뉴얼사이트 모음 주소 : http://www.gdweb.co.kr/main/ 굿디자인웹 국내 최우수 웹디자인 선정, 웹사이트. 굿디자인웹 www.gdweb.co.kr [HTML/CSS] 웹표준 검사기 - 사이트 1. HTML 마크업 검사기 - 주소 : http://validator.kldp.org/ The W3C Markup Validation Service 파일 업로드로 유효성 검사 주의: Windows XP SP2 의 몇몇 IE 에서는 업로드가 되지 않을수도 있습니다. 이 경우에는, W3C QA 사이트의 information page 를 참고 하십시오. 직접 입력하여 유효성 검사 validator.kldp.org 위의 사이트가 잘 안되면 아래 주소를 쳐보세요. - 주소 : https://validator.w3.org/ The W3C Markup Validation Service Validate by File Upload Note: file upload may not work with Internet Expl.. [Brackets] 설치 및 확장 플러그인 1. 설치하기 - 아래 주소에 들어가서 다운 받는다. http://brackets.io/index.html A modern, open source code editor that understands web design Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long. brackets.io 설치가 다되면 프로.. [SASS] 5강 SASS의 @import - OSSAM강좌 ** 영상으로 보고 싶은 분은 아래 주소를 클릭해주세요. https://youtu.be/T8Dq_GJ7IPU 1. 사스파일 가져오기 - SASS도 CSS처럼 @import구문을 지원, 다른 SASS파일을 불러온다. - CSS는 @import를 사용할 때마다 HTTP요청을 추가해서 작업하지만 SASS는 CSS로 바로 처리하기 때문에 HTTP호출이 필요하지 않다. 1) 구문 @import 파일명; - TIP : 파일 확장자를 지정할 필요가 없다. SASS에서는 당연히 파일명.scss를 가져온다고 가정하기 때문이다. css파일을 가져오고 싶은 경우는 확장자를 지정하면 된다. 2) 예시 - D드라이브에 [sassTest]폴더에 [test.scss]와 [test.css]를 만들었다고 가정 - [var.scss]도.. 이전 1 ··· 50 51 52 53 54 55 56 다음
