본문 바로가기
기타_모아/자료실

[자료] HTML Editor/CCS Editor

by KANG Stroy 2020. 10. 7.
728x90
728x90

블로그를 좀 수정하고 싶고, 편하게 쓰고 싶어서 찾게 된게 에디터 입니다. 블로그에 하나 만들어 보고 확인하고, 다시 수정하고 확인하고 ... 일명 귀찮다. 라는 생각이 있습니다. 

그래서 예전 블로그 전에 홈페이지를 만들때가 기억이 나서 찾아 보게 되었습니다. 


처음 홈페이지를 만들때는 일명 손태그라는 것을 했었는데, 블로그는 그런 부분을 많이 편하게 해 주었습니다. 그래도 블로그의 자유도를 높이기 위해서는 조금씩 변경하고 싶은 충동이 듭니다. 


이를 블로그에 넣었다가 불상사가 일어나기 전에 사전에 알아 보고 위한 에디터죠. 


다운로드 받기 


링크를 따가 들어가서 다운 받으세요 



다운 받고 이제는 설치하러 가야죠? 


설치


다운 받은 파일을 클릭하면 아래와 같은 화면이 유지 되다가~~ 넥스트 이딴거 없이 유지가 됩니다. 


바로 이 화면으로 넘어 갑니다.



이 화면이 나오면 설치 끝입니다.


작업 하기 


CTRL + N 
즉 뉴 파일을 하겠다는 것입니다. 
화면은 아무것도 없습니다. 

아래와 같이 블라 블라 적어 봅니다. 

그리고 저장을 합니다.

CTRL + S
저장할때 HTML 은 *.hml으로 저장 합니다. 

잘 찾아갈 위치에 저장을 합니다. 



<div style="color: red"> this is red text </div>

<html>

<head>

<style type="text/css">

.my-text{ color: blue }

</style>

</head>

<body>

<div class="my-text">

this is red blue

</div>

</body>

</html>

블로그에서 퍼 왔습니다. 테스트 예문 입니다. div 관련 동작 확인을 하기 위해서죠. 


크롬으로 넘어가서 

CTRL + O 
파일 열기 입니다. 

저장된 파일을 읽어서 표시 합니다. 
이 화면을 유지 하고 수정하고 저장하고 F5를 눌러서 갱신해서 수정 된 것을 확인 합니다. 







728x90

댓글