목록만들기


시작번호 바꾸기

    • 시작번호에 시작할 번호를 입력하면 목록이 만들어 질 때 설정한 번호가 첫번째로 매겨짐니다.
    • 다른 페이지에서 리스트를 연결하거나 같은 페이지에서 연결되지 않은 새로운 목록에 시작 번호를 바꿔 연결된 것처럼 사용합니다.

링크 사용하기


LINK

문서와 문서, 도는 사이트와 사이트 등 정확한 주소를 입력하여 연결을 걸어주는 것을 말합니다.

<a href="http://www.f1motors.co.kr>F1MOTORS로 이동하기</a>


link 걸기

속성창 링크 부분에 파일의 이름 또는 주소를 입력합니다.
작업중인 문서와 같은 폴더에 저장 된 경우 파일 명만 입력하고 다른 폴더에 있는 문서와 링크를 걸 경우에는 경로를 정확히 입력합니다.

E-mail link

보통 관리자에게 전자우편을 보낼 수 있도록 하는 링크로 mailto:라고 입력 후에 전자 우편 주소를 입력합니다.

삽입 패널의 전자우편 항목을 선택하여 사용 할 수 있습니다.



이미지를 삽입하고 링크 설정하기


이미지 삽입

    메뉴 - 삽입 - 이미지

    삽입패널 - 이미지

W와 H : 이미지의 가로와 세로의 크기를 보여주고 조절 할 수 있습니다.

Src : 삽입된 이미지의 경로와 파일명이 보여집니다.

제목 : 브라우저에서 마무스가 이미지로 위로 올라갔을 때 말풍선으로 보여지는 이미지의 제목을 말합니다.

그림 설명 : 미미지가 삭제 되거나, 경로 설정이 잘 못 되어 브라우저에서 이미지를 볼 수 없을 때 보여지는 설명글입니다.

링크 : 이미지를 연결 매개로 하여 웹 페이지를 연결 할 수 있습니다.

대상 : 연결된 링크를 열 때, 어디에서 열릴 것인지 설정 할 수 있습니다.

이미지로 링크 설정하기
이미지를 선택하고 링크 항목에 연결 될 웹페이지나 / 사이트의 주소/ 이메일 주소를 입력합니다.


이미지로 맵 사용하기

한장의 이미지에 여러개의 링크를 걸 수 있습니다.

사각형, 원형, 다락형 형태의 핫스팟 토구를 이용하여 링크가 길럴 영역을 만들 수 있습니다.

링크가 걸릴 대상을 적어주고 링크가 열링 대상과 그림 설명을 삽입 할 수 있습니다.


 본 내용은 개인적으로 드림위버CC를 배우기 위해 정리도 하고 여러분과 나누기 위해 작성되는 글입니다. 오류가 있거나 틀린 부분이 있어도 이해바랍니다.


Dreamweaver(드림위버)란?


웹 페이지를 만들기 위한 HTML 편집기를 말합니다.

윈도우, 맥 두개의 운영 체제를 모두 지원하며, Css를 비롯한 프로그레밍 언어와 같은 웹 기술에 대한 지원과 호환이 뛰어난 프로그램입니다.



1 글자 속성 알아보기

내용 입력

화면(body)에 한글이나 영문, 숫자, 특수문자를 입력함

줄 바꾸기

    P태그(단락)

Enter 키를 누르면 단락 태그인 P 태그가 적용되어 한 줄이 떨어지고 그 다음 줄에 글자를 입력 할 수 있음.


    BR태그( 줄바꿈)

Shift + Enter를 누르면 BR태그가 적용되어, 바로 다음 줄에 글자 입력이 가능함. 


    특수 문자 입력

우리말의 자름을 입력하고 키보드의 한자 버튼을 누른다.

각각 자음마다 다른 모양의 특수 문자가 들어 있고, 원하는 모양으로 변환하여 사용함.


    한자입력

한글로 음을 입력하고 바로 한자 버튼을 누룸.

뜻이 다른 음의 한자들 중에서 원하는 한자를 선택하여 변환.


    Heading

속성창 - HTML - Format


    B와 I

속성 창 - HTML

B는 선택한 글자를 볼드체로 두껍게 만들어 줌.(Stong)

I는 선택한 글자를 기울임꼴, 이탤릭체로 만들어 줌.(em)


들여쓰기와 내어쓰기

Blockquote 태그로 들여쓰기가 적용.

Remove Blockquote는 적용된 들여쓰기 태그를 삭제하여 내어쓰기가 실행.



 



+ Recent posts