디지털 노마드를 꿈꾸며33 서브라임 텍스트로 만든 첫 웹페이지2 (지끈-) 오늘은 쇼케이스, 뉴스레터, 각주 등 첫 화면의 중간-아래 부분을 분석해보려고 한다. 어제는 헤드, 헤더 부분을 분석해봤다. 사용할 때는 잘 몰랐던 아주 디테일한 과정까지 신경써서 생각해야 했다. 더 구체적으로 확인하고 싶다면 아래의 글을 참고! https://dowhateveryouwant1661.tistory.com/28 서브라임 텍스트로 만든 첫 웹페이지1 (뿌듯-) (유툽을 보고 따라 만들긴 했지만) 다음과 같은 모습이다. 누가봐도 엉성하긴 하지만 하나하나 따라서 만들어 보니 진짜 만들어 지는구나..! 신기하기도 하고 재밌기도 하다. 태그를 한줄 한줄 덧붙여 갈 때 마다.. dowhateveryouwant1661.tistory.com 사진에 큰 메세지가 있는 부분이 'showcase'인데 이 부분.. 2020. 4. 6. 서브라임 텍스트로 만든 첫 웹페이지1 (뿌듯-) (유툽을 보고 따라 만들긴 했지만) 다음과 같은 모습이다. 누가봐도 엉성하긴 하지만 하나하나 따라서 만들어 보니 진짜 만들어 지는구나..! 신기하기도 하고 재밌기도 하다. 태그를 한줄 한줄 덧붙여 갈 때 마다 새로고침을 해서 계속해서 바뀌는 웹페이지를 확인하면서 작업하는 것도 재미가 쏠쏠하다. 번거롭게 캡쳐해가면서 까지 이렇게 글로 남기는 이유는 무작정 따라하기만 하는 것 보다 하나씩 분석해 보면 머릿속에 더 오래 남을 거 같아서이다. 파일 작성시에는 html > css순서대로 작성했지만, 분석은 해당 부분별로 html>css를 나눠가면서 하는 게 나을 거 같다. 0. html기본설정 가장 먼저, 기본 문서는 index.html로 지정하고 해당 폴더와 그 안에 css폴더와 img폴더를 만든다. 사용할 이.. 2020. 4. 5. HTML 편집기로 사용할 서브라임 텍스트3 다운받기 HTML편집기로 사용할 수 있는 아주 좋은 프로그램인 '서브라임 텍스트3'를 다운받으려고 한다. HTML편집기로 메모장을 이용하는 방법은 전에 알아본 적이 있다. 관련 글을 참고하고 싶다면 아래의 링크로! https://dowhateveryouwant1661.tistory.com/5?category=384060 HTML 편집기, 기초, 속성 1. HTML 편집기 Bluefish나 w3school에서 제공하는 tryit editor등이 존재하기도 하지만 이번에는 윈도우 내에 존재하는 메모장을 활용해서 HTML을 연습해 볼 수 있는 방법이 있다. - 1. 메모장을 열고 2. HTML을.. dowhateveryouwant1661.tistory.com 메모장에 태그들을 작성할 때는 자유롭게 메모할 수 있다는 장.. 2020. 4. 3. HTML URL, XHTML, 스타일 가이드 1. HTML URL URL은 Uniform Resource Locator를 의미한다. 웹 상에서의 주소라고 생각하면 된다. 형식은 다음과 같다. scheme://prefix.domain:port/path/filename scheme은 인터넷 서비스의 유형으로 흔히 http 또는 https가 있다. http HyperText Transfer Protocol Common web pages. Not encrypted https Secure HyperText Transfer Protocol Secure web pages. Encrypted ftp File Transfer Protocol Downloading or uploading files file A file on your computer prefix는도메.. 2020. 3. 28. 이전 1 2 3 4 5 6 7 ··· 9 다음
