본문 바로가기

전체 글88

서브라임 텍스트로 만든 첫 웹페이지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.
코로나19 혼란 속 평화로운 캐나다 자가격리 생활 캐나다 한국인 입국금지가 확정되기 전 다행히 토론토에 들어왔고, 2주간의 격리 기간이 끝났습니다. 다행히 아무런 증상이 없고, 자가격리 기간이 지난 후에도 별다른 이상소견은 보이지 않았어요. 레몬, 오렌지, 생강, 사과 등을 넣은 건강 부스터 주스를 만들어 먹고, 견과류를 매일 먹고, 스트레칭도 하고, 따뜻한 차를 자주 마십니다. 그 어느때 보다도 내 몸에 내 건강에 도움되는 생활을 하고 있고, 내 몸의 소리에 귀기울이는 삶을 지내고 있습니다. 집에서만 생활을 하는지라 자연스레 생활반경은 줄어들었고, 삶도 단순해지고 생각도 단순해 집니다. 쓸데없이 머릿속을 맴돌던 잡념이나 코로나19 때문에 한국에 돌아가지 못하면 어쩌나, 캐나다에 고립되면 어쩌나 하고 걱정했던 생각들도 점점 사라지고 있습니다. 피할 수 .. 2020. 3. 30.