Dreamweaver를 사용하여 웹 사이트를 설정하는 세부 단계
- 不言앞으로
- 2018-09-29 15:03:319564검색
이 기사의 내용은 Dreamweaver를 사용하여 웹사이트를 설정하는 세부 단계에 대한 내용입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
1. 사이트 정의
# 🎜 🎜#1. 루트 디렉터리(여기서는 E 드라이브라고 가정)에 폴더를 만듭니다. 예를 들어 이름을 MyWeb으로 지정합니다.***참고: 웹사이트에 사용되는 모든 파일 이름은 영어로 이루어져야 합니다.
2. Dreamweaver를 열고 "사이트 - 새 사이트"를 선택하여 대화 상자를 엽니다. 사이트 이름(중국어 지원 가능)에 웹사이트 이름을 입력하고, 로컬 루트 폴더에 방금 생성한 폴더(E:web)를 선택합니다. 그런 다음 확인하십시오.
***참고: Dreamweaver를 다시 열면 방금 설정한 사이트를 자동으로 찾을 수 있습니다. 사이트가 여러 개인 경우 "사이트 - 사이트 열기" 메뉴에서 선택할 수 있습니다.
2. 페이지 만들기
1. 로컬 폴더 E:MyWeb 아래의 빈 공간에서 마우스 오른쪽 버튼을 클릭하고 "새로 만들기"를 선택합니다. 파일"입니다. 이렇게 하면 페이지가 생성되고 기본 파일 이름은 untitled.htm이 됩니다. htm은 이 웹 페이지 파일이 정적 HTML 파일임을 의미합니다. 이름을 index.htm으로 바꾸세요.***웹사이트의 첫 페이지 이름은 일반적으로 index.htm 또는 index.html입니다. 다른 페이지의 이름은 직접 선택할 수 있습니다.
2. index.htm을 두 번 클릭하여 페이지 편집 상태로 들어갑니다. 제목 상자에 웹페이지 이름을 입력하고 마우스 오른쪽 버튼을 클릭한 후 페이지 속성을 선택하여 "페이지 속성" 창을 엽니다. 여기에서 웹 사이트의 제목, 배경색 또는 뒷면 이미지, 하이퍼링크 색상(보통 기본값이면 충분함)을 설정하고 다른 모든 항목은 기본값으로 유지할 수 있습니다.
3． 이때, 커서는 좌측 상단에 위치하며, "Welcome to my home"과 같은 문장을 입력할 수 있습니다. 텍스트를 선택하고 "창/속성" 메뉴를 사용하여 속성 패널을 열고 텍스트 크기를 6으로 선택한 다음 텍스트를 중앙에 배치한 다음 텍스트 앞에 몇 개의 캐리지 리턴을 사용하여 텍스트 중앙에 배치합니다. 페이지.
4． 글꼴을 선택하려면 글꼴: 글꼴 목록 편집에서 마지막 항목을 선택합니다. 그런 다음 대화 상자에서 + 기호를 선택한 다음 "사용 가능한 글꼴" 열의 글꼴 목록에 추가해야 하는 글꼴을 선택하고 가운데에 있는 버튼을 클릭하여 추가합니다.
***웹페이지에서 가장 일반적으로 사용되는 한자는 노래 글꼴입니다. 사용하기 위해 목록에 특수 글꼴을 추가하지 마십시오. 컴퓨터에 특수 글꼴이 설치되어 있지 않으면 다른 사람이 볼 수 없기 때문입니다. 꼭 사용해야 할 경우에는 사진으로 만들어서 사용하세요.
***웹페이지에서 공백을 입력하는 방법은 입력방식을 전각으로 조정하는 것입니다.
***웹페이지에서 줄 바꿈하는 방법은 Shift+Enter입니다. 단락을 변경하려면 Enter 키를 누르기만 하면 됩니다.
3. 페이지에 사진을 추가합니다.
1. 로컬 폴더 E:MyWeb 아래의 빈 공간을 마우스 오른쪽 버튼으로 클릭하고 선택합니다. "새 파일" "폴더"는 폴더를 생성하고 이를 사용하여 사진을 저장하며 이름을 tu 또는 pic 또는 이미지로 바꿀 수 있습니다.2. "창/개체" 메뉴를 사용하여 개체 패널을 열고 "이미지 삽입"을 클릭한 다음 대화 상자에 삽입할 그림을 선택합니다. "이 파일을 루트 폴더에 복사하시겠습니까?"라는 대화 상자가 나타나면 "예"를 선택한 다음 방금 생성한 폴더에 저장해야 합니다.
3 이미지를 선택하고 속성 패널을 열어 이미지 이름을 지정하고, 이미지의 높이와 너비를 재설정하고, 이미지 모서리에 있는 점을 드래그하여 크기를 변경할 수 있습니다. Shift 키를 누른 채 모서리 점을 드래그하면 종횡비를 유지하면서 이미지가 늘어납니다. 원래 크기로 복원하려면 오른쪽 하단에 있는 "크기 조정" 버튼을 클릭하세요.
4. "링크"는 여기에 주소를 직접 입력할 수 있습니다. "Replacement"는 그림에 대한 설명, 즉 마우스가 그림을 가리킬 때 표시되는 텍스트입니다. "Border"는 그림 테두리의 너비이고 "Alignment"는 정렬 방법입니다.
4. 하이퍼링크 추가
1. 텍스트에 링크를 추가합니다.예를 들어 페이지에 "내 기사"를 입력한 다음 이를 선택하고 속성 패널을 연 다음 "링크" 상자에서 링크하려는 페이지를 선택합니다. 다음 "대상" 상자에서는 일반적으로 self를 사용하여 현재 열려 있는 창 대신 새 창을 열거나 공백을 선택하여 새 창을 엽니다.
2. 사진에 링크 추가
위 텍스트의 링크와 같은 방법으로 사진을 삽입한 후 속성 패널의 링크 상자에서 선택합니다.
****사진은 여러 개의 서로 다른 링크를 만들 수 있습니다. 방법은 다음과 같습니다.
속성 패널의 "지도" 항목 아래에 일부 그래픽이 있습니다. 예를 들어 사각형을 클릭하면 커서가 십자 모양으로 바뀌고 그림에 파란색 직사각형 핫존이 그려집니다. 이때 이 핫스팟에 대한 링크 주소를 설정할 수 있으며 마우스를 가리키면 표시됩니다. 마찬가지로 원을 사용하여 핫스팟을 설정하면 이미지에 대한 다른 링크를 설정할 수 있습니다.
3. 이메일 링크 추가
이메일 링크를 추가할 텍스트나 그림을 선택하고 속성 패널을 열고 "링크" 상자에 이메일 주소를 입력하세요. 형식은 다음과 같습니다: mailto: 이메일 주소. 사이에 공백이 없다는 점에 유의하세요.
4. exe, Zip 등 브라우저에서 열 수 없는 파일에 대한 링크인 경우, 뷰어가 링크를 클릭하면 파일 다운로드 또는 온라인 재생 기능이 구현됩니다.
5. 양식 사용
1. 삽입/표를 클릭하여 설정을 위한 표 패널을 엽니다. 행, 열, 너비, 테두리 등의 수, "셀 채우기"는 셀 내부와 내용 사이의 거리이고, "셀 간격"은 셀 사이의 거리이며 단위는 픽셀입니다.
2. 표를 삽입한 후 표 테두리를 클릭하면 표 전체가 선택됩니다. 그러면 아래 속성 패널에서 다양한 설정을 할 수 있습니다.
3. 커서를 셀 중 하나로 이동합니다. 지금 보이는 속성 패널은 해당 셀의 속성 패널입니다. 셀에 대해 다양한 작업을 수행할 수도 있습니다. 배경색, 배경 이미지, 테두리, 병합, 분할 등
6. 테이블에 대한 기타 작업
1 얇은 선 테이블 만들기 원리:
1 테이블 전체를 선택하고. 배경은 검정색(테이블 선 색상)으로 설정합니다.
2. 모든 셀을 선택하고 배경을 흰색으로 설정합니다.
2 테이블 서식 자동 지정
1 먼저 테이블을 만든 다음 선택하세요.
2. 메뉴에서 명령/형식 테이블을 선택합니다. 즉, 미리 설정된 일부 테이블 스타일을 선택할 수 있습니다.
三一pixel Divider
1. 행 1개, 열 1개, 너비 200픽셀, 테두리 여백 0인 표를 삽입합니다.
2. 테이블을 선택하고 테이블 높이를 1픽셀로 설정하고 배경색(즉, 원하는 선 색상)을 설정합니다.
3. 코드 및 디자인 창으로 전환하여 코드
7. 표를 사용하여 완전한 페이지 만들기
웹페이지 상단(일반적으로 아이콘, 광고, 탐색 메뉴 포함) # 🎜🎜#1 , 1행 2열, 너비 760픽셀, 테두리와 여백이 0인 테이블을 만듭니다.
2. 테이블을 선택하고 정렬을 가운데 정렬로 설정하고 배경색을 #3366CC로 설정합니다.
3. 커서를 왼쪽 셀에 놓고 가로 배열을 왼쪽 정렬, 세로 배열을 위쪽 정렬로 설정한 다음 일반적으로 웹사이트 아이콘, 즉 로고가 여기에 삽입됩니다. .
4 오른쪽 셀에 커서를 놓고 너비를 500으로 설정하고 가로 중앙에 수직으로 정렬한 다음 이미지, 즉 일반적으로 웹페이지 광고를 삽입합니다. , 배너.
5. 방금 완성한 표 뒤에 커서를 놓고 /table을 삽입한 다음 행 1개, 열 1개, 너비 760픽셀, 테두리와 여백이 0인 표를 만듭니다.
6. 방금 만든 테이블을 선택하고 정렬을 가운데 정렬로 설정하고 배경색을 #005173으로 설정합니다.
7. 테이블에 여러 이미지를 탐색 모음 메뉴로 삽입합니다.
1. 네비게이션 바 테이블 뒤에 /table을 삽입하고 픽셀, 테두리, 여백이 모두 0으로 설정된 760 테이블의 1행 3열 너비를 만듭니다. 그리고 정렬 모드를 중앙 정렬로 설정하고 배경색을 #FFFFFFFF로 설정합니다.
2. 커서를 왼쪽 셀에 놓고 너비를 18%로 설정한 다음 가로로 가운데 정렬하고 세로로 위쪽으로 정렬한 다음 이미지와 탐색 모음을 삽입합니다.
3. 방금 삽입한 그림 뒤에 커서를 놓고 삽입/표를 클릭한 다음 행 12개, 열 1개, 너비 90%의 표를 삽입합니다. 셀 간격을 1로 설정하고 배경색을 #CCCCCC로 설정합니다.
4. 테이블의 첫 번째 셀에 커서를 놓고 높이를 20으로 설정하고 배경색을 #FFFFFF로 설정합니다. 삽입/이미지, 탐색 텍스트 앞에 작은 점을 삽입합니다. 나머지 11개 셀도 동일하게 설정하면 왼쪽의 열 분류 목록이 완성됩니다.
5 메인 테이블의 가운데 셀에 커서를 놓고 너비를 66%로 설정한 후 가로 중앙 정렬, 세로 위쪽 정렬한 다음 /image를 삽입하여 탐색 모음을 삽입합니다.
6. 이미지 뒤에 커서를 놓고 삽입/표를 클릭한 다음 행 4개, 열 1개, 너비 95%의 표를 삽입합니다. 셀 간격을 1로 설정하고 배경색을 #CCCCCC로 설정합니다.
7. 테이블의 첫 번째 셀에 커서를 놓고 마우스를 드래그하여 4개 셀을 모두 선택한 다음 높이를 60으로, 배경색을 #FFFFFF로 설정합니다.
8. 메인 테이블 오른쪽 셀에 커서를 놓고 너비를 16%로 설정하고 가로 중앙 정렬, 세로 위쪽 정렬하고 /image 삽입하고 네비게이션을 삽입합니다. 술집.
9. 이미지 뒤에 커서를 놓고 삽입/표를 클릭한 다음 행 7개, 열 1개, 너비 90%의 표를 삽입합니다. 간격을 1로 설정하고 배경색을 #CCCCCC로 설정합니다.
10 Ctrl 키를 누른 채 방금 삽입한 테이블의 셀 1, 3, 5, 7을 마우스로 클릭한 다음 높이를 55로, 배경색을 #FFFFFF로 설정합니다.
11. 셀 2, 4, 6을 선택하고 높이를 6으로 설정하고 배경색을 #FFFFFF로 설정합니다.
12. 소스 코드 창으로 전환하고 셀 2, 4, 6에서 공백 기호 " "를 삭제합니다.
3개의 웹페이지 하단 (일반적으로 저작권 정보 및 기타 관련 내용 포함)
1. 메인 테이블 뒤에 커서를 놓고 /table을 삽입한 후 2행 2열, 너비 760픽셀을 만듭니다. , 테두리 및 거리가 모두 0인 테이블입니다.
2. 테이블을 선택하고 정렬을 가운데 정렬로 설정하고 배경색을 #3366CC로 설정합니다.
3 표의 1행 왼쪽 셀에 커서를 놓고 너비를 50%로 설정하고 가로 배열은 기본, 세로 배열은 기준선, 배경색은 #FFFFFF로 설정한 후 저작권 정보와 내용 색상을 입력합니다. 평상복.
4 표의 1행 오른쪽 셀에 커서를 놓고 /image를 삽입한 다음 둥근 이미지를 삽입하고 그 뒤에 Email이라는 단어를 입력하고 크기와 색상을 1과 #FFFFFF로 설정합니다.
5. 개체/텍스트 필드 삽입/양식, 텍스트 필드 삽입, 너비는 임의로 지정할 수 있습니다.
6. 삽입/이미지, GO 이미지를 삽입합니다.
7. 페이지 속성을 설정합니다. 편집/페이지 속성 메뉴를 클릭하고 제목 열에 제목을 입력하고 배경 이미지를 선택한 다음 위쪽 테두리를 0으로 설정합니다.
*** 전체 웹페이지를 여러 부분으로 나누어 서로 다른 테이블로 결합하면 브라우저가 페이지를 읽는 데 걸리는 시간을 단축할 수도 있습니다. ; 브라우저는 표 전체를 읽은 후 내용을 표시하므로 표 전체를 프레임으로 표시하지 않는 것이 가장 좋습니다.
8. 레이아웃 표를 사용하여 전체 페이지를 만듭니다.
1. 삽입/레이아웃을 클릭하고 내부의 레이아웃 보기 버튼으로 전환합니다. 레이아웃 보기 상태(기본값은 표준 보기) 메뉴에서 보기/테이블 보기/레이아웃 보기를 이용해 들어갈 수도 있습니다.
2. 먼저 Draw Layout Table 버튼을 클릭한 후, 그리기와 같이 페이지에 레이아웃 테이블을 생성합니다.
3. 앞의 예와 마찬가지로 웹 페이지 상단에 큰 테이블을 그린 다음 중앙, 하단을 그립니다.
4. 다시 레이아웃 셀 그리기 버튼을 클릭한 다음 이미 그려진 레이아웃 테이블에 레이아웃 셀을 그립니다.
5. 기본 보기로 돌아가 분할된 테이블에 작은 중첩 테이블을 삽입하고 페이지를 다듬어 전체 페이지의 디자인을 완성합니다.
****큰 레이아웃 테이블에 전체 페이지를 넣을 경우 주의하세요. 이러한 웹페이지는 탐색 속도가 매우 느려지기 때문입니다. 페이지의 레이아웃과 내용에 따라 여러 개의 레이아웃 테이블을 나눈 후 레이아웃 셀을 삽입해야 합니다.
9. 레이어 사용
1. 아이콘을 클릭하고 마우스를 드래그하여 레이어를 생성할 수도 있습니다.
3. 생성된 레이어를 선택하고 속성 패널을 살펴보세요. 기본 "레이어 번호"와 "레이블"을 사용하면 됩니다. 프로그래밍에는 "레이어 번호"가 필요하지만 현재는 일반적으로 사용하지 않습니다. "상단"은 페이지 상단 테두리로부터의 거리이고, "왼쪽"은 왼쪽 테두리로부터의 거리입니다. "z축"은 레이어의 순서로, 작은 숫자 위에 큰 숫자가 쌓입니다.
****색상을 설정하지 않으면 레이어가 투명해집니다.
4 중간 레이어 왼쪽 상단에 있는 작은 상자를 클릭하면 레이어를 마음대로 드래그할 수 있으며 크기도 조정할 수 있습니다.
5 "오버플로" 열에서 텍스트가 레이어 크기를 초과하면 표시(과잉 부분이 계속 표시됨), 숨김(과잉 부분이 숨겨짐), 스크롤(스크롤 막대가 관계없이 표시됨) 초과 여부), 자동(초과 시에만 스크롤바가 나타남).
6. 메뉴창/기타/레이어를 클릭하면 레이어 관리 창이 나타납니다. 여기에서 레이어 이름과 Z축 값을 수정하거나 눈 아이콘을 클릭하여 레이어를 표시하거나 숨길 수 있습니다. 중복을 방지하는 옵션도 있습니다.
7. 레이어 정렬. Shift 키를 누른 채 여러 레이어를 동시에 선택하세요. 그런 다음 여기에 있는 옵션을 사용하여 수정/정렬을 사용합니다.
8. 중첩된 레이어. ⑴먼저 문서에 레이어를 삽입합니다. ⑵ 레이어 안에 커서를 놓고 계속해서 레이어를 삽입하면 중첩된 레이어가 생성됩니다. ⑶내부를 자식 레이어, 외부를 부모 레이어라고 합니다. Z축 순서는 동일합니다. 상위 레이어를 드래그하면 하위 레이어도 서로 상대적으로 이동합니다. 하위 레이어를 이동할 때 상위 레이어는 함께 이동되지 않습니다.
10. 타임라인 이해하기
1. 메뉴에서 삽입/레이어를 클릭하여 레이어를 삽입합니다.
2. 비행기 사진과 같은 사진을 레이어에 삽입합니다. (여기의 사진은 작은 애니메이션 .gif 이미지일 수도 있습니다.)
3 메뉴에서 창/기타/타임라인을 클릭하여 타임라인 창을 엽니다.
4. 페이지에 생성된 레이어를 선택하고 레이어 왼쪽 상단에 있는 작은 사각형 아이콘을 마우스로 누른 다음 레이어를 타임라인의 첫 번째 프레임으로 드래그합니다. 이때 15프레임 길이의 타임라인이 자동으로 생성됩니다.
5. 타임라인에서 프레임 1을 선택하고 페이지의 레이어를 애니메이션이 시작되는 위치인 페이지 왼쪽 상단으로 드래그합니다.
6. 타임라인에서 프레임 15를 선택하고 프레임을 30프레임 등 원하는 길이로 드래그합니다.
7. 30번째 프레임을 선택하고 레이어를 페이지 오른쪽 하단으로 드래그하면 프레임 1부터 프레임 30까지 레이어의 이동 궤적이 표시됩니다. (이때 모션은 직선입니다.)
8. 15번째 프레임을 클릭한 후 마우스 오른쪽 버튼을 클릭하고 "키프레임 추가"를 선택하면 됩니다. 15번째 프레임을 선택한 상태에서 레이어를 가운데와 아래쪽으로 드래그합니다. 페이지의.
9. "자동재생" 항목을 확인하세요.
11 롤링 게시판 만들기
1. 페이지에 레이어를 삽입한 후 해당 레이어의 배경을 게시판 프레임으로 설정합니다.
2. 그런 다음 생성된 레이어에 중첩 레이어를 삽입하고 중첩 레이어를 상위 레이어 아래로 이동합니다.
3. 중첩된 레이어에 텍스트를 입력하고 중앙에 배치합니다.
4. 타임라인 패널을 열고 하위 레이어를 패널에 개체로 추가합니다.
5. 하위 레이어의 위쪽 이동 경로를 만들고 상위 레이어 위로 이동합니다.
6. 마지막 키프레임을 드래그하여 애니메이션 시간을 늘린 다음 "자동 재생" 및 "반복"을 확인하세요.
7. 상위 레이어를 선택하고 속성 패널에서 "오버플로" 속성을 "숨김"으로 설정합니다.
12. 페이지에서 플래시 애니메이션 사용하기
1. 삽입된 페이지에 플래시 버튼을 클릭하면 페이지에 애니메이션이 삽입됩니다. 삽입/미디어/플래시 메뉴를 선택하여 이 단계를 완료할 수도 있습니다.
2. 삽입된 애니메이션을 선택하고 속성 패널을 살펴보세요. 여기에서 너비와 높이를 설정하거나 드래그하여 크기를 변경할 수 있습니다.
3. 여기에서 "재생"을 클릭하면 애니메이션을 미리 볼 수 있습니다.
13. 삽입된 플래시 애니메이션을 투명하게 만들기
1. 웹페이지에 이미 배경이 있거나, 사진에 플래시 애니메이션을 삽입하고 싶은데 플래시 애니메이션 자체에도 배경색이 있는 경우, 그래서 Beautiful에 영향을 미칠 것입니다. 이제 투명한 애니메이션으로 만들어야 합니다.
2. 예를 들어 페이지에 이미지를 삽입합니다.
3. 이미지에 레이어를 삽입하고 해당 레이어에 필요한 플래시 애니메이션을 삽입합니다.
4. 플래시 애니메이션을 선택하고 속성 패널에서 "매개변수" 버튼을 클릭하세요.
5. "매개변수"의 왼쪽 상자에 "wmode"를 입력합니다. 오른쪽의 "값" 상자에 "투명"을 입력합니다.
14. 페이지에서 사운드 재생
1. 전체 페이지를 완성한 후 페이지에 배경 음악을 추가하려는 경우 배경 음악은 일반적으로 *.midi 파일입니다. 매우 작고 빠르게 다운로드하기 쉬우며, 다른 형식은 배경 음악으로 적합하지 않습니다.
2. 페이지의 모든 테이블 외에 (이때 편집창 좌측 하단의 라벨 선택바에는
3. 팝업 메뉴에서 "소리 재생"을 선택합니다. 대화 상자를 엽니다.
4. 이 대화 상자에서 "찾아보기"를 사용하여 재생하려는 사운드를 선택하고 확인하세요.
5. 이때 동작 패널에는 자동으로 이벤트가 onload로 표시되고 동작은 소리 재생으로 표시됩니다. 이 행을 클릭하면 가운데에 버튼이 나타납니다. 이 사운드가 재생될 이벤트를 설정하려면 버튼을 클릭하세요. "Display Event"/"IE5.0을 선택할 수 있습니다.
6. 우리는 일반적으로 Onload(페이지가 로드될 때), OnClick(마우스 클릭), OnMouseOver(마우스가 개체 위로 이동), OnUnload(페이지가 로드될 때)를 사용합니다. ) 등
7. 이 동작은 사진 및 텍스트 링크에서도 설정할 수 있습니다. 텍스트 링크에서 사운드를 재생하기 전에 먼저 텍스트에 빈 링크를 추가합니다. 즉, 텍스트를 선택하고 " 링크 상자에 #" 기호가 표시됩니다. .
15. 팝업 창
1. 먼저 작은 창에 표시할 페이지(예: a.htm)를 만듭니다. 팝업 창은 표시할 수 없기 때문에 너무 크면 내용이 작아야 합니다
2. 생성된 페이지에서 커서를 페이지의 모든 테이블 밖으로 이동한 후 동작 창에서 "+" 버튼을 클릭하고 "브라우저 창 열기" 항목을 선택합니다. 팝업 메뉴에서
3. 설정에 해당 정보를 입력하세요. 표시되는 URL은 속성에서 직접 설정됩니다. 4. 설정이 완료된 후 "확인"을 클릭하면 탐색 창을 여는 동작이 표시되며, 이를 원하지 않는 경우에는 이 동작을 직접 설정할 수 있습니다.
6. 오픈 시 방문자 환영, 퇴실 시 작별 등을 표현하는 방법입니다.
2. "+" 버튼을 클릭하고 대화 상자의 "메시지" 열에 원하는 단어를 입력합니다. 4. 동작을 설정할 수 있습니다. 트리거 조건은 OnMouseOver(마우스가 개체 위로 이동)이므로 마우스가 이 그림 위로 지나갈 때 관련 정보가 상태에 나타납니다. 5. 마우스를 이동한 후 이 정보가 사라지도록 하려면 이 동작을 다시 사용하고 "메시지" 열에 아무것도 쓰지 않은 다음 트리거 조건을 OnMouseOut으로 변경할 수도 있습니다. 텍스트 일부 또는 전체 페이지에서 이러한 동작이 발생합니다.
팝업 메시지
1. 생성된 페이지를 열고 왼쪽 하단의
2. 설정 창의 "메시지" 열에 표시하려는 메시지를 입력하세요.
3. 트리거 조건을 Onload(페이지가 로드될 때)로 설정하면 페이지를 열 때 환영 메시지로 사용할 수 있습니다. OnUnload(페이지를 닫을 때)로 설정하면 사용자가 페이지를 닫을 때 작별 메시지로 사용할 수 있습니다.
4. 텍스트의 특정 단락에 팝업 메시지를 설정할 수도 있습니다. 예를 들어, 다른 사람이 텍스트를 복사하는 것을 원하지 않으면 전체 텍스트를 선택하세요.
는 왼쪽 하단에 단락으로 표시됩니다.
5. 그런 다음 동일한 작업을 수행하면 메시지에 저작권 등의 설명을 입력할 수 있습니다. 트리거 조건을 OnBeforeCopy(오른쪽 버튼을 누를 때 트리거됨) 또는 OnCopy(오른쪽 버튼을 눌러 복사할 때 트리거됨)로 설정하기만 하면 됩니다.
Eighteen. 동적 사진 버튼
1. 동일한 크기의 사진 두 장을 준비하는 방법은 하나는 회색조 사진으로, 하나는 컬러 사진으로 사용하는 것입니다. 또는 오목한 버튼이 있는 버튼과 돌출된 버튼이 있는 버튼이 있습니다.
2. 예: 행 3개와 열 1개로 구성된 표를 삽입하고 너비를 180픽셀로 설정합니다.
3. 첫 번째 줄에 커서를 놓고 회색조 그림을 삽입합니다.
4. 속성 패널의 "링크" 열에 링크할 주소를 입력하고, tu1과 같은 이미지 이름을 추가합니다.
5. 동작 창에서 "+" 버튼을 클릭하고 "이미지 교환"을 선택합니다. "팝업 메뉴에서".
6. 이때 "이미지"란에 교환할 이미지가 표시되며, "사원원본파일"란에서 교환된 이미지를 선택합니다.
7. 아래에는 "이미지 미리 로드"와 "마우스 슬라이드 시 이미지 복원"이라는 두 가지 매개 변수가 있으며 둘 다 선택해야 합니다.
8. 같은 방법으로 두 개의 다른 동적 버튼을 만듭니다.
19. 프레임을 사용하여 페이지 레이아웃
프레임워크는 프레임세트와 개별 프레임이라는 두 가지 주요 부분으로 구성됩니다.
1. 삽입된 프레임을 클릭하면 정의된 13개의 프레임 스타일이 표시됩니다. 상-중-하 구조를 예로 들어보겠습니다.
2. "상-중-하" 프레임 구조의 아이콘을 클릭하면 페이지 전체가 세 부분으로 나누어져 상단과 하단의 두 프레임이 삽입됩니다. 상단에 "upper", 중간에 "middle", 아래에 "lower"를 입력합니다.
3. 먼저 저장하세요. 메뉴에서 파일/모두 저장을 클릭합니다. 이때 먼저 프레임셋 파일을 저장한 후 kuangjia.htm과 같이 이름을 직접 수정하시면 됩니다. 그러면 프레임세트의 다른 페이지가 별도로 저장됩니다. 해당 페이지 저장 시 이 부분을 점선으로 테두리 처리하여 위 부분을 shang.htm으로 저장할 수 있도록 합니다. 하단은 xia.htm으로 저장됩니다. 중간 부분은 zhong.htm으로 저장됩니다.
4. 지금까지 프레임세트와 프레임세트를 구성하는 상단, 중간, 하단 페이지 등 4개의 페이지를 저장했습니다. 따라서 실제로 이 프레임은 4개의 페이지로 구성되어 있으므로 프레임을 사용하면 사용자의 탐색 속도가 느려집니다.
5. 창/기타/프레임을 클릭하여 프레임 패널을 엽니다. 여기에서 프레임을 클릭하여 선택하세요. 프레임을 선택하면 편집창에서 해당 프레임에 점선이 나타납니다.
6. 예: 위의 상단 프레임을 선택하면 위 프레임의 속성이 속성 패널에 표시됩니다. 또한 중간 프레임과 하단 프레임을 선택하고 각각의 속성을 별도로 설정할 수도 있습니다.
7. 편집 창에서 두 프레임 사이의 경계선에 마우스를 올려놓으면 커서가 위쪽 및 아래쪽 화살표 모양으로 변경됩니다. 이때 경계선을 클릭하면 전체 프레임 세트가 선택됩니다.
8. 이때 속성 패널에는 전체 프레임 그룹의 속성이 나타납니다. 여기서 프레임 세트에 테두리, 너비, 색상 등이 있는지 여부를 설정할 수 있습니다. 하지만 가장 중요한 것은 여기서 설정한 프레임에서 각 프레임의 크기를 설정할 수 있다는 것입니다.
9. 속성 패널의 오른쪽 아이콘에서 위 프레임을 선택하고 동작을 80픽셀로, 테두리를 0으로 설정합니다.
10. 아래 프레임을 선택하고 선 높이를 30픽셀로, 테두리를 0으로 설정합니다.
11. 중간 프레임을 선택하고 행 높이를 1로 설정하고 단위를 상대값으로 설정합니다. (상대적 의미: 다른 행에 대한 현재 행의 비율. 1로 설정하면 탐색 창의 상단과 하단을 제외한 나머지 공간을 모두 차지한다는 의미입니다.
12. 예: 상단 프레임에 커서를 놓습니다. topFrame, right -페이지 속성 선택을 클릭하고 배경색을 #FF6600으로 설정한 다음 삽입/표를 설정하고 행 1개와 열 2개, 테두리와 여백이 0인 표를 삽입합니다. 첫 번째 셀의 너비를 116픽셀로 설정한 다음 그림을 삽입하세요. 두 번째 셀의 가로 정렬을 가운데로, 세로 정렬을 아래쪽으로 설정한 후 "Leo", "Capricorn", "Gemini"라는 단어를 순서대로 입력하세요.
13. 중간 프레임 메인 프레임.페이지 속성을 마우스 오른쪽 버튼으로 클릭하고 배경색을 #FFFFCC로 설정합니다.
14. 하단 프레임에 커서를 놓고 페이지 속성을 마우스 오른쪽 버튼으로 클릭하여 배경 이미지를 설정합니다. "Leo", "Capricorn", "Gemini"에 연결할 페이지를 3개 더 만듭니다.
16. "Leo"를 선택하고 속성에서 연결할 페이지를 설정한 후 "메인프레임"을 선택합니다. Target". 즉, 내용이 중간 프레임에 표시됩니다.
17. 또한 "염소자리" 및 "쌍둥이자리"에 대한 링크를 설정합니다.
20. 점프 메뉴
1. 메인에서 삽입/양식 개체를 클릭합니다. 메뉴/점프 메뉴, 삽입/양식에서 점프 메뉴 아이콘을 사용하여 점프 메뉴 설정 창을 불러올 수도 있습니다.2. 먼저 "텍스트" 항목에 "해당 웹사이트를 선택하세요"라고 입력한 후 클릭하세요. . 창의 "+" 버튼. 이제 메뉴에 옵션이 있습니다. 이 옵션은 링크가 없으며 점프 메뉴에 대한 설명으로만 사용됩니다. 3. "와 같이 텍스트 열에 원하는 웹사이트를 입력합니다. Sina". 그런 다음 "선택 시 URL로 이동" 열에 웹사이트 링크 주소
http://www.sina.com.cn
를 입력합니다. 이때 메뉴 항목 열에 또 다른 옵션이 있습니다. 이 옵션 4. 동일한 방법을 사용하여 메뉴에 다른 옵션과 해당 링크를 추가할 수도 있습니다. 5. 메뉴" 설정 창에서 아직 "이동 버튼" 항목을 선택하지 마십시오. "URL 변경 후 첫 번째 항목 선택" 항목을 선택하면 점프 메뉴를 사용하여 특정 페이지로 이동한 후 다시
6. 설정 후 "확인"을 클릭하세요.
****점프 메뉴는 양식(빨간색)입니다. 점선 영역)이 먼저 삽입됩니다. 그러면 양식에 드롭다운 메뉴가 삽입됩니다.
7. 옵션을 수정하려면 이 때 페이지에서 "목록"을 클릭하세요. 내용을 수정하려면 속성 패널의 '값'을 선택하세요.
8. 점프 메뉴를 선택하면 동작 창에도 해당 동작이 나타납니다. 동작을 두 번 클릭하여 설정 창으로 들어가서 재설정하세요.
9. "메뉴 항목"의 첫 번째 항목이 위에서 언급한 프롬프트 대신 링크인 경우 "옵션"에서 "메뉴 뒤에 이동 버튼 삽입"을 선택해야 합니다. "이동" 버튼을 추가하세요.
21. 플러그인 사용(Dreamweaver 기능 확장)
1. 먼저 필요한 플러그인을 다운로드하세요. 여기 예제는 Animate Browser Window입니다. 창의 크기를 동적으로 변경하는 플러그인입니다. Dreamweaver Extension Manager를 열고 다운로드한 플러그인을 설치합니다.
2. Dreamweaver를 시작하고 생성된 페이지에서 왼쪽 하단
스물둘. 롤링 자막
1. 롤링 자막을 삽입하려는 위치에 커서 삽입점을 놓습니다.
2. 삽입 패널에서 '태그 선택기'를 클릭하세요.
3. 선택 윤곽 태그를 선택하고 "삽입" 버튼을 클릭하세요. 그런 다음 태그 선택기를 닫습니다.
4. 코드 보기로 전환합니다. 두 선택 윤곽 태그 사이에 커서 삽입 지점을 놓습니다.
5. "창"/"태그 검사기"를 선택하세요. 태그 검사기에서는 태그의 다양한 용도를 설정할 수 있습니다.
6. 동작 설정 항목 오른쪽의 드롭다운 화살표를 클릭하고 자막 내용 스크롤 이동 방식을 선택하세요. 세 가지 옵션의 의미는 다음과 같습니다. 대체: 콘텐츠가 반대 방향으로 굴러갑니다. 스크롤: 콘텐츠가 같은 방향으로 스크롤됩니다. 슬라이드: 콘텐츠가 자막 테두리에 닿으면 스크롤이 중지됩니다.
7. 방향 속성은 자막 내용의 스크롤 방향을 설정합니다. 네 가지 옵션은 다음을 의미합니다. 아래: 아래로 이동. 왼쪽: 왼쪽으로 이동합니다. 오른쪽: 오른쪽으로 이동합니다. 위로: 위쪽으로 이동합니다.
8.scrollamount 속성은 자막 스크롤 속도를 설정합니다. 일반적으로 1로 설정됩니다.
9. scrolldelay 속성은 자막 내용이 스크롤될 때 일시 중지 시간을 밀리초 단위로 설정합니다. 스크롤이 부드럽게 보이도록 하려면 값이 가능한 한 작아야 합니다. 예시에서는 1밀리초로 설정되어 있습니다.
10. 너비 속성은 롤링 자막의 너비를 설정합니다. 이는 임의적입니다(예: 300으로 설정).
11. onMouseOver 이벤트는 자막을 스크롤하기 위해 마우스를 움직일 때의 동작을 설정하며, 종종 스크롤을 중지하도록 설정됩니다. onMouseOut 이벤트는 마우스가 스크롤 자막을 떠날 때의 동작을 설정하며, 종종 스크롤을 시작하도록 설정됩니다. 이 두 항목은 선택할 수 없으며 수동으로만 입력할 수 있습니다. onMouseOver 뒤에는 "this.stop();"을 입력하고 onMouseOut 뒤에는 "this.start();"를 입력합니다. 12. 스타일 속성은 자막 콘텐츠의 스타일을 설정합니다. 예에서 자막 텍스트 크기를 설정하려면 "font:12px;"도 수동으로 입력해야 합니다.
13. 루프 속성은 자막 내용이 스크롤되는 횟수를 설정합니다. 기본값은 무제한입니다. "-1"도 무한합니다.
14. 모든 코드:
23. CSS 스타일 시트 만들기
1. 페이지.2. "CSS 스타일" 패널을 열거나 "창/CSS 스타일"을 사용하여 열 수 있습니다.
3. 패널 하단에는 스타일 추가, 새 스타일, 스타일 편집, 스타일 삭제라는 4개의 버튼이 있습니다.
4. "새 스타일"을 클릭하여 대화 상자를 엽니다. 이름을 입력하고 이름 앞에 마침표가 있는지 확인하세요. 예를 들어 이름을 .zi로 지정합니다(중국어 이름은 허용되지 않음). 유형: 다음에서 정의된 사용자 정의 스타일을 만듭니다. 이 문서에만 해당됩니다.
5. 이때 다른 대화 상자를 열고 왼쪽 카테고리에서 "유형"을 선택한 다음 오른쪽의 글꼴을 송나라로, 크기를 14픽셀로, 색상을 임의의 색상으로 설정합니다. 그럼 알았어.
6. 페이지에서 텍스트를 선택한 다음 창에서 Style.zi를 클릭하세요. 이때 이 텍스트에는 CSS 스타일이 적용됩니다.
7. 방금 정의한 CSS 스타일을 수정하려면 해당 스타일을 클릭한 후 아래 스타일 편집 버튼을 클릭하세요.
스물넷. 동적 링크 스타일 시트 만들기
1. "새 CSS 스타일" 대화 상자를 클릭하고 "정의 위치" 열에서 "이 문서에만 해당"을 선택한 다음 "유형" 열에서 "CSS 선택기 사용"을 선택합니다.
2. 스타일 시트 유형이 "CSS 선택기 사용"을 선택하면 드롭다운 메뉴 이름이 "선택기"로 변경되어 입력 콘텐츠가 CSS 선택기임을 나타냅니다. 드롭다운 버튼을 클릭하면 4가지 상태가 표시됩니다. 동적 링크의 .
a:link - 하이퍼링크의 일반 상태 a:visited - 방문한 하이퍼링크 상태.
a:hover——커서가 하이퍼링크로 이동한 상태; a:active——하이퍼링크가 선택된 상태.
3. 다음으로, 이러한 상태를 별도로 설정합니다. 먼저 드롭다운 메뉴에서 a:link를 선택하여 스타일 시트 설정 창을 띄우고 색상은 #으로 설정합니다. FF6600(주황색).
4. 동일한 방법을 사용하여 a:visited를 설정하고 밑줄 없음으로 설정하고 색상을 #FFFF00(노란색)으로 설정합니다.
5. 다음으로 a:hover를 설정하고 밑줄이 표시되도록 설정하고 색상을 #FF6600(주황색)으로 설정합니다.
6. a:active를 설정할 필요가 없으며 자동으로 a:hover에 따라 달라집니다.
7. 웹페이지에 문장을 입력하고 속성 패널에서 링크를 "#"으로 설정하세요. 그게 다야.
****참고: a:link, a:visited, a:hover, a:active 순서로 설정해야 합니다. 그렇지 않으면 기대한 효과가 발생하지 않습니다.
페이지에 두 개 이상의 링크 효과가 필요한 경우 다음 방법을 사용할 수 있습니다.
1. 새 스타일 버튼을 클릭하고 스타일 유형으로 "CSS 선택기 사용"을 선택한 다음 "선택기" 열에서 직접 a.link2:link를 입력한 다음 a.link2:link를 밑줄 없이 빨간색으로 설정합니다.
2. 다음 두 가지 스타일을 계속해서 정의하세요. 이름을 직접 입력하고 보라색 밑줄 없이 a.link2:visited로 설정합니다. a.link2:호버, 파란색 및 밑줄.
3. 이때 "CSS 스타일" 옵션에 link2라는 사용자 정의 스타일이 있습니다.
4. 페이지에 단락을 입력하고 # 링크를 추가한 후 링크를 선택한 다음 스타일 시트 창에서 스타일 link2를 클릭하여 해당 스타일을 링크에 적용합니다.
5. 동일한 방법을 사용하여 동일한 페이지에 다양한 링크 형식을 만들 수 있습니다.
****특정 스타일을 유지하기 위해 같은 페이지에 너무 많은 링크 스타일을 만드는 것은 바람직하지 않습니다.
25개의 외부 스타일 시트
***같은 스타일 시트를 다른 페이지에 적용해보세요.
1. 새 스타일 시트를 만들고 이름을 지정한 다음 유형으로 "사용자 정의 스타일 만들기"를 선택하고 정의를 위해 "새 스타일 시트 파일"을 선택합니다.
2. 확인 후 창을 열어 외부 스타일 시트를 저장하세요. 그런 다음 로컬 사이트에 저장하면 됩니다.
3. 이때 스타일 시트 창에 새로운 스타일 시트 파일이 추가된 것을 확인할 수 있습니다. 파일의 접미사는 CSS입니다.
4. 기타용 외부 스타일 시트 파일 해당 페이지를 사용하려면 스타일 시트 창 오른쪽 상단의 회색 아이콘을 클릭한 후 "스타일 시트 내보내기"를 선택하면 됩니다. 이때 스타일 이름을 지정하고 파일로 저장할 수 있습니다. 외부 파일.
5. 다른 페이지에서 외부 스타일 시트를 사용해야 하는 경우 스타일 시트 창에서 첫 번째 버튼인 "스타일 시트 첨부"를 클릭하여 창을 연 다음 외부 스타일 시트 파일을 선택하고 다른 이름으로 추가에서 "링크"를 선택하세요. 그리고 알았어 그게 다야.
26. 기타 CSS
****CSS의 배경은 텍스트 배경, 테이블 배경 이미지 등을 설정하는 것입니다.
****CSS의 블록은 텍스트의 텍스트 간격, 정렬, 아래 첨자, 위 첨자, 배열 등을 설정하는 것을 의미합니다.
****CSS에서 박스는 이미지와 텍스트 내용 사이의 여백 간격을 설정하고, 이미지와 텍스트를 혼합하는 방식을 의미합니다.
****CSS에서 테두리는 테이블 텍스트 영역, 버튼 등을 아름답게 만드는 것을 의미합니다.
****CSS의 목록은 목록 항목의 스타일을 설정하는 것을 의미합니다. 즉, 개요 같은 문단이다.
****CSS에서 위치 지정은 페이지에서 이미지의 상대적 위치와 절대 위치를 설정하는 것을 의미합니다.
****CSS의 확장으로 커서는 커서 스타일로 설정할 수 있으며 손(손 유형), 십자선(십자형), 텍스트("I" 유형), 대기(대기 유형), default(기본 유형), help(도움말 유형), 화살표 유형이 다양한 방향으로 표시됩니다.
****CSS의 확장 기능인 필터를 사용하여 CSS 필터 효과를 만들 수 있습니다. 즉, 이미지의 투명도, 광선 등을 처리할 수 있습니다. 그러나 효과는 그다지 뚜렷하지 않습니다. 이미지 처리에 특화된 소프트웨어를 사용하는 것이 좋습니다.
스물일곱. 온라인 사진 앨범 만들기
1 먼저 FireworksMX 소프트웨어를 설치합니다.
2. 온라인에 올려야 할 사진을 가공하여 동일한 크기로 가공한 후 폴더에 넣습니다.
3. 메뉴에서 명령/웹사이트 앨범 만들기를 클릭하여 설정 창을 엽니다.
4. 앨범 제목, 자막 정보, 기타 정보를 입력합니다. (나중에 수정할 수도 있습니다.) "원본 이미지 폴더"에서는 방금 사진을 저장한 폴더를 선택합니다.
5. "대상 폴더"에서 "찾아보기" 버튼을 클릭하여 현재 사이트 디렉토리를 선택하세요. (즉, 모든 사진을 사이트에 저장합니다.)
6. 필요에 따라 "썸네일 크기"를 선택할 수 있으며, "파일 이름 표시"를 선택하면 생성된 앨범 이름에 각 사진의 파일이 표시됩니다. .
7. "열" 그리드는 각 행에 표시되는 사진 수입니다. 기본값은 5이며 사용자가 직접 변경할 수 있습니다.
8. 일반적으로 다음 두 가지 "형식"에 대해 "고품질"을 선택합니다.
9 "각 사진에 대한 탐색 페이지 만들기" 옵션을 선택하세요. 좋아요.
28. 맞춤형 웹 페이지 전환 기능
*****웹 페이지 전환이란 시청자가 웹 페이지에 들어오거나 나갈 때를 말합니다. , 스크롤, 블라인드 등과 같이 페이지에 다양한 새로 고침 효과가 나타납니다. 웹 페이지가 더욱 역동적으로 보이겠지만, 적당히 주의를 기울여야 합니다. 그렇지 않으면 너무 화려한 변화가 시청자의 혐오감을 불러일으킬 수 있습니다. 단계:
1. 페이지를 열고 메뉴에서 삽입/파일 헤더 태그/메타를 클릭하면 메타 대화 상자가 나타납니다.
2. 대화 상자의 속성 옵션 드롭다운 목록에서 HTTP에 해당하는 옵션을 선택하고 값 상자에 Page-Enter를 입력하여 입력 시 웹 페이지 전환 효과가 있음을 나타냅니다. 웹페이지.
3. 콘텐츠 상자에 Revealtrans(Duration=4,Transition=2)를 입력합니다. Duration=4는 웹페이지 전환 효과의 지속 시간이 4초임을 의미합니다. 값이 2일 때 전환 효과 모드를 의미합니다. , 그것은 축소를 의미합니다.
4. 입력 후 확인을 눌러 저장하세요. 이런 식으로 하이퍼링크를 클릭해 이 페이지에 들어가면 효과를 볼 수 있습니다.
5. 선택할 수 있는 효과는 20개 이상입니다. 전환 값을 해당 효과의 코드 이름으로 변경하면 됩니다.
상자형 수축 0 용해 12
상자형 팽창 1 좌우로 가운데로 수축 13
원형 수축 2 가운데가 좌우로 팽창 14# 🎜🎜#원형 확장 3 중앙을 향해 상하로 축소 15
위로 지우기 4 가운데를 상하로 확장 16
아래로 지우기 5 왼쪽으로 계단식으로 확장 17
지우기 왼쪽으로 6 왼쪽 위로 계단식 확장 18
오른쪽으로 지우기 7 오른쪽 아래로 계단식 확장 19
버티컬 블라인드 8 오른쪽 위로 계단식 확장 20
가로블라인드 9개 가로줄 랜덤 21
가로체커보드형 10 세로줄 랜덤 22
세로체커판 11개 랜덤 23
****직접 만든 웹사이트 아이콘 등 웹사이트의 일부 콘텐츠는 반복적으로 사용해야 합니다. 이때 이 구성 요소는 라이브러리에 저장되며 다음에서 호출할 수 있습니다. 언제든지.
1. 페이지를 열고 아이콘 등 저장해야 하는 구성요소를 선택합니다.2. 메뉴창/자원을 클릭하면 자원창이 열립니다. 그런 다음 하단 책 샘플의 버튼을 선택하여 라이브러리 패널을 엽니다.
3 방금 선택한 아이콘을 라이브러리에 저장하려면 아래의 새로 만들기 버튼을 클릭하세요. 이때 이름을 지정할 수도 있습니다.
4. 라이브러리의 내용을 새 페이지에 적용하려면 라이브러리 패널을 열고 사용하려는 아이콘을 선택한 후 아래의 "삽입"을 클릭하세요.
1. 웹사이트의 경우 각 링크의 콘텐츠가 잘 디자인되어야 합니다. 예를 들어 내 웹사이트는 다음과 같습니다.
홈페이지에 있는 링크는 웹 버전, 애니메이션 버전, 메시지를 남겨주세요, 내 소개, 연락처, 소원병 웹 버전에 있는 링크는 웹마스터 프로필입니다. ¦¦교육 및 연구 논문 ¦ ¦교실에서 진실 찾기¦ ¦오리지널 코스웨어¦ ¦마음에서 우러나는 수집¦ ¦삶의 사진 남기기¦ ¦편지 보내기¦ ¦양궈가 목소리를 남기다¦
링크 애니메이션 버전은 웹 버전과 동일합니다.
다음 링크는 다양한 기사나 코스웨어 페이지로 연결됩니다. 예를 들어, "교실에서 진리 찾기"는 강의안 제목이 가득한 페이지로 연결되고, 각 강의안 제목에서 강의안이 배치된 페이지로 연결됩니다. 다른 사람들에게도 마찬가지입니다.
2. 자신의 계획과 선호에 더 적합한 웹페이지 템플릿을 다운로드하세요. (템플릿 웹사이트가 더 좋습니다:
http://www.mbsky.com
) , 여기에는 두 개의 파일이 포함됩니다. 하나는 index.htm이고 다른 하나는 일반적으로 이미지라는 이름의 폴더입니다. 이 폴더는 사진이 배치되는 장소라고 합니다. 3. 사이트를 정의한 다음 이 두 파일(폴더)을 사이트 폴더에 복사합니다. 4. index.htm 파일을 더블클릭하여 홈페이지 편집 상태로 들어갑니다. 그런 다음 필요에 맞게 페이지를 수정할 수 있습니다. 이것으로 홈페이지가 완성됩니다.
**** 웹사이트에 반복되는 페이지 수가 많을 때 사용됩니다. (템플릿을 생성하고 사용하기 전에 반드시 사이트를 정의하세요.) 32. 나만의 웹사이트 업로드 1. 웹사이트 공간을 신청한 후 인터넷에 업로드하세요. 현재는 기본적으로 여유 공간이 없으며, 여유 공간도 광고를 게재하거나 유료 공간을 신청해야 웹사이트 테스트로 사용할 수 있는 약 10일의 시험 기간을 제공합니다. 33. 웹사이트 홍보 다른 사람에게 웹사이트 주소를 알리는 방법에는 두 가지가 있습니다.
1. 페이지를 선택하고 파일/템플릿으로 저장을 클릭하면 현재 페이지가 템플릿으로 저장됩니다. "템플릿 저장" 창이 열리고 템플릿 이름을 지정한 후 저장합니다.
2. 이때 사이트에 Templates라는 폴더가 자동으로 생성되고, 우리가 저장한 템플릿이 이 디렉토리에 저장되어 있는 것을 확인할 수 있습니다. 확장자는 .dwt
3입니다. 이 템플릿은 현재 사용 중인 경우 수정할 수 없습니다. 그래서 템플릿의 편집 가능 영역을 설정해 주어야 합니다.
4. 예를 들어 현재 템플릿 페이지에서는 페이지 중간 부분을 편집 가능하게 만들어야 템플릿 사용 시 콘텐츠를 추가할 수 있습니다. 페이지 중앙에 있는 테이블 셀을 선택하고(Ctrl 키를 누른 채 셀 클릭) 메인 메뉴에서 삽입/템플릿 개체/편집 가능 영역을 클릭합니다. 템플릿 이름을 지정하고 확인을 클릭할 수 있는 대화 상자가 열립니다.
5. 이때 정의된 편집 가능한 영역은 연한 파란색 선으로 테두리가 표시되어 있으며, 왼쪽 상단에 해당 영역의 이름이 있습니다. 템플릿 파일을 저장하고 닫습니다.
6. 메인 메뉴에서 파일/새로 만들기를 클릭하고 새 페이지 창에서 위의 "템플릿" 옵션을 클릭하세요.
7. 이때 현재 정의된 사이트는 "템플릿 대상" 열에 나열되며 해당 사이트가 소유한 템플릿 파일이 창 중간 열에 표시됩니다. 템플릿을 선택하면 '미리보기' 열에서 미리 볼 수 있습니다. 그런 다음 "만들기" 버튼을 클릭하여 새 페이지를 만듭니다.
8. 새로 나타나는 페이지에서는 편집 가능한 부분을 제외한 다른 부분은 수정할 수 없습니다.
2. 신청서를 클릭하면 등록을 요청하는 양식이 나타납니다. 여기에는 일반적으로 사용자 이름, 비밀번호, 이메일, 연락처, 시/도, 홈페이지 이름, 홈페이지 카테고리, 홈페이지 소개 등이 포함됩니다.
3. 모두 입력하면 다음 항목이 제공됩니다. ① 사용자 이름(방금 입력) ② 비밀번호(방금 입력) ③ FTP 업로드 주소 ④ 홈페이지 주소(때때로 위 항목이 입력한 이메일 주소로 전송됩니다. )
4 FTP 업로드 소프트웨어를 다운로드하고 설치하면 CuteFtp를 사용할 수 있습니다(Kunshan Windows/소프트웨어는 무료로 다운로드 가능)
5 CuteFtp 소프트웨어를 열고 메인 메뉴에서 파일/사이트 관리자를 클릭합니다.
6. 열린 대화 상자에 FTP 업로드 주소, FTP 사이트 사용자 이름, FTP 사이트 비밀번호를 입력한 후 연결을 클릭하여 사이트 서버에 연결합니다. (두 번째 열 때 자동으로 연결되므로 다시 입력할 필요가 없습니다.)
7. 연결이 완료되면 페이지에 프레임이 나타나고 왼쪽은 로컬 컴퓨터에 있는 파일입니다. 쪽은 원격 컴퓨터입니다. 왼쪽에 있는 파일(즉, 완성된 웹사이트 파일)을 하나씩 오른쪽으로 드래그하면 업로드가 완료됩니다.
1. 웹사이트를 주요 검색 엔진에 로그인합니다.
2. 수동 로그인. 예를 들어 바이두(www.baidu.com)를 열면 아래에 '웹사이트 로그인' 링크가 있는데, 클릭하면 웹사이트 주소, 이름, 내용 등을 입력하라는 메시지가 나옵니다. 그러면 Baidu의 검색 엔진에 포함되어 다른 사람들이 귀하의 웹사이트를 검색할 수 있습니다. 다른 사이트에서도 로그인 방법은 동일합니다.
위 내용은 Dreamweaver를 사용하여 웹 사이트를 설정하는 세부 단계의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!