집 > 기사 > 웹 프론트엔드 > Dreamweaver에서 간단한 탐색 버튼을 디자인하는 방법에 대한 튜토리얼

Dreamweaver에서 간단한 탐색 버튼을 디자인하는 방법에 대한 튜토리얼

小云云원래의: 2018-05-19 16:20:414216검색

이 문서에서는 Dreamweaver에서 간단한 탐색 버튼을 디자인하는 방법을 설명합니다. 일반적으로 웹 페이지에는 탐색 표시줄이나 탐색 버튼이 있습니다. 탐색 버튼을 만드는 방법은 무엇입니까? 아래에서 자세한 제작 방법을 살펴보겠습니다. 도움이 필요한 친구들이 참고할 수 있으면 좋겠습니다.

웹페이지를 디자인할 때 네비게이션 버튼을 추가하고 싶다면 어떻게 만들어야 할까요? Dreamweaver를 사용하여 탐색 버튼을 디자인하는 방법에 대한 튜토리얼을 살펴보겠습니다.

소프트웨어 이름:
Adobe Dreamweaver CC 2017 v17.0 중국어 크랙 버전(크랙 패치 + 설치 튜토리얼 포함) 64비트
소프트웨어 크기:
758MB
업데이트 시간 :
2016-11-05

1. Dreamweaver 소프트웨어 애플리케이션을 엽니다. 인터페이스는 아래 그림과 같습니다.

2. "파일" 메뉴를 열고 드롭다운 메뉴에서 "새로 만들기(N)"를 찾거나 단축키 "ctrl+n"을 사용하여 새 HTML 문서를 직접 만듭니다.

3. 새로 생성된 html 파일에서 '분할' 모드를 클릭했더니 왼쪽에 코드가 표시되고 오른쪽에 효과가 표시됩니다. 왼쪽은 미리보기, 오른쪽은 미리보기입니다.

4. Dreamweaver cs6에는 내비게이션 바 객체가 삽입되어 있지 않으며, 여기에는 spry 메뉴 바가 사용되어 조작이 더 편리합니다. 아래 그림과 같이 메뉴에서 "삽입" - "레이아웃 개체" - "spry menu bar"를 찾으세요.

5. "위젯을 삽입하기 전에 이 문서를 저장하세요" 대화 상자가 나타나면 아래 그림과 같이 "확인"을 클릭하세요.

6. 필요에 따라 원하는 형식을 선택합니다. 여기서는 기본 옵션을 사용한 다음 "확인"을 선택합니다.

7. 파란색 영역을 클릭하여 속성 대화 상자 패널을 불러온 다음 패널에서 메뉴 매개변수를 설정하세요. 아래 그림과 같습니다.

8. 아래와 같이 효과를 미리 보려면 "f12"를 누르세요. 이것은 가장 기본적인 작업일 뿐입니다. 더 아름다운 것을 원한다면 스타일을 추가해야 합니다.

Dreamweaver에서 간단한 탐색 버튼을 디자인하는 방법에 대한 튜토리얼

관련 기사