안녕하세요 ^^
코딩하는 꼬부기입니다.
틈틈히 CSS에 대해서 포스팅을 해보려고 합니다.
저도 많이 알지는 않지만 머리속에 정리 할 겸 포스팅을 하면서
이웃분들이 궁굼하시는 부분을 긁어드릴 수 있도록 노력하겠습니다.
첫번째 포스팅에서는 HTML / CSS 즉 코딩을 하기 위해서는 메모장에 하시는 분들도 있지만
프로그램을 이용 한다면 훨씬 더 수월하게 그리고 빠르게 작업을 할 수 있습니다.
보통 드림위버라는 프로그램을 많이 사용하시는데,
일단 드림위버는 유료입니다..체험판을 사용 하실 수는 있겠지만 지속적인 사용이 안되죠.
소개해드릴 프로그램도 유료이기는 하지만 무료 사용이 가능합니다.
물론 간혹 광고 화면이 뜨기는 하지만 다른 상품에 대한 광고는 아니며, 유료 전환을 권유하는 화면입니다.
그리고 어도비 드림위버를 사용하게되면 코딩의 원리를 이해하기는 쉽지않습니다.
즉 adobe dreamweaver는 코딩에 대한 지식이 없으신 분들을 위해 또한 간단한 작업 및 제작 위해
만들어진 프로그램이라고 할 수 있겠습니다.
그렇다면 어떤 프로그램을 써야하느냐 라는 질문이 생길겁니다.
답은 정해져 있지 않지만 저는 제가 주로 쓰는 프로그램에 대해서 설명해드릴려고 합니다.
Sublime Text(써브라임 텍스트)입니다.
링크는 따로 해두었습니다 ^^
Sublime Text 홈페이지에 들어오시면 메인화면으로
이런 화면이 열립니다.
서브라임 텍스트의 기능들은 메인 홈페이지를 보고 계신다면
동영상 형식으로 보기 쉽게 되어있습니다.
서브라임 텍스를 설치하기 위해서느 메인화면에 있는 Download for windows라는 버튼
혹은 맥이면 mac 이라고 표시가 되어있겠죠?
저기를 클릭하시고 받아도 되지만 빨간색 박스로 체크해둔 download를 클릭하시고
체크해둔 박스 안쪽에 사용자의 컴퓨터에 맞는 운영체제를 선택 하신 후 사용 하시는 것을 권장해드립니다.
특히 64bit를 사용하시는 분들은 필히 진행해주세요.
이후 설치하는 과정에 대해서 모르시는 분들은 없으리라 생각하고
다음으로 실행시킨 화면을 보여드리겠습니다.
Sublime Text를 실행시키면 사진과 같은 화면에 아무것도 작성되지 않은 화면으로 실행이 됩니다.
하나하나 코드를 입력하셔서 홈페이지를 만들어야 하는 일만 남았네요.
서브라임 텍스트의 장점은 태그와 속성 그리고 일반 텍스트에 대해서 색상의 변화로
구분을 시켜준다는 점입니다.
화면에서 보시는 것 처럼 빨간색 하얀색 노란색 초록색으로 기능에 따라 구분되어
있는 것을 보실 수 있습니다.
저는 간단하게 홈페이지 만들기를 시작할 때 화면을 캡쳐했습니다.
저게 뭐야 ....
라고 생각 하실 수 있으시겠지만 다음 포스팅부터는 하나하나 자세하고 꼼꼼하게
알아보도록 하겠습니다.
By 코딩하는 꼬부기
'Publisher > Mark Up' 카테고리의 다른 글
반응형 테이블 데모 모음 링크 (0) | 2018.07.26 |
---|---|
[CSS STYLE 태그선택자] CSS 기초 CSS 입문. Sublime Text 사용. HTML 편집기 프로그램 써브라임 텍스트 (0) | 2016.09.28 |
[CSS STYLE 전체선택자] CSS 기초 CSS 입문. Sublime Text 사용. HTML 편집기 프로그램 써브라임 텍스트 (0) | 2016.09.28 |
[CSS기초] CSS 입문 CSS 시작하기 전 셋팅하기. HTML 편집기 프로그램 써브라임 텍스트 Sublime Text (0) | 2016.09.28 |
HTML5 기본 용어정리 및 사용법! (2) | 2016.09.08 |