HTML, CSS
간단한 심리테스트 컨텐츠 웹 페이지 제작
학습내용
- 'bootstrap' 서비스 활용하여 margin, button 생성하기
- google font 적용
- 'netlify' 서비스 활용하여 deploy하기
- 'gabia' 서비스 활용하여 도메인 주소 신청하기
- SEO
- favicon 적용하기
- 'addthis' 서비스 활용하여 공유하기 버튼 만들기
favicon 적용하기 정리
- favicon : favorites + icon, 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘
- 심리적으로 웹 페이지의 신뢰성을 올려주는 효과가 있다.(피싱 사이트 의심 x)
- 'favicon-generator' 서비스 활용하기
- 설명에 맞는 이미지 파일을 첨부하여 제작하게 되면 16 * 16 사이즈의 favicon.ico 파일을 다운 받을 수 있다.
- 적용 방법 안내에 나와있는대로 HTML 문서 내에 양식에 맞춰 link 태그를 적용한다.(경로 설정 유의)
참고
Favicon & App Icon Generator
Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.
www.favicon-generator.org
Favicon - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
A favicon (favorite icon) is a tiny icon included along with a website, which is displayed in places like the browser's address bar, page tabs and bookmarks menu.
developer.mozilla.org
'오늘의 학습' 카테고리의 다른 글
| [오늘의 학습] 211125 (0) | 2021.11.25 |
|---|---|
| [오늘의 학습] 211122 (0) | 2021.11.22 |
| [오늘의 학습] 211116 (0) | 2021.11.16 |
| [오늘의 학습] 211115 (0) | 2021.11.15 |
| [오늘의 학습] 211113 (0) | 2021.11.13 |