목차 일부

PART 01 드림위버 시작하기 전에 꼭 알고 넘어가야 할 HTML
section 01 드림위버 시작하기 전에 알아두기 ... 20
      웹 디자인이란? ... 20
      성공적인 웹 사이트 디자인이 갖추어야 할 조건 ... 20
      성공적인 웹 사이트 제작하기 ... 21
section 02 HTML에 대한 이해와 기본 구조 알아보기 ....

더보기

목차 전체

PART 01 드림위버 시작하기 전에 꼭 알고 넘어가야 할 HTML
section 01 드림위버 시작하기 전에 알아두기 ... 20
      웹 디자인이란? ... 20
      성공적인 웹 사이트 디자인이 갖추어야 할 조건 ... 20
      성공적인 웹 사이트 제작하기 ... 21
section 02 HTML에 대한 이해와 기본 구조 알아보기 ... 24
      HTML이란? ... 24
      HTML 태그의 특징 ... 24
      HTML 기본 구조 파악하기 ... 24
      따라하기 01 처음 만드는 HTML 문서 시작에서 저장까지 ... 25
      활용예제 01 반복되는 배경이미지 삽입하여 문서 완성하기 ... 27
section 03 웹 문서 제작에 필요한 기본 태그를 이용해 웹 문서 이해하기 ... 30
      따라하기 01 Div 태그 알아보기 ... 30
      다라하기 02 목록을 만드는 태그 알아보기 ... 32
section 04 짜임새 있는 웹 문서를 만들 수 있게 해주는 테이블 태그 알아보기 ... 35
      활용예제 01 테이블 태그 살펴보고 속성 알아보기 ... 35
      테이블 셀 병합하기 ... 38
      테이블에 오브젝트 삽입하기 ... 38
      Special page 재미있는 Meta 태그와 marquee 알아보기 ... 40
PART 02 새로워진 드림위버 CS4 시작하기
section 01 Dreamweaver CS4를 다운받아 설치 ... 44
      따라하기 01 Dreamweaver CS4 시험버전 다운받기 ... 44
      따라하기 02 다운로드 받은 드림위버 CS4 시험버전 설치하기 ... 47
section 02 Dreamweaver CS4 화면구성 살펴보기 ... 49
      Dreamweaver CS4 실행하면 처음으로 나타나는 시작화면 ... 49
      따라하기 01 패널 제어하여 사용자 정의 workspace 등록하기 ... 52
section 03 웹 사이트 제작의 기본인 로컬사이트 설정 방법 익히기 ... 56
      로컬사이트 정의하기 ... 56
      Manage Sites 패널 살펴보기 ... 56
      따라하기 01 웹 문서의 기본이 되는 루트 폴더 만들기 ... 57
      따라하기 02 새로운 문서를 만들고 배경이미지 삽입해 보기 ... 60
      따라하기 03 Live view와 웹 브라우저로 결과 출력하기 ... 64
PART 03 이미지와 텍스트 속성 제어하고 하이퍼링크 이해하기
section 01 텍스트 속성 제어와 텍스트를 활용 방법 소개 ... 68
      HTML 텍스트 [PROPERTIES] 패널 ... 68
      CSS 텍스트 [PROPERTIES] ... 69
      공백 태그 입력을 위한 환경설정 알아보기 ... 69
      따라하기 01 특수 문자와 수평선을 삽입하고 문단 구분과 줄 바꿈 방법 알아보기 ... 70
section 02 이미지 삽입하고 PROPERTIES 패널 알아보기 ... 78
      이미지 [PROPERTIES] 패널 ... 78
      따라하기 01 웹 문서에 이미지를 삽입하고 속성 변경하기 ... 79
      따라하기 02 텍스트 삽입하고 들여쓰기 목록 사용하여 문단 정리하기 ... 85
      활용예제 01 포토샵과 연동하여 쇼핑몰 이미지 바로 바로 업데이트 하기 ... 90
section 03 이미지맵을 사용해 하이퍼링크 설정과 책갈피 기능 이해하기 ... 94
      이미지 [PROPERTIES]맵 ... 94
      활용예제 01 쇼핑몰 이벤트 페이지 이미지 맵 삽입하여 다른 페이지와 연결하기 ... 95
      활용예제 02 쇼핑몰 페이지에 Named Anchor 삽입하여 특정위치로 이동하기 ... 101
PART 04 테이블로 레이아웃을 깔끔하게!
section 01 테이블을 만드는 방법과 속성을 변경하는 방법 이해하기 ... 108
      테이블 대화상자 살펴보기 ... 108
      테이블 [PROPERTIES] 패널 살펴보기 ... 109
      HTML 방식의 셀 [PROPERTIES HTML] 패널 살펴보기 ... 109
      CSS 방식의 셀 [PROPERTIES CSS] 패널 살펴보기 ... 110
      [Page Propertics] 대화상자 살펴보기 ... 111
      따라하기 01 테이블 삽입 방법과 속성 알아보기 ... 112
      따라하기 02 테이블과 셀 선택 방법 알아보기 ... 116
      따라하기 03 테이블 편집하고 오브젝트 삽입하기 ... 118
section 02 테이블을 실무에서 어떻게 사용하는지 경험해 보기 ... 125
      활용예제 01 둥근 모서리 서브메뉴 만들기 ... 125
      활용예제 02 텍스트 파일 테이블로 전환하기 ... 129
PART 05 프레임과 아이프레임으로 문서 완성하기
section 01 프레임에 대한 이해와 프레임을 이용한 웹 문서 디자인하기 ... 134
      작업에 앞서 프레임 기본 태그 속성 알아보기 ... 134
      프레임셋 [PROPERTIES] 패널 ... 135
      패널프레임 [PROPERTIES] 패널 ... 135
      [FRAMES] 패널 ... 136
      따라하기 01 프레임 문서 만드는 방법 ... 136
      따라하기 02 프레임 크기 설정과 저장 방법 알아보기 ... 137
      따라하기 03 프레임 구조에 이미지 삽입하고 외부 문서 불러오기 ... 141
section 02 프레임을 활용하는 방법 알아보기 ... 145
      활용예제 01 다양한 프레임 분할과 프레임 문서끼리 연결하기(1) ... 145
      활용예제 02 다양한 프레임 분할과 프레임 문서끼리 연결하기(2) ... 149
section 03 프레임과는 또 다른 개념의 아이프레임 이해하기 ... 152
      작업에 앞서 기본 아이프레임 태그 속성 알아보기 ... 154
      따라하기 01 아이프레임 생성 방법 알아보기 ... 155
      활용예제 01 아이프레임 타깃을 설정하여 페이지 연결하기 ... 158
PART 06 웹 페이지 스타일시트로 꾸미기
section 01 스타일시트(Cascading Style Sheet)에 대한 이해 높이기 ... 162
      스타일시트 관련 패널 알아보기 ... 162
section 02 스타일시트를 이용해 웹 문서 만드는 방법 알아보기 ... 170
      따라하기 01 기초 스타일시트를 이용하여 텍스트 문서 완성하기 ... 170
      따라하기 02 등록된 스타일 시트 파일 외부에 저장하기 ... 174
      따라하기 03 Compound 형식의 스타일시트 적용하기 ... 178
      따라하기 04 태그 스타일시트 이용하여 블릿 모양 변경하기 ... 179
section 03 실무에서 활용 가능한 스타일시스 만들어보기 ... 181
      활용예제 01 클래스(Class) 스타일시트를 이용하여 도트라인 효과 만들기 ... 181
      활용예제 02 만들어진 외부 스타일시트 파일 서브 페이지에 적용하고 수정하기 ... 184
      활용예제 03 하이퍼링크에 스타일 적용하고 리스트 태그 이미지로 변경하기 ... 188
      활용예제 04 투명도 효과 적용하여 문서 꾸미기 ... 194
      활용예제 05 통일성 있는 디자인을 위한 스크롤바 색상 바꾸기 ... 198
PART 07 AP Div 알고 활용하기
section 01 AP Div에 대한 이해와 사용 방법 알아보기 ... 204
      AP Div 관련 패널 살펴보기 ... 204
      따라하기 01 AP Div 생성하고 이미지 삽입하기 ... 206
      따라하기 02 AP Div 속성 변경하여 겹침 순서 바꾸기 ... 208
      활용예제 01 AP Div에 배경이미지 삽입하고 아이디 방식의 스타일시트 적용하기 ... 210
      Special page 외부 스타일 시트 적용하여 AP Div의 흰색 스크롤바 만들기 ... 216
section 02 AP Div 테이블 구조로 전환하기 ... 220
      활용예제 01 AP Div 레이아웃을 테이블 구조로 전환하기 ... 220
PART 08 회원가입 문서 만들기
section 01 폼에 대한 이해 ... 226
      폼(Form)이란 무엇인가? ... 226
      폼[PROPERTIES] 패널 살펴보기 ... 226
      따라하기 01 Form 정의하고 텍스트 필드를 삽입하여 로그인 문서 완성하기 ... 228
section 02 폼을 이용해 회원 가입 문서 만들기 ... 232
      사용되는 폼의 속성들 알아보기 ... 232
      따라하기 01 회원 가입 문서 직접 만들어보기 ... 235
section 03 회원 가입 문서에 스타일시트 적용하기 ... 246
      따라하기 01 스타일 시트가 적용된 회원 가입 문서 ... 246
PART 09 다이내믹 멀티미디어 웹 페이지 만들기
section 01 플래시 파일 웹 문서에 삽입해 동적인 움직임 확인하기 ... 254
      따라하기 01 플래시 무비 삽입하고 무비 배경 투명하게 만들기 ... 255
      활용예제 01 삽입된 플래시 무비의 원본 파일 수정하기 ... 259
section 02 웹 문서에 사운드를 삽입해 귀를 즐겁게 하기 ... 262
      따라하기 01 오디오 파일 삽입하고 제어하기 ... 262
section 03 웹 문서에 동영상 파일 삽입해 눈을 즐겁게 해주기 ... 267
      따라하기 01 동영상 파일 삽입하고 제어하기 ... 267
PART 10 비헤이비어를 이용한 화려한 홈페이지 만들기
section 01 비헤이비어에 대한 이해와 기능 알아보기 ... 272
      [Behavior] 패널 살펴보기 ... 272
      활용예제 01 Swap Image를 사용하여 이미지 변경하기 ... 273
      활용예제 02 Show Hide Elements를 사용하여 확대 이미지 보여주기 ... 277
      활용예제 03 Popup Message 사용하여 경고 창 띄우기 ... 280
      활용예제 04 pen Browser Window로 팝업 창 띄우기 Call javascript ... 282
      활용예제 05 Effect를 사용하여 문서 안 이벤트 공지 창이 사라지는 효과 만들기 ... 286
section 02 익스텐션에 대한 이해와 활용 방법 알아보기 ... 290
      따라하기 01 익스텐션 다운로드 알아보기 ... 284
      활용예제 01 익스텐션 설치하여 상품 갤러리 페이지 완성하기 ... 295
PART 11 빠르고 효과적인 템플릿 문서와 라이브러리 알아보기
section 01 템플릿에 대한 이해와 활용 방법 ... 300
      템플릿이란? ... 300
      [ASSETS] 패널 알아보기 ... 300
      따라하기 01 템플릿 문서 만들기 편집가능 영역 지정하기 ... 301
      따라하기 02 템플릿을 이용한 새로운 문서에 적용하기 ... 304
section 02 템플릿을 활용하는 방법 알아보기 ... 309
      활용예제 01 템플릿에 링크 설정하여 한번에 업데이트하기 ... 309
      활용예제 02 템플릿과 연결 해제하고 수정하기 ... 312
section 03 반복 작업을 편리하게 해주는 라이브러리 알아보기 ... 314
      따라하기 01 반복되는 컨텐츠를 라이브러리 등록하여 적용하기 ... 314
PART 12 웹 계정 신청하고 홈페이지 업로드하기
section 01 계정을 만들고 웹 페이지 업로드하기 ... 320
      따라하기 01 무료 웹 계정 신청하기 ... 320
      따라하기 02 드림위버의 FTP 기능으로 완성된 페이지 업로드하기 ... 325
      따라하기 03 알 FTP로 완성된 홈페이지 업로드하기 ... 328
section 02 내 홈페이지에 게시판 삽입하기 ... 331
      따라하기 01 제로보드xe 다운 받아 웹 계정에 업로드하기 ... 331
      활용예제 01 제로보드xe 설치하여 게시판 생성하고 내 홈페이지에 달기 ... 338
      따라하기 02 게시판이 생성된 홈페이지 웹 서버로 업로드하기 ... 347
section 03 익스프레스 엔진 이용하여 간편하게 홈페이지 만들기 ... 349
      따라하기 01 홈페이지의 레이아웃 스킨 다운 받기 ... 349
      따라하기 02 알FTP 프로그램을 사용하여 자신의 웹 계정에 접속해서 복사하기 ... 352
      따라하기 03 'Adobe Dreamweaver CS4' 홈페이지의 레이아웃 구성하기 ... 353
      따라하기 04 익스프레스 엔진을 이용하여 홈페이지의 레이아웃 구성하기 ... 359
      따라하기 05 홈페이지에 게시판 연결하기 ... 365
      따라하기 06 위젯 홈페이지에 설치하기 ... 369
PART 13 Spry 기능 알아보기
section 01 Spry를 활용한 샘플 만들기 ... 376
      활용예제 01 Spry Collapsible Panel 삽입하고 스타일시트로 디자인 변경하기 ... 376
      활용예제 02 Spry Menu Bar 내비게이션 삽입하고 스타일시트로 디자인 변경하기 ... 378
      활용예제 03 Spry Tabbed Panels 탭 만들고 스타일시트로 디자인 변경하기 ... 382
      활용예제 04 Spry Accordion 만들고 스타일시트로 디자인 변경하기 ... 386
      활용예제 05 Spry Data Set 만들고 테이블에 삽입하기 ... 390
부록(Appendix) 웹 표준 이해하기
   웹 표준 ... 398
      웹 접근성이란? ... 398
      웹 표준이란? ... 398
      웹 표준의 장점 ... 399
      XHTML이란? ... 399
   따라하기 01 유효성을 검사하여 XHTML 문법으로 맞게 변환하기 ... 400
   활용예제 01 DIV 태그를 이용하여 블로그 형식의 레이아웃 구성하기 ... 402
      CSS 적용 방식 ... 404
   활용예제 02 CSS 스타일 적용하여 웹페이지 꾸미기 ... 407
찾아보기 ... 413

더보기 닫기