HTML (5) 썸네일형 리스트형 [Netlify] Netlify로 내가 만든 홈페이지 배포하기 1. netlify 접속 후 로그인 https://www.netlify.com/ Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free! www.netlify.com 2. 사이트 메뉴에서 아래 노란색 부분에 작업한 프로젝트 폴더를 Drog & Drop 3. Domain settings 클릭 4. 사이트 이름을 원하는 이름으로 변경 5. 만든 주소를 html 코드에 입력 6. 코드에 .. [HTML] 타이틀 아이콘 설정하기 1. 무료 아이콘 다운로드할 수 있는 홈페이지 접속 https://icon-icons.com/ko/ 무료 아이콘 SVG, PNG, ICO 또는 ICNS icon-icons.com 2. 원하는 아이콘 선택 후 저작권 확인 3. ico 확장자로 아이콘 다운로드하기 4. html 파일에 link 태그로 입력하고 이미지와 html 경로 설정 맞춤 [CSS] 컬러질라 그라데이션 설정 1. 홈페이지 접속 https://www.colorzilla.com/ ColorZilla - Eyedropper, Color Picker, Gradient Generator and more www.colorzilla.com 2. Ultimate Gradient Generator 클릭 3. 원하는 색 만든 후 copy 버튼 클릭 4. css에 적용 [CSS] 구글 폰트 사용하는 법 1. 구글 폰트 홈페이지에서 원하는 폰트 선택 https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 원하는 굵기와 사이즈의 폰트를 선택함(select this style) 3-1. 링크를 복사하여 내 html 파일 태그에 붙여 넣기 3-2. css 코드를 복사하여 css 파일에 붙여 넣기 [CSS] Bootstrap 사용 방법 부트스트랩이란? class를 이용하여 반응형 웹을 사용할 수 있게 도와주는 사이트 사이트에서 주어진 링크를 복사하면 부트스트랩이 만들어 놓은 반응형 디자인을 사용할 수 있다. 1. 부트스트랩 홈페이지 방문한다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 2. 해당 코드를 복사한 후 html 파일 태그 내에 붙여 넣기 한다. 3. Docs 메뉴를 클릭한 후 디자인하기를 원하는 종류를 검색한다 4. 원하는 태그 내용을 복사해서 나의 html 파일에 붙여 넣는다. - container 기본 컨테이너는 화면을 12등분으로 조절함 - button - margin.. 이전 1 다음
