Dreamweaver 4 간결한 튜토리얼(5. 웹페이지를 더욱 아름답게 만들기 2부)
저자:Eve Cole
업데이트 시간:2009-05-30 18:36:08
사진 처리
이제 다음 그림을 삽입한다고 가정합니다.
사진을 클릭하고 속성 패널(Ctrl+F3)을 열면 아래와 같이 상태를 볼 수 있습니다.
1. 사진의 썸네일과 사진의 크기.
2. 사진의 길이와 너비. 사진이 너비보다 길고 원본 사진의 크기와 일치하지 않는 경우 여기의 숫자가 굵게 표시됩니다. 사진을 클릭하면 사진이 표시됩니다. 프레임과 세 개의 점으로 덮여 있습니다. 각 점은 그림을 세 가지 다른 방향으로 늘려 확대 및 축소 효과를 나타냅니다. Shift 키를 누른 채 모서리의 점을 드래그하여 너비를 유지합니다. 아래와 같이 그림의 높이 비율을 늘립니다. 사진을 원래 크기로 복원하려면 속성 패널 오른쪽 하단에 있는 "크기 재설정" 버튼을 누르세요.
3. Src는 사진의 위치이고 Link는 해당 사진에 해당하는 하이퍼링크이므로 다음 두 버튼이 비어있습니다. , 전자는 화살표를 뽑아 폴더에 있는 특정 파일에 대한 그림이나 링크를 직접 가리킬 수 있는 반면, 후자는 특정 파일을 찾기 위해 전통적인 방법에 따라 폴더를 여는 것입니다. 거의 사용되지 않습니다. 대상은 링크가 열리는 방식입니다. 링크 설정 및 주의사항은 추후 소개하겠습니다.
4. 정렬: 이미지 정렬입니다. 가장 기본적인 웹 페이지 레이아웃 방법 중 하나입니다. 직접 디버깅할 수 있으므로 여기서는 자세한 내용을 참조하세요.
http://www.goeway.com/web/dreamweaver/series/bighead/align.htm;
Alt: 사진에 대한 설명입니다. 여기에 "나는 오랑우탄입니다. 내가 누구를 두려워합니까?"라고 입력하면 탐색할 때 사진 위로 마우스를 이동하면 이러한 설명을 볼 수 있습니다.
테두리: 그림 테두리의 너비입니다. 예를 들어 10을 입력합니다.
5. 그림을 왼쪽, 중앙, 오른쪽으로 배치하세요. Word를 사용해 본 적이 있으면 낯설지 않을 것입니다.
6. 지도: 사진의 여러 영역에 여러 개의 서로 다른 링크를 만드는 데 사용됩니다. 링크를 설정하는 방법도 나중에 설명하겠습니다.