사이트 제작 (7) 썸네일형 리스트형 [무료 도메인] 추천 사이트 Freenom: Freenom은 .tk, .ml, .cf, .ga, .gq 등의 무료 도메인을 제공하는 사이트입니다. 무료 도메인은 12개월간 사용 가능하며, 각 도메인당 연장은 1개월마다 가능합니다. Dot.tk: Dot.tk는 .tk 도메인을 무료로 제공하는 사이트입니다. 무료 도메인은 12개월간 사용 가능하며, 연장은 매년 가능합니다. Biz.nf: Biz.nf는 .co.nf 도메인을 무료로 제공하는 사이트입니다. 이 사이트에서는 무료 웹 호스팅도 제공하고 있습니다. InfinityFree: InfinityFree는 .rf.gd, .epizy.com 등의 무료 도메인을 제공하고 있습니다. 이 사이트에서는 무료 웹 호스팅과 함께 무제한 대역폭, 스토리지 등을 제공하고 있습니다. SSL 발급을 간편하고 무료로 생성하는 방법 우선은 위 사이트에 방문하셔서 win-acme의 최신버전을 다운받아 주세요. https://github.com/win-acme/win-acme/releases win-acme/win-acme A simple ACME client for Windows (for use with Let's Encrypt et al.) - win-acme/win-acme github.com 다운이 끝마쳤으면, 압축을 풀어주시고 중간에 있는 wacs.exe라는 파일을 관리자 권한으로 실행해주세요. 저희는 SSL 인증서를 새로 발급받을 목적이기에 N을 입력해주세요. 그러면 IIS에 등록되어있는 도메인들이 전부 나오면서 옆에 숫자가 있습니다. 옆 숫자를 확인하면서 SSL을 발급받을 사이트를 선택하시고 입력하세요. 여기서 Y를 누르면.. [Freenom] 도메인 획득부터 레코드 설정까지 기본적으로 사이트를 제작 하고자하면 뼈대라고 생각하는 도메인을 구하셔야 뼈대 구축이 완료가 됩니다. 그러면 이제 도메인을 어디서 구하나? 대표적인 도메인 사이트로는 Freenom이 있습니다. Freenom에서 직접 도메인을 찾으셔서 원하시는 도메인으로 선택을 하셔서 최대 12개월 무료로 이용 가능하며 12개월이 끝났을때 연장이 가능합니다. 주소: http://freenom.com 1. 회원가입 ↑ freenom 사이트 Freenom 사이트에 들어가시고 오른쪽 상단에 위치해있는 'Sign in'으로 계정이 있으신 분은 로그인을 하시고 계정이 아직 없으신 분들은 구글,페이스북등으로 로그인을 해주시면 됩니다. ↑로그인 방식에는 '구글/페이스북'이 있다. 필자는 이미 회원가입을 한 상태이기에 구글 로그인을 이용.. [IIS] 윈도우10에서 IIS 설치하기 IIS는 따로 외부에서 다운을 받아서 활성화를 시키는 작업이 아닌 , 단순 윈도우 내부에서 활성화를 시킬 수 있습니다. - IIS 설치하기 제일 먼저, '제어판 -> 프로그램'란을 들어가면 여러가지 항목들 중 'windows 기능 켜기/끄기'를 선택합니다. ↑Windows 기능 켜기/끄기 'windows 기능 켜기/끄기'를 선택시 아래처럼 여러가지 메뉴들이 나오면서 체크를 해서 활성화를 해라고 알려줍니다. 위 이미지내에서 네모 상자안에 체크돼있는 것들을 눌러서 확인을 누르시면 아래와 같이 '변경 사항 적용'이라는 창이 뜹니다! 어느정도 시간이 지나면 창이 알아서 없어지고 , 윈도우 검색창(윈도우 키)에서 IIS를 검색하시면 프로그램이 보일겁니다. ↑IIS는 바탕화면에 바로가기가 생성돼지 않습니다. 이제 .. HTML에서 폰트 적용하기 예시 상황 폰트 파일 경로 : fonts/test.woff | CSS파일 경로 : assets/main_assets/all.css /* 폰트 */ @font-face{font-family:'dosis.extralight'; src:url('/fonts/test.woff')} /* 폰트 경로 */ body, table, div, p {font-family:'test';} /* 폰트 이름 */ /* 폰트 끝 */ 이런식으로 CSS의 첫 줄에 작성을 하시고 저장 후 , 폰트를 적용하신 사이트에 방문을 하시면 폰트가 정상적으로 적응이 되신 것이 확인 가능하십니다. [HTML]이미지에 하이퍼링크를 연결하자 앞서 기본적으로 문구에 하이퍼링크를 연결하게끔 하는 글을 작성을 한 적이 있습니다. ※여기 이번에는 이미지에 하이퍼링크를 다는 방법을 알려드리고자 합니다 :) 이용되는 예시로는 "상단의 이미지를 클릭시 이동합니다."가 대표적으로 보이며, 이용법 알려드리겠습니다. ＃이미지 하이퍼링크 사용법 앞에서 하이퍼링크를 이용할때 출력할 문구이걸 이용을 했었는데 이미지 하이퍼링크는 이걸 응용해서 단순히 뒤에 이미지 경로만 붙여준 문구입니다. ＃예시 문구 ※ 뒤에 art는 선택사항입니다! HTML 링크 만들기 (하이퍼링크/다운로드) 링크는 기본적으로 태그로 만들며, 링크가 가능한 대상들의 예시로는 사이트,파일,이메일 등등이 있습니다. ※ 기본 문구 출력 할 문구 이런식으로 입력을 하시면 되며, 예시를 들자면 '네이버'로 이동하게끔 하이퍼링크를 연결하고 싶다 하면 ex) _naver_ 결과 : _naver_ 이런 식으로 HTML 내에서 하이퍼링크가 첨부 가능합니다. ※ 다운로드 문구 다운로드 문구도 앞서 설명을 해드린 '기본 문구'와 똑같이 응용이 됩니다. 다운로드 와 같이 입력을 하시면 "" 사이에 지정을 해주신 대상의 파일이 다운로드가 되는 형식입니다. ex) 다운로드 여기서 "image/download.jpg"라는 경로를 지적 해주었는데요. 앞에 있는 image라는 폴더안에 download라는 확장자가 jpg인 파일을 다운로드 .. 이전 1 다음
