>소프트웨어 튜토리얼 >컴퓨터 소프트웨어 >웹 페이지에 드롭다운 배너를 추가하기 위한 Dreamweaver cs6 작업 튜토리얼

웹 페이지에 드롭다운 배너를 추가하기 위한 Dreamweaver cs6 작업 튜토리얼

WBOY
WBOY원래의
2024-06-01 13:57:11847검색

웹사이트를 만드는 동안 페이지의 아름다움과 상호작용성을 크게 향상시킬 수 있는 드롭다운 배너를 웹페이지에 추가하고 싶습니다. 오늘은 PHP 편집자인 Xiaoxin이 Dreamweaver CS6에 드롭다운 배너를 추가하는 방법에 대한 자세한 튜토리얼을 제공할 것입니다. 이 튜토리얼에서는 Dreamweaver CS6를 사용하여 드롭다운 배너를 만들고 사용자 정의하는 방법을 단계별로 설명하여 더욱 역동적이고 매력적인 웹 페이지를 쉽게 만드는 데 도움을 줍니다. 구체적인 단계를 알아보려면 아래를 계속 읽어보세요.

먼저 dreamweaver cs6 소프트웨어를 열고 배너를 배치할 AP 레이어를 만든 다음 표시할 콘텐츠를 삽입합니다. 여기서는 레이어의 배경색만 설정하고 이름을 id로 지정합니다.

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

그런 다음 몸체를 클릭하여 동작 창을 열고 동작 효과 마스크 추가를 클릭한 다음 팝업 대화 상자에서 방금 레이어를 선택하고 필요에 따라 속성을 선택합니다.

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

이벤트를 onload로 조정하세요. 즉, 이벤트가 열리자마자 효과가 사라집니다.

dreamweaver cs6为网页添加下拉条幅的操作教程

그런 다음 닫기 버튼을 설정하고 위에 추가한 AP 레이어에 새 중첩 레이어를 만든 다음 x 숫자를 입력합니다.

dreamweaver cs6为网页添加下拉条幅的操作教程

그런 다음 새 레이어를 선택하고 동작 창을 열고 동작 추가를 클릭한 다음 요소 표시 또는 숨기기를 선택하고 팝업 대화 상자에서 상위 레이어를 선택합니다. 이벤트를 onclick으로 조정합니다. 즉, 클릭하면 닫힙니다.

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

이렇게 배너가 설정되었으며 광고, 공지사항 및 기타 콘텐츠와 함께 배치할 수 있습니다.

위 내용은 웹 페이지에 드롭다운 배너를 추가하기 위한 Dreamweaver cs6 작업 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.