비디오: How to Create Image Slider Using HTML and CSS | Image Slideshow Tutorial 2025
Janine Warner
Adobe Dreamweaver CC를 사용하여 새 웹 사이트를 만들거나 기존 웹 사이트를 재 설계 할 수 있습니다. Creative Cloud의 약자 인 Dreamweaver CC에서는 익숙한 시작 페이지와 CSS (Cascading Style Sheets) 및 웹 글꼴을 관리하기위한 새로운 도구를 찾을 수 있습니다. 플러그 인을 설치하여 Dreamweaver를 향상 시키거나 웹 디자이너를위한 링크 목록을 열어 웹 사이트를 기교있게 만들 수 있습니다.
Dreamweaver CC 환영 화면
Dreamweaver의 사용하기 쉬운 그래픽 인터페이스와 강력한 기능 목록은 전문 웹 디자이너와 취미 애호가 사이에서 인기있는 선택입니다. 새로운 버전이 나올 때마다 Dreamweaver는 새로운 기능을 제공하지만 친숙한 시작 화면을 통해 시작하는 데 도움이됩니다.
Dreamweaver CC에 확장 기능을 설치하는 방법
Dreamweaver CC의 멋진 기능이 모두 포함되어 있어도 Dreamweaver가 프로그램과 함께 제공되는 기능으로는 할 수없는 일을 할 수 있습니다. 다행히도 Dreamweaver를 만든 프로그래머는 다른 프로그래머가 Extension Manager를 사용하여 기능을 추가 할 수있었습니다. 다음 그림과 같이 Adobe Extension 사이트에서 제공되는 다양한 타사 소스의 확장을 추가하여 새로운 기능을 추가 할 수 있습니다.
고도로 사용자 정의가 가능한 드롭 다운 및 플라이 아웃 메뉴를 추가하는 것부터 완전한 기능을 갖춘 장바구니 시스템을 만드는 것에 이르기까지 모든 것을 확장 할 수 있습니다. 그러나 모든 확장이 잘 지원되는 것은 아니며 좋은 지침이있는 것은 거의 없습니다. 그들은 모두 무료가 아닙니다. 일부 비용은 수백 달러이지만 대부분은 20 ~ 50 달러 범위입니다. Dreamweaver Exchange 사이트를 방문하면 리뷰 및 순위를 통해 최상의 옵션을 정렬하는 데 도움이됩니다.
다음 단계에서는 무료 Dreamweaver Extension을 찾고, 다운로드하고, 설치하는 방법을 볼 수 있습니다. 설치가 끝난 후 확장 기능이 어떻게 작동하는지는 크게 다를 수 있지만 Dreamweaver에 추가하는 기본 과정은 거의 동일합니다.
-
Dreamweaver Exchange 사이트를 방문하십시오.
Dreamweaver Exchange 사이트로 이동하려면 다음 중 하나를 수행하십시오.
-
비헤이비어 패널의 비헤이비어 추가 드롭 다운 목록 아래쪽에서 비헤이비어 가져 오기를 선택합니다.
-
www. 어도비 벽돌. com / exchange를 방문하여 Dreamweaver 섹션 링크를 클릭하십시오.
-
Dreamweaver 시작 화면의 오른쪽 하단에있는 링크를 클릭하십시오.
참고: Dreamweaver를 시작하고 Exchange 사이트로 연결되는 링크 대신 Dreamweaver 용 업데이트를 다운로드 할 수있는 링크를 찾으면 먼저 다운로드하여 업데이트를 설치하십시오. 작업이 끝나면 업데이트 링크가 Exchange 사이트 링크로 바뀝니다.
-
-
사용 가능한 여러 확장자를 기준으로 정렬합니다.
Dreamweaver Exchange 사이트에서 다양한 확장 기능을 사용할 수 있습니다. 광고 확장을 카테고리, 키워드 및 순위 옵션별로 검색 할 수 있습니다. Exchange 사이트에 소개 된 많은 확장 프로그램에는 제작자 사이트로 연결되는 링크가 포함되어 있습니다.이 사이트에서 더 많은 확장 프로그램을 찾을 수 있습니다.
-
확장 기능을 선택하고 기능을 검토하십시오.
Exchange 사이트의 확장 프로그램에 대한 링크를 클릭하면 시스템 요구 사항과 확장 프로그램이 디자인 된 Dreamweaver의 버전을 비롯하여 확장 프로그램에 대한 추가 정보가 제공됩니다. 일반적으로 Dreamweaver의 이전 버전 용으로 설계된 Extension은 최신 버전에서 사용할 수 있습니다. 그러나 이후 버전의 Dreamweaver 용으로 설계된 Extension은 일반적으로 이전 버전의 프로그램에서는 작동하지 않으며 일부 확장은 Windows 플랫폼에서만 작동합니다.
확장 프로그램 페이지를 떠나기 전에 시간을내어 페이지 중간의 특별 지시 사항을 읽으십시오. 일부 Extension에는 Dreamweaver 인터페이스가 설치된 후 Dreamweaver 인터페이스에서 새 기능을 발견하는 위치와 확장 기능의 일부 기능이 라이브 웹 서버에서 미리 볼 때만 작동한다는 경고와 같은 중요한 정보가 포함되어 있습니다 (임의 이미지 확장, 예).
-
확장 프로그램을 다운로드하려면 다운로드 버튼 (무료 확장 프로그램 용) 또는 확장 프로그램 이름 옆에있는 구입 버튼을 클릭하고 확장 프로그램을 하드 드라이브에 저장하십시오.
익스체인지에서 익스텐션이 호스팅되는 방식에 따라, 다운로드를 다시 클릭하여 익스텐션을 다운로드해야하는 다른 페이지로 리디렉션 될 수 있습니다.
-
도움말 → 확장 관리를 선택하여 설치 대화 상자를 엽니 다.
대부분의 확장 프로그램에서는 설치하기 전에 Dreamweaver를 닫아야하며, 대부분은 버튼 클릭만으로 설치됩니다. Dreamweaver의 Extension Manager가 자동으로 실행되어 대부분의 Extension을 설치합니다.
-
확장 관리자 대화 상자에서 파일 → 확장 설치를 선택한 다음 드라이브를 찾아 다운로드 한 확장 파일을 선택하십시오.
설치가 완료되면 Dreamweaver에 확장 프로그램 사용 지침이 표시됩니다. 이러한 지침은 일반적으로 Exchange 사이트의 페이지 중간에 포함 된 지침과 동일합니다.
새로 설치된 확장 프로그램을 어디에서 찾을 수 있는지 안내하는 지침 부분에 특별한주의를 기울이십시오. 확장 기능은 기능, 프로그래머가 설정 한 방법에 따라 메뉴, 대화 상자 및 Dreamweaver의 다른 부분에 추가 될 수 있습니다. 찾을 곳을 모를 경우 찾기가 어려울 수 있습니다.
-
Dreamweaver를 시작하고 새 확장 기능을 제어하는 새로운 메뉴 옵션, 버튼 또는 기타 인터페이스 기능을 찾습니다.
대부분의 경우 기존 페이지를 열거 나 Dreamweaver에서 새 페이지를 만든 다음 새로 추가 된 대화 상자를 열거 나 메뉴에서 새 옵션을 선택하기 만하면됩니다.
Adobe는 Exchange 사이트를 지속적으로 업데이트하고 있습니다. Dreamweaver 링크는 www. 어도비 벽돌. co.kr / exchange. 정기적으로 방문하여 Dreamweaver의 기능을 향상 시키려면 다운로드하여 설치할 수있는 새로운 확장 프로그램을 찾으십시오.
웹 디자이너를위한 웹 사이트 및 리소스
숙련 된 웹 디자이너 라 할지라도 자신의 기술을 따라 잡고 웹 사이트에 특별한 기능을 추가 할 수있는 온라인 리소스를 참조하십시오. 다음 웹 사이트를 통해 웹 디자인 프로젝트에 도움이되는 자료를 쉽게 찾을 수 있습니다.
-
애널리틱스 및 트래픽보고 서비스:
-
Google 애널리틱스
-
Yahoo! 웹 분석
-
HubSpot
-
-
오디오 호스팅 및 비디오 호스팅 서비스:
-
YouTube
-
Vimeo
-
SoundCloud
-
-
인기있는 웹 브라우저:
-
Apple Safari
-
Google 크롬
-
Microsoft Internet Explorer
-
Mozilla Firefox
-
Opera
-
-
소셜 미디어 공유 서비스
-
추가
-
Lockerz Share
-
-
웹 브라우저 테스트 서비스:
-
BrowserShots
-
크로스 브라우저 테스트
-
Xenocode 브라우저 샌드 박스
-
-
웹 글꼴 서비스:
-
Adobe Typekit
-
글꼴 다람쥐
-
Google 웹 글꼴
-
-
Dreamweaver, SEO 및 웹 디자인에 대한 정보 Adobe Dreamweaver 개발자 센터
-
DigitalFamily의 저자 인 Janine Warner의 웹 디자인 교육. com
-
SearchEngineLand
-
SearchEngineWatch
-
웹 사이트 매거진
-
