초보부터 전문가까지 Dreamweaver CS5 디렉토리
1부: 시작하기
이 기사에서는 Dreamweaver CS5의 미스터리를 밝히고 웹 사이트 제작에 대한 놀라운 학습 여정을 시작하게 될 것입니다.
1장 웹 페이지와 웹사이트의 기본 지식 2
이 장의 동영상 교육 동영상: 45분
천 마일의 여행은 단 한 발로 시작됩니다. 단계. 이 장에서는 웹 페이지와 웹 사이트에 대한 기본 지식을 소개하고 향후 웹 사이트 개발을 위한 탄탄한 기반을 마련합니다.
1.1 웹페이지 및 웹사이트 이해 3
1.2 웹페이지 관련 개념 5
1.3 웹페이지 HTML 구성 7
1.4 공통 HTML 태그 9
1.5 종합 연습 - 일정 만들기 19
스승님의 개인 요리 22
팁: 전체 사이트 저장 22
2장 1장 Dreamweaver CS5 소개 24
이 장의 비디오 교육 비디오: 50분
Dreamweaver CS5는 현재 가장 인기 있는 웹 디자인 도구입니다. 이 소프트웨어를 마스터하고 능숙하게 적용하면 웹 페이지를 쉽게 디자인할 수 있습니다.
2.1 Dreamweaver CS5 25 시작
2.2 Dreamweaver CS5 28의 작업 환경
2.3 CS5 29의 새로운 기능 경험하기
2.4 사이트 만들기 34
2.5 사이트 관리 36
2.6 사이트 파일 및 폴더 운영 38
2.7 종합 실습 1 - 로컬 사이트 만들기 40
2.8 종합 실전 전투 2 - 사이트 파일 및 폴더 만들기 41
주인의 개인 주방 42
팁: Dreamweaver 편집 창 사용자 정의 42
No.2 정적 웹 페이지
이제 수련 실습이 완료되었으니 웹 페이지 제작 방법을 배워 보겠습니다. 웹 페이지 제작의 본질과 신비를 경험해 보세요.
제3장 웹 페이지 편집 45
이 장의 동영상 교육 동영상: 2시간 43분
책이 각 페이지로 구성되는 것처럼 웹사이트 역시 여러 개의 웹페이지로 구성되어 있습니다. 웹사이트 디자인의 기본은 모든 페이지를 디자인하는 것입니다. 이 장에서는 웹 페이지의 디자인과 편집을 소개합니다.
3.1 기본 문서 작업 46
3.2 텍스트 속성 설정 51
3.3 이미지로 웹페이지 꾸미기 61
3.4 링크 만들기 72
3.5 종합 실전 1 - 일러스트와 텍스트로 웹페이지 만들기 82
3.6 종합 실전 2 - 네비게이션 바 만들기 83
3.7 종합 실전 전투 3 - 웹사이트 링크 짜기 84
전문가의 개인 주방 85
팁 1: 다양한 해상도를 사용하여 웹페이지 보기 85
팁 2: 외부 이미지 설정 편집기 86
4장 표 형식 웹 페이지 레이아웃 87
이 장의 비디오 교육 비디오: 1시간 17분
웹 페이지에 표 레이아웃을 사용하면 다음을 수행할 수 있습니다. 페이지의 내용을 통일되고 깔끔하게 만듭니다.
4.1 표 삽입 88
4.2 셀에 내용 추가 89
4.3 표 속성 설정 90
4.4 기본 표 작업 92
4.3 p>
4.5 종합 실전 1 - 표를 사용하여 페이지 레이아웃 100
4.6 종합 실전 2 - 웹 페이지 모서리가 둥근 테이블 만들기 105
주인의 개인 주방 107
p>
p>
팁 1: '확장 표' 모드를 사용하여 표 보기 107
팁 2: 표 테두리 및 너비 설정 팁 107
5장 프레임을 사용하여 독특한 웹페이지 만들기 108
이 장의 동영상 교육 동영상: 41분
프레임은 캐비닛의 칸막이와 같으며 웹페이지를 여러 영역으로 나눌 수 있습니다. , 각 영역에는 다른 내용이 표시됩니다. 이렇게 하면 페이지의 의미와 형식이 크게 풍부해집니다.
5.1 프레임 구조 이해 109
5.2 프레임 생성 109
5.3 프레임 및 프레임셋 파일 저장 112
5.4 프레임 선택 프레임 및 프레임 세트 114
5.5 프레임 및 프레임 세트 속성 설정 115
5.6 종합 연습 1 - 왼쪽 및 오른쪽 구조 프레임 생성 116
5.7 종합 연습 2—플로팅 프레임 웹페이지 만들기 118
마스터의 개인 요리 119
팁: 하위 프레임 웹페이지 별도로 보기 119
6장 웹페이지 스타일 만들기 - CSS 120
이 장의 비디오 교육 녹화: 1시간 48분
CSS(Cascading Style Sheets)를 통해 웹사이트 각 페이지의 레이아웃과 스타일을 쉽게 제어할 수 있습니다. .
6.1 CSS 사용 방법 121
6.2 CSS 스타일 속성 정의 123
6.3 CSS 스타일 편집 132
6.4 CSS 필터 133
6.5 종합적인 실전 전투 1 - 웹 페이지 스타일 및 테두리 정의 143
6.6 종합적인 실전 전투 2 - 웹 페이지의 링크 스타일 설정 145
주인의 개인 주방 146
팁 1: CSS 글꼴 약어 규칙 146
팁 2: 속성의 기본값 정의 147
7장 CSS Div를 사용한 유연한 페이지 레이아웃 148
이 장의 비디오 교육 녹화: 45분
CSS Div를 사용하면 페이지에서 각 페이지 요소의 정확한 위치를 제어할 수 있습니다. CSS Div의 사용법을 익히는 것은 웹 디자인의 마법의 브러시를 얻는 것과 같으며, 미적 특성과 디자인 개념을 마음껏 보여줄 수 있습니다!
7.1 Div 입력 149
7.2 CSS 위치 지정 및 Div 레이아웃 150
7.3 CSS Div 레이아웃의 일반적인 방법 155
7.4 종합 실용 전투 1 - 고정 너비 및 중앙 레이아웃 157
7.5 포괄적인 실용 전투 2 - 왼쪽-가운데-오른쪽 형식 163
주인의 개인 주방 166
팁 1 : 하이퍼링크의 점선 제거 166
팁 2: 고정 너비 페이지 중앙에 배치 166
8장 CSS Div의 일반적인 사용법 167
동영상 교육 영상 이 장의 내용: 21분
CSS Div를 유연하게 사용하여 다양한 웹페이지 스타일을 구현하세요. 이 장에서는 일반적으로 사용되는 몇 가지 스타일을 소개합니다.
8.1 CSS Div 168의 중국 고전 스타일 적용
8.2 CSS Div 172의 유럽 및 미국 스타일 적용
8.3 일본 및 한국 스타일 적용 CSS Div 176
주인의 개인 주방 182
팁: CSS 양을 줄이는 방법 182
9장 AP Div 요소를 사용하여 페이지 레이아웃하기 184
이 장의 비디오 튜토리얼 비디오: 1시간 4분
웹 디자인에는 디자이너에게 유연한 사고와 자유로운 영감이 필요합니다. 페이지 레이아웃을 위한 AP Div의 도움으로 웹 페이지에 생생한 요소(예: 떠다니는 광고 이미지 등)를 추가하여 스마트하고 풍부한 페이지 효과를 얻을 수 있습니다.
9.1 기본 AP Div 작업 185
9.2 AP Div 매개변수 설정 및 중첩된 AP Div 189
9.3 AP Div와 표 간의 변환 190
9.4 종합 실전 1 - AP Div를 사용하여 드롭다운 메뉴 만들기 192
9.5 종합 실전 2 - AP Div를 사용하여 스크롤 막대 효과 만들기 193
전문가 개인 주방 195
p>팁 1: 텍스트를 영리하게 복사 195
팁 2: AP Div의 과도한 사용을 피하세요 195
팁 3: 브라우저 호환성 고려 195
10장 웹 요소를 사용하여 웹 페이지를 아름답게 만들기 196
이 장의 비디오 교육 비디오: 47분
플래시 애니메이션, 사운드, 비디오, 페이지를 더 이상 단조롭지 않게 만들기 위해 웹 페이지에 등을 추가합니다.
10.1 가로줄 삽입 197
10.2 날짜 삽입 198
10.3 특수문자 삽입 199
10.4 플래시 개체 삽입 199
10.5 충격파 애니메이션 삽입 202
10.6 사운드 삽입 203
10.7 기타 멀티미디어 개체 삽입 204
10.8 종합 연습 - 투명 플래시 배경 삽입 205
주인의 개인주방 206
팁 1: FLV 파일 보는 방법 206
팁 2: 삽입된 Active를 정상적으로 표시하는 방법 206
동적 웹 페이지의 3가지 기사
웹 사이트가 아무리 아름답더라도 동적 상호 작용 기능이 없으면 얇고 단순해 보일 것입니다. 동적 데이터베이스 웹사이트를 이용하면 사용자와 소통하고 교류할 수 있습니다.
11장 동적 웹 페이지 만들기 - 양식을 사용하여 대화형 웹 페이지 만들기 208
이 장의 비디오 교육 녹화: 1시간 18분
일부에서는 홈페이지, 사용자 등록 또는 로그인이 필요하며, 이는 양식 기능을 통한 컨텐츠 입력 및 제출이 필요합니다. 양식은 웹사이트와 사용자 간의 의사소통을 위한 "다리"라고 할 수 있습니다.
11.1 양식 필드 만들기 209
11.2 텍스트 필드 삽입 209
11.3 체크박스 및 라디오 버튼 212
11.4 목록 및 메뉴 214
11.5 점프 메뉴 사용 217
11.6 버튼을 사용하여 양식 활성화 217
11.7 숨겨진 필드 및 파일 필드 사용 220
11.8 종합 실전 전투 - 방명록 만들기 221
전문가의 개인 주방 224
팁 1: 브라우저에서 양식이 정상적으로 표시되는지 확인하는 방법 224
팁 2 : 점프 메뉴를 사용하여 새 창 열기 224
12장 단조로움에 작별 인사 - 행동으로 페이지를 풍부하게 225
이 장의 비디오 교육 비디오: 47분
비헤이비어를 사용하면 제작자는 프로그래밍 없이 양식 확인, 브라우저 창 열기 등과 같은 일부 프로그램 동작을 구현할 수 있습니다. 이를 통해 웹 페이지 제작의 어려움을 크게 줄일 수 있습니다.
12.1 애플리케이션 동작 226
12.2 표준 이벤트 227
12.3 표준 동작 229
12.4 종합 연습 1 - 점프 메뉴 생성 239
12.5 종합 실전 전투 2 - 드래그 AP 요소 240
주인의 개인 주방 241
팁 1: 더 많은 동작 다운로드 및 사용 241
p>팁 2: 템플릿을 사용하여 생성된 웹 페이지에 동작 추가 242
13장 금상 - JavaScript로 웹 페이지 장식 243
이 장의 비디오 교육 비디오: 43 분
JavaScript를 사용하면 불꽃놀이 개화 효과, 마우스 포인터 다음에 텍스트나 그림이 이어지는 등 웹페이지에서 다채로운 효과를 얻을 수 있습니다. 이 장에서는 JavaScript의 언어 기본 및 사용 기술을 소개합니다.
13.1 JavaScript 첫 소개 244
13.2 JavaScript 언어의 기초 245
13.3 Dreamweaver CS5에서 JavaScript 작동 254
13.4 종합 실전 1 ——마우스 텍스트 다음 255
13.5 종합 실전 2-폭죽 효과 클릭 258
13.6 종합 실전 3-홈페이지로 설정 및 즐겨찾기 추가 261
13.7 종합 실전 4 - 카운트다운 카드 262
전문가의 개인 주방 263
팁 1: 케이스 매칭을 효과적으로 방지하는 방법 263
팁 2 : 이를 방지하는 방법 다중 조건 수준 263
14장 동적 웹사이트 개발 준비 264
이 장의 비디오 교육 녹화: 20분
동적 웹사이트 = 정적 웹사이트 데이터 상호작용 기능. 이름에서 알 수 있듯이 동적 웹사이트는 데이터베이스를 통해 페이지에 표시되는 데이터를 쉽게 관리할 수 있습니다. 이 장에서는 동적 웹사이트 개발의 기본을 소개합니다.
14.1 ASP 기초 265
14.2 IIS 서버 구성 265
14.3 데이터베이스에 연결 268
14.4 종합 실습 - 메시지 보드 웹사이트 작동 테스트 271
전문가의 사생활 요리 272
팁 1: IIS 272 제거 방법
팁 2: 인터넷 옵션 설정 273
15장 데이터베이스에 연결된 동적 웹사이트 - 투표 시스템 274
이 장의 교육 동영상: 25분
이 장에서는 Dreamweaver의 시각적 작동을 사용하여 다음과 같은 연결을 구현합니다. 투표 시스템 설계의 데이터베이스 및 동적 페이지 코드.
15.1 웹사이트 운영 환경 구축 275
15.2 시스템 분석 276
15.3 투표 페이지 디자인 277
15.4 코드 디자인 279
p>
p>
15.5 투표 시스템 테스트 283
전문가의 개인 요리 283
팁 1: 테스트 서버 설정 283
팁 2: 웹페이지에 메모 추가 284
파트 4: 웹사이트 게시 및 유지 관리
웹사이트를 만드는 것은 사용자가 탐색하고 볼 수 있도록 웹사이트를 온라인에 게시하는 것이 아닙니다. 의사소통은 우리 웹사이트의 원래 의도입니다. 이 문서에서는 웹 사이트 게시 및 보안 유지 관리 방법과 기술을 소개합니다.
16장 다른 사람에게 내 결과 검색 허용 - 웹사이트 게시 286
이 장의 동영상 교육 동영상: 25분
로컬에서 웹사이트를 완성한 후 웹사이트에서 다음을 수행할 수 있습니다. 인터넷 사용자가 탐색할 수 있도록 원격 서버에 업로드됩니다. 전체 과정에는 도메인 이름 등록, 공간 신청, 웹사이트 테스트, 웹사이트 업로드가 포함됩니다.
16.1 웹사이트 업로드 전 준비 작업 287
16.2 웹사이트 테스트 288
16.3 종합적인 실전 전투 1 - Dreamweaver를 사용하여 웹사이트 업로드 291
16.4 종합적인 실전 전투 2 - FTP 도구를 사용하여 웹사이트 업로드 292
주인의 개인 주방 293
팁 1: 파일을 올바르게 업로드하기 293
Tip 2: 웹 페이지 자동 종료 293
17장 견고한 요새 구축 - 웹사이트 유지 관리 및 보안 294
이 장의 비디오 교육 녹화: 34분
웹사이트에 업로드한 후에는 웹사이트를 유지 및 업데이트하고 컴퓨터 네트워크상의 바이러스가 웹사이트에 침입하는 것을 방지하며 웹사이트의 안전한 운영 환경을 구축하는 것도 필요합니다.
17.1 웹사이트를 유지하는 방법 295
17.2 웹사이트 조회수 확인 296
17.3 공격 유형 이해 298
17.4 보안 활용 리소스 301
17.5 방화벽 사용 304
17.6 네트워크 보안 솔루션 308
주인의 개인 주방 309
팁: 방화벽을 개선하는 방법 웹사이트의 인기 309
제5실습장
배운 내용을 적용할 목적이 없으면 종이에 그냥 이야기하는 것은 의미가 없습니다. 실제 웹사이트 빌더는 자신의 웹 디자인 기술과 방법을 다른 사람에게 보여줄 필요가 없습니다. 그들이 정말로 PK를 원한다면 웹사이트 개발에서 그들의 진정한 기술을 보여주세요!
18장 개인 웹사이트 개발 311
이 장의 비디오 교육 녹화: 45분
우리가 배운 웹사이트 제작 지식을 사용하여 우리는 우리의 목표에 따라 다음을 수행할 수 있습니다. 자신의 필요에 따라 인터넷에 집을 마련하여 자신의 개성을 보여주세요.
18.1 홈페이지 사전 준비 312
18.2 로컬 사이트 만들기 313
18.3 홈페이지 만들기 313
주인님의 개인 주방 328
팁 1: 사람들이 귀하의 웹사이트를 좋아하게 만드는 방법 328
팁 2: 웹사이트의 혁신을 향상시키세요 328
19장 상업용 웹사이트 개발 329
p>
본 장의 동영상 교육 영상: 59분
성공하는 기업은 웹사이트를 활용하여 기업 정보와 제품 정보를 최대한 빠르게 전 세계에 홍보하고 전시할 수 있으며, 이는 또한 고객에게 큰 혜택으로 회사 웹사이트에서 가장 최신의 직접적인 정보를 편리하게 얻을 수 있도록 도와주세요.
19.1 홈페이지 사전 준비 330
19.2 로컬 사이트 제작 331
19.3 도서관 웹페이지 제작 331
19.4 템플릿 제작 339
19.5 템플릿을 사용하여 웹페이지 만들기 345
전문가의 개인 요리 348
팁 1: 상업용 웹사이트 기획 시 흔히 발생하는 문제 348
팁 2 ：상업용 웹사이트 콘텐츠 부족 처리 348
20장 동적 웹사이트 개발 - 온라인 쇼핑몰 349
이 장의 비디오 교육 비디오: 38분
현재 타오바오와 같은 웹사이트에서 쇼핑하는 사용자가 점점 더 많아지고 있습니다. 이번 장에서는 이러한 쇼핑 웹사이트(온라인 쇼핑몰)의 발전을 소개하겠습니다.
20.1 웹사이트 구조 설계 350
20.2 데이터베이스 구조 설계 351
20.3 회원 관리 모듈 352
20.4 온라인 쇼핑 모듈 361
20.3 p>
p>
전문가의 개인 주방 373
팁 1: 외부 프로그램을 참조하여 반복 기능 구현 373
팁 2: 세션을 활용하여 사용자 쇼핑 정보 저장 374
6장: 스승의 비밀
마스터가 웹사이트를 만드는 방법은 다음과 같습니다.
21장 즐거운 웹사이트 만들기 - 컬러 매칭 376
이 장의 동영상 교육 동영상: 42분
웹사이트 컬러 매칭은 웹사이트 디자인에서 매우 중요합니다. 가장 직관적인 시각적 언어인 좋은 색상을 적용하는 이 링크는 아름다운 웹사이트를 만들기 위한 기본 전제조건입니다.
21.1 색상을 잘 활용하여 웹페이지 디자인하기 377
21.2 웹페이지 색상 맞추기 379
21.3 웹페이지 색상 매칭이 훌륭하다 384
21.4 웹 디자인 예술적 가공의 원리 385
주인의 개인 주방 387
팁 1: 시선을 끌 수 있는 색상을 사용하세요 387
팁 2: 비색상 매칭 기술 사용 387
22장 다목적 웹사이트 구축 - 다양한 실용적인 도구 추가 388
이 장의 비디오 교육 비디오: 11분
웹사이트를 만든 후 일반적으로 사용되는 몇 가지 도구를 추가하여 웹사이트의 기능을 강화할 수 있습니다.
22.1 웹사이트에 바이두 및 구글 검색 추가 389
22.2 웹사이트에 비디오 플레이어 추가 389
22.3 다중 메일함 로그인 기능 추가 390< /p >
22.4 실용적인 쿼리 도구 추가 391
전문가의 개인 요리 392
팁 1: 비디오 플레이어를 올바르게 추가 392
팁 2: 구현 Dreamweaver와 IE의 조합 392
23장 클릭률 높이기 - 웹사이트 최적화 및 홍보 394
이 장의 교육 영상: 14분
제작 웹사이트 이후에는 더 많은 사람들이 해당 웹사이트를 알고 방문할 수 있도록 검색 엔진에서 해당 웹사이트의 순위를 높이는 홍보도 필요하며 이를 통해 경제적 이익도 창출되어야 합니다.
23.1 웹사이트 홍보 395
23.2 SEO 검색엔진 최적화 397
23.3 웹사이트를 수익성 있게 만드는 방법 399
주인의 개인 주방 400
p>
팁 1: 온라인 프로모션을 위한 마법의 키워드 400
팁 2: 검색 엔진에 영향을 미치는 순위 요소 400
선물 리소스(CD) )
선물 1: 대형 ASP 웹사이트 소스 코드 및 작업 지침
선물 2: 멋진 CSS Div 레이아웃 감상
선물 3: 멋진 웹사이트 색상 스킴 감상
선물 리소스 4. 선별된 JavaScript 예시
선물 리소스 5. 웹페이지 제작에 대한 자주 묻는 질문과 답변
선물 리소스 6. 자주 사용하는 단축키 Dreamweaver CS5용 키
선물 리소스 7. 색상 코드 쿼리 테이블
선물 리소스 8: 색상 영어 이름 쿼리 테이블
선물 리소스 9: Photoshop 예제 효과 갤러리 (21개 카테고리 500개)