만들기를 시작하기 전에 먼저 이 페이지를 분석해 보겠습니다. 이 페이지에서 사용된 내용을 살펴보세요.
□웹페이지 상단의 "My Home Page"라는 제목은 한 문단의 텍스트입니다.
□웹페이지 중앙에 사진이 있습니다.
□하단의 환영 메시지는 한 문단의 텍스트입니다.
□웹페이지의 배경색은 진한 보라색입니다.
이 웹페이지의 구조를 구상한 후 제작을 시작할 수 있습니다.
먼저 Dreamweaver를 시작하고 사이트 관리자를 사용하여 웹 사이트(루트 디렉터리)를 만들었는지 확인하세요.
제작의 편의를 위해 미리 리소스 관리자를 열어서 웹사이트 디렉터리의 이미지 폴더에 사용할 이미지를 모아두시기 바랍니다.
[ 제목 텍스트 삽입]
페이지 편집 디자인 보기 상태로 들어갑니다. 일반적인 상황에서 편집기는 기본적으로 왼쪽 정렬로 설정되어 있으며 커서는 왼쪽 상단에서 깜박이고 커서 위치는 삽입 지점의 위치입니다. 가운데에 텍스트를 삽입하려면 속성 패널에서 가운데 버튼을 클릭하세요. 중국어 입력 방법을 시작하고 "My Home Page"라는 네 단어를 입력합니다. 글꼴이 작아도 상관없습니다. 설정하면 됩니다.
[텍스트 형식 설정] 위의 속성 패널에서 텍스트를 선택하고 글꼴 형식을 기본 글꼴로 설정합니다. 글꼴 크기는 마음대로 변경할 수 있습니다. 글꼴을 굵게 표시하려면 "B"를 선택하세요.
[텍스트 색상 설정] 먼저 텍스트를 선택하고 속성 패널에서 색상 선택 아이콘을 클릭한 후 팝업 색상 선택기에서 스포이드를 사용하여 색상을 선택합니다.
[웹페이지 제목 및 배경색 설정]
"수정" 메뉴를 클릭하고 "페이지 속성"을 선택합니다. 시스템은 아래와 같이 페이지 속성 대화 상자를 표시합니다.
제목 입력란에 제목 "My Home Page"를 입력해 주세요.
배경색 설정: 웹페이지의 배경은 그림이나 색상이 될 수 있습니다. 이 경우에는 색상입니다. 위와 같이 배경색 선택기를 열어 선택하세요. 배경을 사진으로 설정하려면 배경 이미지에 대한 "찾아보기" 버튼을 클릭하세요. 시스템이 배경 사진 파일을 선택하고 확인 버튼을 클릭합니다.
디자인 보기 상태에서 "My Home Page" 제목 오른쪽 빈 공간에 마우스를 클릭한 후 Enter 키를 눌러 줄을 변경한 후 아래 단계에 따라 그림을 삽입하고 그림을 중앙에 배치합니다. 속성 패널의 왼쪽 정렬 버튼을 사용하여 왼쪽으로 정렬할 수도 있습니다.
【이미지 삽입】다음 방법 중 하나를 선택하세요.
(1) 삽입 메뉴 사용: "삽입" 메뉴에서 "이미지"를 선택하면 "이미지 소스 파일 선택" 대화 상자가 팝업되어 이미지 파일을 선택한 후 확인을 클릭합니다. 아래와 같이:
(2) 삽입열 사용: 삽입열 개체 버튼 > 선택 버튼을 클릭하면 "이미지 소스 파일 선택" 대화상자가 나타나며 나머지 작업은 위와 동일합니다.
(3) 패널 그룹의 "리소스" 패널을 사용합니다(아래 그림 참조). 버튼을 클릭하고 루트 디렉터리의 그림 폴더를 확장한 후 파일을 선택하고 마우스로 작업 공간의 적절한 위치로 드래그합니다.
참고: 관리의 편의를 위해 사진을 "images" 폴더에 넣습니다. 사진이 거의 없다면 사이트의 루트 디렉터리에 넣을 수도 있습니다. 파일 이름은 영어나 병음, 소문자로 지정해야 하며 중국어로는 사용할 수 없습니다. 그렇지 않으면 문제가 발생할 수 있습니다.
그림이 삽입됩니다. (*.swf 애니메이션 파일을 삽입하고 "삽입" 메뉴 > 미디어 > 플래시를 선택합니다).
[환영 문자 입력]
이미지 오른쪽의 빈 공간을 클릭하고 Enter 키를 눌러 줄을 바꿉니다. 여전히 위의 방법을 따르면서 "Welcome..."이라는 텍스트를 입력한 다음 속성 패널을 사용하여 텍스트를 설정합니다.
페이지를 저장합니다.
이렇게 간단한 페이지가 편집되었습니다.
[웹페이지 미리보기] 페이지 편집기에서 F12를 누르면 웹페이지 효과를 미리 볼 수 있습니다.
홈페이지인 웹 사이트의 첫 번째 페이지는 저장 시 일반적으로 index.htm이라는 이름으로 지정됩니다.
[개요] 간단한 웹페이지를 만들었습니다.
네 가지 내용이 있습니다:
①그림 삽입 및 정렬 설정;
② 텍스트 형식, 색상 및 굵게 설정;
③배경색을 설정합니다.
④웹페이지를 미리보기하여 실제 효과를 확인하세요.
숙달해야 할 뿐만 아니라 반복해서 연습해야 합니다.