차례:
- 이러한 이미지는 Fireworks, Illustrator, Photoshop 또는 웹용으로 최적화 된 이미지를 저장할 수있는 다른 응용 프로그램에서 생성 할 수 있습니다. 최상의 결과를 얻으려면 정확히 같은 폭과 높이의 이미지를 만드십시오.
- 이미지 롤오버 삽입 대화 상자가 나타납니다.
- 이 이름은 롤오버를 만드는 스크립트에서 사용됩니다.
- 이미지 위에 누군가가 마우스 포인터를 가져 갔을 때만 이미지가 나타납니다.
- 물론, Alt 텍스트 입력란에 입력하십시오.
- 찾아보기 버튼을 클릭하여 사이트의 다른 페이지를 찾거나 URL을 입력 할 수 있습니다.
- 롤오버 이미지가 페이지에 생성됩니다.
- 버튼이나 하이퍼 링크에 사용할 실제 링크가 아직없는 경우에는 파운드 기호 (#)를 입력하여 죽은 링크를 만들 수 있습니다. 링크 또는 버튼은 클릭 할 수 있지만 클릭 할 때 아무데도 가지 않습니다. 이 옵션은 빈 스페이스를 링크로 만들 때 스페이스 바를 누르는 것보다 낫습니다. 링크를 클릭하면 페이지를 찾을 수 없음 오류가 표시되기 때문입니다.
비디오: 드림위버) 회원가입페이지 CSS설정하기 .. Dreamweaver) Adding CSS to your subscription page 2024
Adobe Dreamweaver CS6에서는 이미지 자리 표시 자, 롤오버 이미지 (뷰어를 굴릴 때 변경되는 이미지 이미지 위로 마우스 이동), 탐색 모음 및 Fireworks HTML 삽입 → 이미지 객체를 선택하여 이러한 이미지 객체에 액세스합니다. 롤오버 이미지를 만들려면 다음 단계를 따르십시오.
1 롤오버로 사용할 이미지를 만듭니다.
이러한 이미지는 Fireworks, Illustrator, Photoshop 또는 웹용으로 최적화 된 이미지를 저장할 수있는 다른 응용 프로그램에서 생성 할 수 있습니다. 최상의 결과를 얻으려면 정확히 같은 폭과 높이의 이미지를 만드십시오.
이미지 롤오버 삽입 대화 상자가 나타납니다.
3 이미지 이름 텍스트 필드에 공백없이 이미지 이름을 입력하십시오.
이 이름은 롤오버를 만드는 스크립트에서 사용됩니다.
이미지 위에 누군가가 마우스 포인터를 가져 갔을 때만 이미지가 나타납니다.
5 사전로드 롤오버 이미지 확인란을 선택합니다.
6 알맞은 설명 텍스트를 입력하십시오.
물론, Alt 텍스트 입력란에 입력하십시오.
7 Clicked When URL 텍스트 필드로 이동하여 롤오버 이미지를 클릭 할 때 Dreamweaver가 지시하는 위치를 Dreamweaver에 알려줍니다.
찾아보기 버튼을 클릭하여 사이트의 다른 페이지를 찾거나 URL을 입력 할 수 있습니다.
다른 웹 사이트에 연결하는 경우 URL 시작 부분에 http: // 접두사를 포함해야합니다. 이 항목을 비워두면 Dreamweaver에서 자동으로 죽은 링크 (#)를 추가합니다.
8 확인을 클릭하십시오.
롤오버 이미지가 페이지에 생성됩니다.
9 새 롤오버 이미지를 미리 보려면 파일 -> 브라우저에서 미리보기를 선택하거나 문서 도구 모음에서 라이브 뷰 단추를 클릭합니다.
버튼이나 하이퍼 링크에 사용할 실제 링크가 아직없는 경우에는 파운드 기호 (#)를 입력하여 죽은 링크를 만들 수 있습니다. 링크 또는 버튼은 클릭 할 수 있지만 클릭 할 때 아무데도 가지 않습니다. 이 옵션은 빈 스페이스를 링크로 만들 때 스페이스 바를 누르는 것보다 낫습니다. 링크를 클릭하면 페이지를 찾을 수 없음 오류가 표시되기 때문입니다.
