웹통의 웹으로 통하는 세상

HTML (6)

초급자에게 유용한 무료 HTML 편집기 소개

IT&COMPUTER/컴퓨터활용TIP 블로그-관리자 2018. 6. 29. 07:00

생활코딩 작성할 때 유용한 무료 HTML 편집기 소개 HTML은 웹 표준언어로 웹에서 보여주는 대부분 페이지는 HTML이 사용하여 제작되죠. 지금 보고 계신 글도 티스토리 텍스트 편집기를 통해 작성되었지만, 실상은 HTML 코드화되어 웹에서 보여지고 있습니다. HTML은 전문적으로 교육받지 않더라도 간단한 코딩이나 편집은 조금만 노력하면 배울 수 있는데요. 특히 티스토리를 운영하고 있다면 간단한 코딩만 배워도 포스팅할 때 좀 더 깔끔한 글을 작성할 수 있습니다. 오늘은 생활코딩을 배우고 작성할 때 유용한 무료 HTML 편집기를 소개해 드리겠습니다. w3schools은 설치가 필요 없는 온라인 HTML 편집기입니다. 비주얼 스튜디오나 드림위버처럼 다양한 기능을 제공하는 건 아니지만, 초급자가 사용하기엔 매..

프로그램 설치가 필요없는 온라인 HTML 뷰어 소개

IT&COMPUTER/프로그램 블로그-관리자 2017. 3. 6. 15:34

사용하기 편리한 온라인 HTML 뷰어 소개 HTML은 웹에서 볼 수 있는 문서를 만들때 사용되는 프로그래밍 언어의 한 종류인데요. 태그(tag) 명령어를 사용하여 글자모양, 그래픽, 문서이동 등을 지정하여 홈페이지나 웹문서를 작성하는데 사용됩니다. 보통 HTML 문서를 보려면 더블클릭을 하거나 웹브라우저에 문서를 끌어다놓으면 볼 수 있습니다. 그런데 코드와 함께 볼려면 별도의 뷰어가 필요한데요. 오늘은 쉽고 간편한 온라인 HTML 뷰어를 소개해 드리겠습니다. HTML 뷰어는 인터넷만 연결되어 있다면 웹이나 모바일에서 간편하게 코드와 함께 HTML 볼 수 있는 도구인데요. HTML파일 열기 뿐만아니라 Url주소만 있어도 웹문서의 HTML을 볼 수 있습니다. 아래 온라인 HTML 뷰어로 편리하게 HTML 파..

웹디자인 제작에 유용한 HTML 색상표 사이트 소개

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2016. 7. 25. 13:45

웹디자인에 필요한 HTML 색상표 사이트 소개 웹디자인을 만들다보면 색상에 대해 난감할때가 많죠. 웹에서는 색을 지정할 때에 특수기호 #과 십육진수로 이루어진 6자리의 숫자로 표기해야 하기때문에 포토샵이나 그래픽 프로그램에서 처럼 쉽게 색을 선택하기가 어렵습니다. 그렇기 때문에 홈페이지나 블로그을 만들때 색상 코드를 한눈에 볼 수 있는 HTML 색상표가 필요한데요. 오늘은 웹색상 코드가 잘 정리되어 있는 HTML 색상표 사이트를 소개해 드리겠습니다. 216가지의 웹 안전 색상표와 500가지의 색상 이름을 가진 색상표에 대한 정보를 얻을 수 있습니다. 또한 20000개 이상의 색조합 팔레트와 인기 색상표는 웹디자인을 만들때 매우 유용하게 사용할 수 있습니다. HTML 색상표 사이트로 작업의 능률을 올리고 ..

포토샵과 HTML/CSS을 이용하여 홈페이지를 만드는 강좌 모음

웹싸이트 디자인강좌 블로그-관리자 2014. 10. 20. 15:39

포토샵 파일을 HTML/CSS로 변환하는 강좌 모음 웹디자이너와 그래픽디자이너는 유사한 툴을 사용하여 컴퓨터로 창작물을 만드는건 비슷하지만 HTML과 CSS에 대한 퍼블리싱 능력에서 가장 큰 차이점을 보입니다. 그만큼 웹디자이너에게 HTML은 필수이자 항시 노력해야하는 요소인데요. 자신이 만든 디자인을 실제로 구현을 못한다면 그것만큼 난감한 경우도 없지요. 오늘은 웹디자이너가 포토샵으로 만든 디자인을 HTML이나 CSS로 변환하는 강좌를 소개해 드리겠습니다. 강좌를 통해 좀더 효율적으로 코딩하고 레이아웃을 실현하는 방법을 배울수 있습니다. 모든 강좌는 영어로 제작되어 있어서 조금 난감한 부분이 있는데요. 구글 크롬을 설치하여 자동 번역 기능을 사용하면 어렵지 않게 강좌를 보실수 있습니다. Convert ..

홈페이지 제작에 유용한 브라우저 도구 모음

IT&COMPUTER/프로그램 블로그-관리자 2014. 5. 19. 13:45

브라우저를 이용한 웹 제작 도구 모음 요즘 디자이너 사이에서 브라우저를 이용한 홈페이지 또는 어플 제작이 새로운 트랜드가 되고 있습니다. 웹사이트 제작을 실시간 미리보기로 확인할수 있으며 코드의 최적화, 반응형 레이아웃 등 다양한 기능을 이용하여 웹페이지를 제작할수 있는데요. 오늘은 브라우저를 이용하여 웹을 만들수 있는 도구들을 소개해 드리겠습니다. 총 6가지 도구로 좀더 신속하게 개발을 완료할수 있으며 설치없이 무료로 사용할수 있어서 간편합니다. 기존에 익숙한 툴을 사용하여 완벽하게 작업을 수행하는것도 중요하지만 점차 변화하는 상황에 맞게 새로운 도구를 이용하여 좀더 작업 효율을 높일 필요도 있을꺼 같습니다. 아래 도구들이 그 시작점이 되셨으면 좋겠네요. Chrome Inspector 크롬 개발자 도구..

[ 이벤트 팝업소스 ] 활용도 높은 웹싸이트 전체화면 레이어 팝업 소스

웹싸이트 디자인강좌 블로그-관리자 2012. 8. 22. 11:05

메인화면 위에 겹쳐지는 레이어 팝업 소스 요즘 포탈이나 쇼셜쇼핑에서 보면 팝업창이 보다는 레이어를 이용한 팝업을 많이 보게 되는데요. 본화면을 보기전에 강제적으로 광고나 로그인 화면을 먼저 보이도록 할때 유용한 방법입니다. 전체화면 팝업 관련해서 소스가 없어서 직접 만들게 되었는데요. 저도 프로그램쪽이 아니라 네이버 지식에도 물어보면서 겨우 만들었습니다. ㅜㅜ 혹시 좀더 간단하게 수정해주실분 있으시면 조언 부탁드리며 허접하지만 필요하신분들은 유용하게 사용해주세요. 주요기능 : 엔터키로 팝업 닫기 / 전체화면 레이어 설정 / 하루동안 안보이기 쿠키설정 1단계 레이어 설정 div 레이어 설정을 통해 레이어의 위치와 투명도 크기를 설정하는 부분입니다. left:0px;top:0px : 상단 왼쪽을 기준으로 위..

Copyright © 웹통의 웹으로 통하는 세상 All Rights Reserved
Designed by JB FACTORY

티스토리툴바