비디오: Dreamweaver CS5 Tutorial For Beginners 2025
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: 활성 { |
속성: 값;; | } |
![]() |