- 이해도를 높이기 위해 한글 문서를 캡처했습니다. - 1. 글자를 진하게 하기 무언가 중요하다고 생각하는 글자에게는 우리는 강조를 주고 싶어 한다. 문서 작성 프로그램을 보면 "진하게"라는 메뉴가 따로 존재할 것이다. 옆에 사진은 한글이란 프로그램을 실행한 화면이다. 선택한 글자를 진하게 해주는 메뉴를 볼 수 있다. 이것을 웹 페이지에서도 구현이 가능하다. 코드 : 내용 2. 밑줄 긋기 글자를 진하게 하는 것만으로도 부족하고 느낄 때 밑줄을 한번 더 그어서 더 중요하다는 것을 강조하고 싶을 때 사용한다. 밑줄은 영어로 underline이라고 하는데 앞 글자를 따서 코드를 만들었다. 코드 : 내용 3. 제목의 크기 나타내기 티스토리 글쓰기를 보면 제목의 크기를 고를 수 있는 메뉴가 나타난다. 웹 페이지에..

e. 그래픽 개체 삽입 , 하이퍼링크 * 개체(Object) : 문서 프로그램에 텍스트와는 다르게 별도로 삽입되는 그림 , 도형 , 선 , 멀티미디어 파일 등을 말합니다. 1. 그래픽 개체 삽입 - 문자나 숫자 데이터와는 별도로 다양한 도형과 선 , 그림 등을 삽입하는 기능. - 그래픽 개체는 독립적이다. - 크기나 위치를 바꿀 수 있다. 그림 차트에 그림을 삽입 클립아트 그림뿐만 아니라 동영상이나 소리도 삽입 도형 - 선이나 원 다양한 도형을 직접 그리거나 크기 및 색을 변경 - shift키를 누른 상태에서도 그릴 수 있다. SmartArt 다양한 목록을 그룹화 시킬 수 있다. 스크린 샷 특정 부분 또는 전체를 캡처할 수 있다. 2. 개체 정렬하기 - 두 개 이상의 도형이나 사진이 있는 경우 나타나는 ..

e. 작업 표시줄 1. 개요 작업표시줄은 현재 실행되고 있는 프로그램 단추와 프로그램을 빠르게 실행하기 위해 등록한 고정 프로그램 단추 등이 표시되는 곳으로 기본적으로 바탕화면의 맨 아래쪽에 있다. 작업표시줄은 위치를 변경하거나 크기를 조절할 수 있다. 단 화면의 1/2까지만 늘릴 수 있다. 2. 작업 표시줄 위치 변경 작업표시줄에 마우스를 가져다 놓고 오른쪽 버튼 클릭! 작업표시줄 잠금을 해제하고 마우스로 드래그하면 위치를 바꿀 수 있습니다. 3. 작업표시줄 속성 지정하기 검색 - > 제어판 - > 작업표시줄 - 작업표시줄의 위치나 크기를 변경하지 못하도록 작업 표시줄 잠금을 설정할 수 있다. - 화면에서 위쪽 , 아랫쪽 , 왼쪽 , 오른쪽 중에서 선택하여 작업 표시줄의 위치를 설정할 수 있다. - 작..

1. 에디터 준비하기 이미 여러분의 컴퓨터에는 에디터가 존재한다. 윈도우에는 메모장 , 맥에는 TextEdit , 리눅스는 Gedit 등이 이미 설치되어 있다. 여러 에디터 중에 본인에게 맞는 것을 찾는 것도 중요하지만 이제 시작하는 사람들에게는 어떤 에디터가 나에게 맞는건지 찾기가 힘들다. 또한 에디터들의 사용방법이 다 다르기 때문에 통합해서 설명하기가 쉽지 않다. 그래서 준비한게 여러분들이 코드를 작성하는데 최적화되어 있는 프로그램을 사용하기로 했다. 바로 ATOM이란 에디터 프로그램이다. 아래 그림을 클릭해 설치해 보자. 어렵지 않으니 보통 프로그램 설치하는 대로 하면 된다. A hackable text editor for the 21st Century At GitHub, we’re building..

1. HTML 이란? HTML 또는 하이퍼텍스트 마크업 언어(HyperText Markup Language)는 웹 페이지를 위한 지배적인 마크업 언어다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. 그리고 이미지와 객체를 내장하고 대화형 양식을 생성하는 데 사용될 수 있다. HTML은 웹 페이지 콘텐츠 안의 꺾쇠괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성한다. HTML은 웹 브라우저와 같은 HTML 처리 장치의 행동에 영향을 주는 자바스크립트와 본문과 그 밖의 항목의 외관과 배치를 정의하는 CSS 같은 스크립트를 포함하거나 불러올 수 있다. 2. HTML 정의 사..