비디오: Dreamweaver CS5 Tutorial For Beginners 2024
Richard Wagner, Sue Jenkins
Dreamweaver CS5는 생산성과 변경을 크게 향상시킵니다. 당신이 웹 사이트를 만드는 방법. 모든 중요한 Dreamweaver CS5 키보드 단축키와 일반적인 HTML 코딩 규칙을 알고 있으면 디자이너로서의 효율성을 더욱 높일 수 있습니다. 기억하기 쉬운 키보드 단축키와 일반적인 코딩 힌트가있는 Dreamweaver 작업 영역을 찾아보다 빠르고 스마트하게 작업하고보다 쉽게 웹 사이트를 구축 할 수 있습니다.
->Dreamweaver CS5 키보드 단축키로 시간 절약
Dreamweaver CS5를 사용하면 단축키를 알면 훨씬 빨라집니다. 디자인, 분할 및 코드보기에서 이러한 키보드 단축키를 사용하여 문서를 빠르게 만들고, 편집 작업을 수행하고, 작업 영역 기능 숨기기 및 표시, 간단한 서식 적용, 코드 편집, 선택 항목 작성, Dreamweaver 도움말에 액세스, 라이브 뷰 및 브라우저에서 페이지 미리보기, 그리고 더.
| 키보드 명령 | PC 바로 가기 | Mac 단축키 |
|---|---|---|
| 새 문서 만들기 | Control + N | Command + N |
| 기존 문서 열기 | Ctrl + W | Command + W |
| 열려있는 문서 저장 |
Command + Shift + W | 끝내기 / 끝내기 Dreamweaver |
| Ctrl + Q 또는 Alt + F4 | Command + Q 또는 Opt + F4 < 실행 취소 | Ctrl + Z 또는 Alt + 백 스페이스 |
| Option + Delete | 다시 실행 | Ctrl + Y 또는 |
| Ctrl + Shift + Z | Command + Y 또는 Command + Shift + Z > 잘라 내기 | Ctrl + X 또는 |
| Shift + Delete | Command + X 또는 | Shift + Delete |
| 복사 | Ctrl + C
Command + C |
붙여 넣기 > Control + V |
| Command + V | 특수 붙여 넣기
Control + Shift + V |
Command + Shift + V
모두 선택 |
| Control + A | Command + A > 찾기 및 바꾸기 | Control + F |
| Command + F | 기본 설정 패널 열기 | Control + U |
| Command + U | 눈금자 표시 / 숨기기 | Ctrl + Alt + R |
| Command + Option + R | g 표시 / 숨기기 uides | Control +; |
| Command +; | 시각 보조 기능보기 / 가리기 | Command + Shift + I |
| 그리드 표시 / 숨기기 | Control + Alt + G | Command + Option + G |
| 페이지 속성 편집 | Control + J | Command + J |
| 디자인보기 새로 고침 | F5 | F5 |
| 선택한 텍스트를 굵게 표시 | Control + B | Command + B > 선택한 텍스트에 단락 서식 적용 |
| Ctrl + I | Command + I | 선택한 텍스트에 단락 서식 적용 |
| Ctrl + Shift + P | Command + 1 ~ 6 | 새 단락 추가 |
| Return | Return | 줄 바꿈 추가 |
| Shift + Return < Shift + Return | 줄 바꿈하지 않는 공간 삽입 | Command + Shift + 스페이스 바 |
| Command + Shift + 스페이스 바 | 오브젝트 또는 텍스트 이동 | 선택 영역을 새 위치로 드래그 |
| 위치 선택 | 개체 또는 텍스트 복사 | 선택 항목을 새 위치로 끌기 |
| 선택 항목을 새 위치로 드래그 | 단어 선택 | 두 번 클릭 |
| 두 번 클릭 | 선택 행 또는 텍스트 블록 | Triple - Control + Alt + I |
| Command + Option + I |
표 삽입 | Ctrl + Alt + T |
| Command + Option + T | 맞춤법 검사 실행 | Shift + F7 |
| Shift + F7 | 도움말 창 열기 | F1 |
| F1 | 확대 | Ctrl + = |
| Command + = < 축소 | Command + - | 기본 브라우저에서 미리보기 |
| F12 | Option + F12 | 보조 브라우저에서 미리보기 |
| Shift + F12 또는 Ctrl + F12 > Command + F12 | Alt + F11 | Option + F11 |
| JavaScript 고정 | F11 | F11 |
| 검사 | Alt + Shift + F11 | 옵션 + Shift + F11 |
| Ctrl + Alt + N | Command + Option + N | Ctrl + Shift + D |
| Command + Shift + D < Control + Shift + U | Command + Shift + U | 체크인 |
| Ctrl + Alt + Shift + U | Command + Option + Shift + U | 체크 아웃 |
| Ctrl + Alt + Shift + D | Command + Option + Shift + D | |
| 웹 디자이너는 HTML, CSS 및 JavaScript 코드를 자주 사용하지만 자주 메모리를 사용하기에 충분하지 않습니다. 다음 HTML 코드, CSS 스타일 및 JavaScript 힌트는 null 링크, 메타 태그 및 엔티티와 같은 특수 요소를 페이지에 추가 할 때 유용합니다. 코드 뷰, 속성 관리자 및 CSS 스타일 시트에서 이러한 HTML, CSS 및 JavaScript 코드 힌트를 사용하십시오. | HTML 코드 힌트 | 코드 단축키 |
| 널 링크 만들기 | # 또는 javascript:; 또는 링크: | 링크 |
| 링크 | 이름이 지정된 앵커 링크 만들기 | 대상 링크 |
| 링크 | 대상 | 와 같이 javascript: void (0) > 다른 페이지에서 이름이 지정된 앵커 링크 만들기 |
| 링크 끊기 삽입 | 창 닫기 JavaScript | 닫기 |
| 창 | x 일 메타 태그 이후에 다시 방문 | 캐시 메타 태그 없음 |
| 홈페이지에 대한 메타 링크 | Sitemap 페이지에 대한 메타 링크 | 바로 가기 아이콘에 대한 메타 링크 |
| ICO 대신 GIF를 사용하는 바로 가기 아이콘에 대한 메타 링크 | href = "favicon. gif" /> | 외부 JS 파일에 연결 |
| type ="text / javascript "> | 외부 CSS에 연결 | media ="screen " @import "css / all. CSS "; |
type = "text / css"href = "ie. css "
media ="all" />
| ALT 특성이있는 이미지 삽입 | 이미지의 빈 ALT 특성 |
|---|---|
| 빈 공간을 추가 할 엔터티 | 또는 저작권 © 또는 © 엔터티를 추가하는 엔터티 & NoScript 태그 추가 |
| … | 링크 대상
_blank _new |
| _self를 추가하려면 상표 | ™ 또는 ?? |
| 엔터티를 추가하십시오. | |
| _parent | _top
SPAN 태그가있는 CSS 사용자 정의 스타일 적용 |
| … | |
| HTML 및 JavaScript의 주석 태그 | |
| CSS의 코멘트 태그 | |
| / * 여기에 귀하의 코멘트 * / | |
| CSS 태그의 구조는 스타일 | 태그를 재 정의합니다. |
| } | |
| #ID { | 속성: 값; |
| } |
CSS 사용자 정의 스타일의 구조 |
| . 스타일 네임 { |
attribute: value;
} |
| 링크 스타일에 대한 CSS |
|
| a: 링크 { |
|
| 속성: 값; | } |
| a: 방문한 { | 속성: 값; |
| } | a: 호버 ({ 속성: 값; |
| } | a: 활성 { |
| 속성: 값;; | } |
편집자의 선택
주 부동산 법률에서 찾아내는 10 가지 사항 - 실제 인형면허 부동산 브로커 및 영업 사원은 각 주마다 시험을 치른 후에 부여됩니다. 생성되는 문제는 모든 주마다 부동산 절차, 관행 및 라이센스 법을 관리하는 자체 법률이 있다는 것입니다. 부동산법은 입법 조치 또는 법원 명령으로 계속 변화하고 있습니다. 당신의 주법을 연구하십시오! Agency Law Agency ... 
중개인 부동산 라이센스 시험 - 인형중 일부 국가에서는 중개인이 귀하를 위해 일하는 사람들을 감독하고, 그러한 사람들을 훈련 시키며, 사무실 정책을 수립하는 것을 포함하여, 부동산 면허 시험을위한 부동산 중개를 운영하는 행정적인 의무와 책임. 중개인 감독 주법은 다양 할 수 있지만 일반적으로 브로커는 부동산 중개인을 감독해야합니다. 
부동산 면허 시험에 대한 감정 기초 - 인형부동산 중개인은 부동산에 대해 알아야 함 여러 가지 이유로 가치. 하나는 부동산 면허 시험에 관한 질문입니다. 대행사는 대개 판매자가 판매를 제안 할 때 판매자가 부동산 가격을 요구하도록 도와줍니다. 구매자를 대표하는 대리인은 종종 그의 고객에게 그의 고객에게 조언합니다. 편집자의 선택
Facebook 페이지 설정 방법 - 인형귀하의 비즈니스를위한 Facebook 페이지 설정은 간단합니다! 이러한 단계를 거치면 귀하의 비즈니스는 팬을 모으고 즉시 페이스 북의 고객과 연결됩니다. http : // facebook을 방문하십시오. co.kr / pages 수많은 Facebook 페이지 목록이 나타납니다. 자신이 좋아하는 Facebook 페이지와 기타 ... 
Facebook 친구 요청을 보내고 응답하는 방법 - Facebook에서 누군가를 찾으면 인형친구로 추가하는 것은 매우 간단한 작업입니다. 장래 친구의 타임 라인 페이지로 연결되는 링크를 클릭하면 (자신이 찾고있는 사람인지 다시 확인) 이름 옆에 친구 추가 상자가 표시 될 수 있습니다. 클릭 ... 
Google 프로필 설정 방법 - 인형프로필이없는 블로그는 만들 수 없습니다. 사람들이 블로그에 얼굴을 올릴 수없는 경우 많은 신뢰를 잃게됩니다. Google은 Google+ 프로필을 할당하여이를 처리합니다. 이 프로필을 온라인 전화 카드라고 생각하십시오. 한 눈에 사람들이 쉽게 알아야합니다. 독자는 항상 ... 편집자의 선택
변형 패널을 사용하여 InDesign CS5 텍스트 프레임 조작 - 더미수동으로 이동 또는 크기 조정 가능 InDesign Creative Suite 5 텍스트 프레임 프레임의 위치 나 크기를보다 정확하게 변경하려면 대신 [변형] 패널을 사용하십시오. 창 → 오브젝트 및 레이아웃 → 변형을 선택하십시오. 변형 패널이 나타납니다. X 및 Y 텍스트 필드의 값을 변경하십시오. 프레임이 그에 따라 위쪽에서 멀리 이동합니다. 
Photoshop CS5의 커브 패널에 액세스 - 인형완벽한 이미지로 수정 한 이미지 수정 가능 곡선 패널에있는 Photoshop Creative Suite 5 기능을 사용하여 조명. 패널에 액세스하는 방법은 다음과 같습니다. 조정할 가치가있는 이미지 - 이미 완벽하지 않은 이미지 - [창] → [레이어] ([레이어] 패널이 열려 있지 않은 경우)를 선택합니다. 만들기 버튼을 클릭 한 상태로 유지하십시오. 
InDesign CS5에서 마스터 페이지 및 스프레드 사용 - 더미 페이지마스터 페이지는 페이지 레이아웃의 형식을 지정하는 데 사용되는 템플릿과 비슷합니다 여백, 열, 페이지 번호 매기기, 텍스트 프레임, 배경 이미지 및 제목과 같은 설정은 마스터 페이지가 적용되는 각 레이아웃에 적용됩니다. 단일 발행물에 둘 이상의 마스터 페이지가있을 수 있으며 ... |
