![](https://t1.daumcdn.net/cfile/cafe/152D76174AF2F5FE1A)
- W and H : 이미지의 가로/세로 크기를 지정(기본px단위)
- Src : 이미지의 경로(상대경로/절대경로 지정
- Link : 이미지에 의해 연결되는 하이퍼링크 URL을 입력하는데 Poin to file이나 Browse..버튼을 눌러 직접 연결
- Align : 이미지의 텍스트의 정렬방법
- Alt : 이미지를 대신하여 나타낼 수 있는 대체텍스트 작성. 접근성 측면에서 ALT는 스크린리더가 음성으로 전달할 수 있는 내용
- Map Name and Hotspot tools : 이미지맵을 사용할 경우 이미지맵에 이름(=라벨)을 주고 이미지맵(사각형,원형,다각형) 작성
- V Space and H Space : 픽셀단위의 이미지 상/하, 좌/우 여백을 결정
- Target : 링크 타겟으로 연결된 페이지를 보여줄 프레임이나 윈도우창을 결정, 링크가 없을경우 사용불가. 프레임문서일 경우는 해당 프레임의 이름이 창에 나타남.
- ①_blank : 연결된 문서를 새창을 만들어 보여줌
- ②_parent : 연결된 문서를 부모창이나 부모프레임에 보여줌
- ③_self : 연결된 문서를 현재창이나 현재프레임에 보여주고, 이것이 링크타겟의 기본값이므로 생략가능
- ④_top : 프레임이나 윈도우를 무시하고 항상 최상위 프레임이나 창으로 보여줌
-
- Low Src : 이미지를 로딩할때 낮은 이미지를 보여주고, 이미지를 보여줄수 있도록 다운로드가 완료되면 실제이미지를 보여줌
- Border : 이미지의 경계선으로 px단위, 기본값은 경계선 없음
-
![](https://t1.daumcdn.net/cfile/cafe/19507B184AF2F7C387)
-
I. 이미지 삽입하기 : 메뉴 이용해보기 Insert > Image..
-
![](https://t1.daumcdn.net/cfile/cafe/174AD5194AF2F8D935)
이미지 삽입을 선택하면, 삽입할 이미지를 묻는 대화창이 나타납니다. 파일 탐색기와 같은 구조이므로 문서에 삽입하고자 하는 이미지를 찾아주시면 됩니다.
![](https://t1.daumcdn.net/cfile/cafe/184AD5194AF2F8D936)
만약, 로컬사이트가 아닌 다른 경로의 이미지를 삽입할 경우 다음 대화창을 보실수 있습니다.
![](https://t1.daumcdn.net/cfile/cafe/194AD5194AF2F8D937)
드림위버는 로컬사이트폴더와 리모트디렉터리가 같다고 생각합니다. 즉, 내PC에서 작업한 내용이 곧 홈페이지 내용이라고 인식하고 동기화(Synch)하기 때문에 정해진 폴더가 아닌 다른 경로의 이미지를 삽입할 경우 파일을 복사할것인지 물어봅니다.
II. 삽입막대 - Common 자주사용하는 여러가지 명령을 모아둔곳으로 이미지 삽입하기 버튼을 클릭
![](https://t1.daumcdn.net/cfile/cafe/184AD5194AF2F8DA38)
Image 선택시 I번 과정과 같은 대화상자가 나타나게 되고, ok 버튼을 누르면 이미지 삽입이 완료됩니다.
-
III. Asset 패널을 이용한 이미지 삽입
![](https://t1.daumcdn.net/cfile/cafe/13152E174AF2FA7132)
-
※ 이미지 삽입시 접근성(=Accessibility) 대화상자가 나타나는 경우
![](https://t1.daumcdn.net/cfile/cafe/15152E174AF2FA7233)
이미지의 경우, 엑박이 뜰때를 사용자가 불편함을 겪지 않고, 모든이가 적절한 방법으로 이미지의 내용을 읽기위한 접근성 대화상자가 나타납니다.
-
- Alternate text : 이미지를 설명할 수 있는 간단한 텍스트 입력
-
- Long description : 설명이 아주 길 경우, 설명문서를 만들어서 지정하면, 이미지 엑박시 클릭하면 설명문서를 연결
-
만약, 접근성 대화상자가 불편할 경우 환경설정의 접근성 에서 옵션을 활성화/비활성화 가능
-
카페 게시글
검색이 허용된 게시물입니다.
수업자료실
이미지 삽입하기 - 다양한 이미지 삽입방법과 속성알기
태을금화종지
추천 0
조회 127
09.11.06 01:19
댓글 0
다음검색