HTML과 나모로 홈페이지 만들기 디자인 스쿨

Part 01 | HTML로 홈페이지 구조 살펴보기

 

Chapter 01 | HTML 문서의 구조

  Section 01 인터넷과 홈페이지

  Section 02 HTML의 정의와 특징

  Section 03 HTML 문서의 구조와 작성

  [따라하기] 메모장으로 기본 HTML 문서 만들기

  [따라하기] 에디트플러스 설치하기

  [따라하기] 에디트플러스로 기본 HTML 문서 만들기

  Final Practice

 

Chapter 02 | 기본 HTML 태그

  Section 01 글자 관련 태그

  [따라하기] 글자 크기, 글꼴, 색상 다양하게 지정하기

  [따라하기] 글자 모양 다양하게 변경하기

  Section 02 문서 서식 태그

  [따라하기] 줄과 문단 바꾸기

  [따라하기] 문단 정렬하기

  [따라하기] 수평선 그리고 속성 지정하기

  [따라하기] 소스 코드에 설명문 달기

  [따라하기] 구역 구분 태그 사용하기

  [따라하기] 편집한 내용 브라우저에 그대로 나타내기

  [따라하기] 제목 글자 지정하기

  Section 03 표 관련 태그

  [따라하기] 기본 표 만들기

  [따라하기] 행에 속성 지정하기

  [따라하기] 셀에 속성 지정하기

 

Chapter 03 | 하이퍼링크 태그

  Section 01 하이퍼링크 태그

  [따라하기] 같은 위치에 있는 다른 문서로 연결하기

  [따라하기] 다른 디렉토리에 있는 문서로 연결하기

  [따라하기] 다른  웹 사이트로 연결하기

  Section 02 책갈피 태그

  [따라하기] 동일 문서에 책갈피 지정해 이동하기

  [따라하기] 다른 문서에 책갈피 지정해 이동하기

  Section 03 프레임 태그

  [따라하기] 좌우 분리 프레임 문서 만들기

  [따라하기] 상하 분리 프레임 문서 만들기

  [따라하기] 다중 프레임 문서 만들기

  [따라하기] 플로팅 프레임 만들기

  Final Practice

 

Chapter 04 | 입력 양식 태그

  Section 01 입력 양식 기본 태그

  Section 02 다양한 입력 양식 만들기

  [따라하기] 한 줄 입력 텍스트 상자 만들기

  [따라하기] 라디오 단추와 체크상자 만들기

  [따라하기] 풀다운 메뉴 만들기

  [따라하기] 리스트 메뉴 만들기

  [따라하기] 명령 단추 만들기

  [따라하기] 여러 줄 입력 텍스트 상자 만들기

  Final Practice

 

Chapter 05 | 멀티미디어 태그

  Section 01 그림 삽입 태그

  [따라하기] 그림 삽입하기

  [따라하기] 그림 링크 만들기

  [따라하기] 이미지 맵 만들기

  Section 02  미디어 삽입 태그

  [따라하기] 음악이나 동영상 파일 삽입하기

 

Chapter 06 | 문서 배경과 기타 태그

  Section 01 문서 배경 꾸미기 태그

  [따라하기] 문서에 배경색 넣기

  [따라하기] 문서에 배경 그림 넣기

  [따라하기] 텍스트와 하이퍼링크 색상 지정하기

  Section 02 움직이는 글자 표현 태그

  [따라하기] 흐르는 문자 만들기

Final Practice

 

Part 02 | 나모 웹에디터 2006으로 기본 문서 만들기  

 

Chapter 07 | 나모 웹에디터 2006의 소개

  Section 01 나모 웹에디터 2006 특징

  Section 02 나모 웹에디터 2006 설치하기

  [따라하기] 나모 웹에디터 2006 체험판 설치하기

  Section 03 나모 웹에디터 2006의 작업 환경 알아보기

  Section 04 효율적인 작업 환경 구축하기

 

Chapter 08 | 문서 다루기

  Section 01 새 문서 생성

  [따라하기] 템플릿을 이용해 새 문서 열기

  Section 02 문서의 저장

  [따라하기] 문서를 템플릿으로 저장하기

  Section 03 문서의 열기와 닫기

  [따라하기] 웹 페이지 가져오기

  [따라하기] 웹 사이트 통째로 가져오기

 

Chapter 09 | 기본 서식 문서

  Section 01 글자 서식과 속성

  [따라하기] 글자 서식 바꾸기

  Section 02 문단 서식과 속성

  [따라하기] 문단 속성 지정하기

  [따라하기] 문단에 테두리 설정하기

  Final Practice

 

Chapter 10 | 표 삽입 문서

  Section 01 기본 표 생성

  [따라하기] 표 삽입하고 크기 조절하기

  [따라하기] 표 편집하기

  Section 02 표 관련 메뉴와 속성

  [따라하기] 표 관련 도구 마음대로 주무르기

  Final Practice

 

Chapter 11 | 그림 삽입 문서

  Section 01 그림 삽입

  [따라하기] 그림 삽입하기

  [따라하기] 그림에 하이퍼링크 설정하기

  [따라하기] 클립아트 삽입하기

  [따라하기] 삽입 그림에 투명색 적용하기

  [따라하기] 그림에 롤오버 효과 적용하기

  Section 02 그림의 다양한 활용

  [따라하기] 이미지 맵 만들기

  [따라하기] 문서에 배경 그림 지정하기

  Final Practice

 

Chapter 12 | 하이퍼링크 문서

  Section 01 하이퍼링크 만들기

  [따라하기] 하이퍼이링크 만들기

  Section 02 책갈피 기능

  [따라하기] 책갈피 만들기

  [따라하기] 하이퍼이링크 대상으로 책갈피 만들기

  Final Practice

 

Chapter 13 | 프레임 문서

  Section 01 프레임 생성

  [따라하기] 프레임 만들기

  [따라하기] 프레임 추가하고 지우기

  Section 02 프레임 관련 속성

  [따라하기] 프레임 크기 조절하기

  [따라하기] 대상 프레임 지정하기

  [따라하기] IFRAME 만들기

  Final Practice

 

Chapter 14 | 스타일 문서

  Section 01 내부 스타일

  [따라하기] 스타일 정의하기

  [따라하기] 공통 클래스 스타일 정의하기

  [따라하기] ID 스타일 정의하기

  Section 02 외부 스타일 파일 

  [따라하기] 외부 스타일 파일 지정하기

  Final Practice

 

Chapter 15 | 레이어 삽입 문서

  Section 01 레이어란

  Section 02 레이어 다루기

  [따라하기] 레이어 만들고 크기 조절하기

  Final Practice

 

Chapter 16 | 자바 스크립트 활용 문서

  Section 01 스크립트 마법사의 다양한 활용

  [따라하기] 텍스트 메뉴 만들기

  [따라하기] 펼침 목록 만들기

  [따라하기] 접힘 메뉴 만들기

  [따라하기] 배경색 바꾸기

  [따라하기] 장면 전환하기

  [따라하기] 떠 있는 레이어

  [따라하기] 슬라이딩 레이어

  [따라하기] 마우스 포인터 따라다니기

  [따라하기] 흐르는 내용

  [따라하기] 움직이는 텍스트

  [따라하기] 상황선의 움직이는 텍스트

  [따라하기] 롤오버 그림 만들기

  [따라하기] 애니메이션 효과 지정하기

  [따라하기] 이동 단추 만들기

  [따라하기] 새 윈도우 열기

  [따라하기] 새 윈도우 제어용 쿠키

  Final Practice

 

Chapter 17 | 폼 문서

  Section 01 다양한 폼의 속성

  Section 02 폼 문서 생성

  [따라하기] 폼 문서 만들기

  Final Practice

 

Chapter 18 | 사이트 마법사

  Section 01 사이트 마법사란

  Section 02 사이트 마법사의 이용

  [따라하기] 사이트 마법사로 홈페이지 만들기

  [따라하기] 사이트 수정하기

  [따라하기] 새 문서 추가하기

 

Part 03 | 홈페이지 제작 프로젝트  

 

Chapter 19 | 홈페이지 기획

  Section 01 좋은 홈페이지의 조건

  Section 02 홈페이지 제작 과정

  Section 03 홈페이지 기획  

  Final Practice

 

Chapter 20 | 홈페이지 제작

  Section 01 리소스 정리하기

  [따라하기] 폴더 구성하고 리소스 정리하기

  Section 02 시작 페이지 만들기

  [따라하기] 시작 페이지 만들기

  Section 03 템플릿 페이지 만들기

  [따라하기] 템플릿 페이지 만들기

  Section 04 템플릿을 이용해 다른 페이지 만들기

  [따라하기] 템플릿을 이용해 다른 페이지 만들기

  Section 05 방명록과 게시판 만들기

  [따라하기] 방명록 만들기

  [따라하기] 사진 자료실 만들기

  [따라하기] 카운터 만들기

  

Chapter 21 | 홈페이지 등록하기

  Section 01 계정 신청하기

  [따라하기] 네이버 무료 계정 만들기

  [따라하기] 네띠앙 무료 계정 만들기

  Section 02 홈페이지 등록하기

  [따라하기] 나모 웹에디터를 이용해 웹 서버에 등록하기

  [따라하기] 알FTP를 이용해 네띠앙 홈페이지에 홈페이지 출판하기

  

Chapter 22 | 홈페이지 홍보와 관리

  Section 01 홈페이지 홍보하기

  [따라하기] 야후에 홈페이지 홍보하기

  [따라하기] 네이버에 홈페이지 홍보하기

  Section 01 홈페이지 관리하기

  [따라하기] 나모 웹에디터로 홈페이지 수정하기

  

찾아보기