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 홈페이지 관리하기
따라하기 나모 웹에디터로 홈페이지 수정하기

찾아보기