이름에서 알 수 있듯이 "자리 표시자 그래픽"은 최종 그래픽이 웹 페이지에 추가될 준비가 될 때까지 사용되는 임시 그래픽입니다. 이를 사용하면 이상적인 그래픽 없이 미리 웹 페이지를 만들 수 있습니다. 먼저 "영토"를 "점유"하기 위해 그래픽이 필요한 곳에 자리 표시자 그래픽을 삽입하세요.
(1) 자리 표시자 그래픽 삽입
그래픽을 삽입하려는 위치에 커서를 놓고 삽입 > 이미지 자리 표시자를 선택합니다.
그림과 같이 이미지 자리 표시자 대화 상자가 나타납니다.
다양한 매개변수를 설정한 후 "확인"을 클릭하여 그림과 같이 자리 표시자 그래픽을 페이지에 삽입합니다.
그림:
이름과 크기는 위에 표시되어 있습니다. 소스 코드를 살펴보면 빈 src 속성이 포함된 이미지 태그가 추가된 것을 발견했습니다.
(2) 자리 표시자 그래픽 교체
1. 페이지를 디자인한 후에는 자리 표시자 그래픽을 교체하기 위해 올바른 그래픽을 사용해야 합니다. DreamweaverMX(줄여서 DWMX)에서 자리 표시자 그래픽을 선택하고 속성 패널을 열고 "만들기" 버튼을 클릭합니다. 그런 다음 DWMX는 FireworksMX(줄여서 FWMX)를 시작하고 그래픽 디자이너의 "제작"을 기다리는 자리 표시자 그래픽과 동일한 크기의 빈 캔버스를 자동으로 만듭니다.
2. FWMX에서 필요한 그래픽을 생성하고 최적화한 후 캔버스 상단의 "마침" 버튼을 클릭합니다.
나타나는 "다른 이름으로 저장" 대화 상자에서 보관된 png 파일에 파일 이름을 지정하고 저장합니다(이렇게 하면 나중에 수정하기가 더 쉬워집니다). 팝업되는 "내보내기" 대화 상자에서 관련 설정을 지정하고 "저장"합니다. 파일.
3. DWMX로 전환하면 자리 표시자 그래픽이 교체된 것을 확인할 수 있습니다. 코드를 살펴보면 그림과 같이 src의 주소가 자동으로 삽입되고 나머지 크기, alt 및 기타 매개 변수는 그대로 유지되는 것을 발견했습니다.
하하, 정말 편리하지 않나요? 여기에서 우리는 "삼총사"의 협력이 정말 타의 추종을 불허한다는 것을 알 수 있습니다!
(3) 주의가 필요한 사항
FWMX에 핫스팟이 그려지고 링크가 추가되면 FWMX는 DWMX의 이미지 자리 표시자에 추가된 링크를 제거하지 않지만 FWMX의 이미지에 슬라이스를 그리면 자리 표시자가 대체됩니다. 그릴 때 DWMX 문서.