HTML편집 프로그램들 알아보기

편집 프로그램 윈도우에서 문서 작성을 하려면 간편하게는 메모장만 있어도 문서를 작성할 수 있지만 다양한 기능들을 구성하고 표시하기 위해서는 MS워드나 아래아 한글과 같은 워드 프로세서들을 사용하면 훨씬 더 다양한 기능들을 간편하게 구성할 수 있다. 1. GR HTML Editor국산 HTML 편집 프로그램 중에서 드물게 WYSIWYG 기능과 HTML 편집 기능이 뛰어난 '무료' 프로그램이다. 2. 나모 웹에디터국내에서 가장 인기 있는 HTML 편집 프로그램으로써 그냥 일반적인 워드프로세서로 작업하는 것처럼 웹 페이지를 만들 수 있게 해놓은 것이 특징이다. 3. Microsoft Frontpage마이크로소프트에서 개발한 HTML 편집 프로그램이다. 4. 드림위버웹 디자이너들이 가장 즐겨 쓰는 대표적인 HT..

이미지 링크 거는 방법

1. 이미지 클릭시 현재 열기 ex) 네이버 이미지 주소 - http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif 본인은 네이버를 연결해 보도록 하겠습니다. 블로그일 경우 HTML편집 부분에 아래와 같이 작성해주세요. 상기 부분과 같이 작성하면 아래와 같이 설정할 수 있습니다. 2. 이미지 클릭시 새창으로 열기[입력방법은 똑같습니다 태그안에 target="새창" 이미지 클릭시 새창으로 열리게 되는 태그를 추가합니다.] ex)상기 부분과 동일하게 네이버를 연결해 보도록 하겠습니다.HTML편집 부분에 상기 부분과 같이 작성해주면 아래와 같이 설정됩니다.

이미지 합치기 [sprites]

1. 아래링크를 클릭하여 해당 페이지로 넘어갑니다.http://csssprites.com/ 2. 해당 페이지의 '파일 선택'을 클릭 > 원하는 파일을 선택합니다. 저같은경우는 '1' 이라는 컨버스 로고 입니다. 3. 상기와 같이 합치고 싶은 이미지들을 모두 선택하였다면+options >> 을 클릭하여 원하시는 옵션으로 설정해 줍니다. 저같은 경우 두이미지 사이는 '0' , 이미지들은 다 top부분에 있는 것으로 생성하였습니다. 4. 오션을 다 조정하였다면 PNG 버튼을 클릭합니다.클릭을 하면 아래와 같이 이미지가 합성된것을 확인 할 수 있습니다. 5. 해당 이미지를 '우클릭' > '이미지를 다른 이름으로 저장' 하여 PC에 저장합니다. 어때요 참 쉽죠 ?

오픈 소스 웹 템플릿 사이트

. HTML5UP (https://html5up.net/)모두 무료로 사용 가능 !! 기본적으로 반응형 웹 제작이 가능도하록 설정/ 공개되있어 사용하기 편하며, CCA3.0 라이센스로 개인용, 상업용으로도 사용가능!! BOOTSTRAP (http://getbootstrap.com/)기본적으로 반응형 웹 기반의 HTML , CSS, javascript파일을 제공하고 있으며, 데모 사이트를 제공하고 커스텀마이징 가능한 예제를 제공해 주고있다. LUISZUNO (http://luiszuno.com/blog)해당 사이트 또한 무료로 제공하고 있으나 트위트, 페이스북에 해당 사이트를 공유해야 사용이 가능하다. 상기 본인은 HTML5UP을 이용하였다

웹에서 이미지 반응형으로 구현하기

웹에서 고정된 크기를 가진 이미지를 데스크탑, 랩탑, 태블릿, 스마트폰 등 다양한 기기마다 최적화된 형태로 출력하려면 방법이다. HTML5에서는 아래와 같이 사용한다. 예를 들어 본인의 이미지가 images/pic01.png에 있다면 위와 같이 설정할 수 있다. 수정 전 수정 후 참고로 CSS에서는 아래와 같이 사용한다.img {max-width: 100%;height: auto;}

드래곤워즈 쿠폰 받기

골드 100,000원 , 보석 50개 증정드래곤워즈 쿠폰 번호 RTN1AHTVC33UD3W6AB1ANR52M103K514- 쿠폰 사용 방법1. 로비 좌측 슬라이드바 클릭2. 쿠폰 입력 아이콘 클릭3. 쿠폰 번호 입력 > 우편함에서 보상 수령

무신조자룡 쿠폰 받기

원보 500개, 전설무장팩 1개 (5만원 상당의 아이템)무신조자룡 쿠폰 번호 tjcqaay1- 쿠폰 사용 방법1. 왼쪽 상단에 캐릭터 얼굴 클릭2. 설정 클릭3. 교환코드 클릭 후 쿠폰 번호 입력

판타지아 사가 쿠폰

골드 2000개, 200실버 증정판타지아 사가 쿠폰 번호 17LDHQY0HD8YFJ4ZRUZW- 쿠폰 사용 방법1.튜토리얼 완료 후, 게임 화면 우하단 메뉴 아이콘을 클릭해서 메뉴 화면으로 들어간다.2. 메뉴 리스트 중 '쿠폰 등록' 클릭 > 쿠폰 입력3. 쿠폰 입력창에 '등록' 버튼을 클릭하면 우편으로 아이템이 지급된다.