웹 페이지 제작 실험 보고서

웹 페이지 제작 실험 보고서


실험 1 : 사이트 설정

첫째, 실험의 목적과 요구 사항

이 예제는 사이트 정의 대화 상자의 고급 탭을 통해 새 사이트를 만듭니다.

둘째, 장비

1. 학생 당 멀티미디어 컴퓨터 1 대, 내부 지역 네트워크 설정 및 국제 인터넷 접속.

2, Windows XP 운영 체제를 설치, ISIS 서버 환경을 설정 ASP를 지원합니다.

3, 웹 페이지 세 검술사 및 기타 웹 디자인 소프트웨어를 설치;

셋째, 실험 원리

사이트 정의 대화 상자의 고급 탭에서 새 사이트를 만듭니다.

넷째, 실험 방법 및 단계

1) "사이트 \ 사이트 관리"명령을 실행하고 팝업 "사이트 관리"대화 상자에서 "추가"버튼을 클릭 한 다음 팝업 바로 가기 메뉴에서 "사이트"명령을 선택하십시오.

2) 나타나는 "사이트 정의"대화 상자에서 "고급"탭을 클릭하십시오.

3) "Site Name"텍스트 상자에 사이트 이름을 입력하고 "Default Folder"텍스트 상자에서 생성 된 사이트 폴더를 선택하십시오. "기본 이미지 폴더"텍스트 상자에서 이미지가 저장 될 폴더를 선택하고 "확인"버튼을 클릭하여 "사이트 관리"대화 상자로 돌아갑니다.

4) "사이트 관리"대화 상자에서 "마침"버튼을 클릭하면 사이트가 생성됩니다.

V. 실험 결과


토론 및 결론

실험이 시작되기 전에 루트 폴더가 설정되어야하며, 실험 과정에서 사이트는 자체적으로 구축 된 폴더에 저장되므로 실험 후에 실험을 구성하고 사이트를 찾을 수 없습니다. 일부 옵션은 실험 중에 나타납니다 컴퓨터는 일반적으로 기본 선택 사항을가집니다. 끝에 변경하지 마십시오 옵션을 변경하려면 옵션의 의미와 영향을 완전히 이해해야합니다. 그렇지 않으면 실험 결과가 왜곡됩니다. 실험하기 전에 운영 소프트웨어에 익숙해지는 것이 실험을 수행하는 핵심입니다.


실험 2 : 페이지 이미지 설정

첫째, 실험의 목적과 요구 사항 :

이 예제의 목적은 페이지의 배경 이미지를 설정하고 마우스 패스 이미지를 만드는 것입니다.

둘째, 장비

1. 학생 당 멀티미디어 컴퓨터 1 대, 내부 지역 네트워크 설정 및 국제 인터넷 접속.

2, Windows XP 운영 체제를 설치, ISIS 서버 환경을 설정 ASP를 지원합니다.

3, 웹 페이지 세 검술사 및 기타 웹 디자인 소프트웨어를 설치;

4, 설치 acdsee, 포토샵 및 기타 그래픽 처리 및 생산 소프트웨어;

5, 기타 애니메이션 및 그래픽 처리 또는 프로덕션 소프트웨어.

셋째, 실험 원리

페이지의 배경 이미지를 설정하고 마우스 패스 이미지를 만듭니다.

넷째, 실험 방법 및 단계

1) 페이지 등록 정보 대화 상자에서 페이지의 배경 이미지를 설정하십시오.

2) 페이지 문서에서 ""을 클릭하여 마우스를 이미지에 삽입하십시오.

V. 실험 결과


토론 및 결론

실험이 끝나면 페이지의 배경이 삽입 된 이미지가되고 마우스가 지나면 이미지를 통과하는 마우스의 효과 인 다른 이미지가 나타납니다. 물론 실험적 효과의 스크린 샷에는 이런 종류의 실험적 효과가 나타나기가 어렵습니다. 이 실험의 핵심은 배경 이미지를 선택하는 것입니다. 배경 이미지가 너무 크면 웹 페이지의 여는 속도에 영향을 줄뿐만 아니라 이미지가 삽입 될 때 이미지가 왜곡되므로 삽입하기 전에 이미지에 필요한 처리를 수행 할 수 있습니다. 실험을 더 잘 진행하십시오.


실험 3 : 양식 만들기

첫째, 실험의 목적과 요구 사항 :

이 예제는 1 픽셀의 선으로 테이블을 생성하는 것입니다.

둘째, 장비

1. 학생 당 멀티미디어 컴퓨터 1 대, 내부 지역 네트워크 설정 및 국제 인터넷 접속.

2, Windows XP 운영 체제를 설치, ISIS 서버 환경을 설정 ASP를 지원합니다.

3, 웹 페이지 세 검술사 및 기타 웹 디자인 소프트웨어를 설치;

4, 설치 acdsee, 포토샵 및 기타 그래픽 처리 및 생산 소프트웨어;

5, 기타 애니메이션 및 그래픽 처리 또는 프로덕션 소프트웨어.

셋째, 실험 원리

1 픽셀의 선으로 표를 만듭니다.

넷째, 실험 방법 및 단계

1) 문서에서 ""표 단추를 클릭하고 대화 상자에서 "셀 간격"을 "1"로 설정하십시오.

2) 삽입 된 표를 선택하고 "배경색"을 "검정색"으로 설정하십시오.

3) 표의 모든 셀을 선택하고 속성 패널에서 배경색을 "흰색"으로 설정합니다.

4) 설정 후, 페이지를 저장하고 미리보기 위해 "f12"버튼을 누르십시오.

V. 실험 결과


토론 및 결론

이 실험은 실험적 효과를 이끌어 내기 위해 주로 표 전체의 색상과 셀의 차이를 사용합니다. 간격의 효과는 주로이 색상 차이를 표현하는 것입니다. 표의 배경색과 셀의 배경색은 쉽게 혼란 스럽다. 실험에서 심각하게 판단 할 필요가 있으며 일단 조작이 잘못되면 실험적 효과가 얻어지지 않는다. "Table Width"텍스트 상자의 오른쪽에있는 테이블의 너비 ( "픽셀"과 "퍼센트"포함)는 혼동하기 쉽습니다. 두 단위의 의미를 완전히 이해하려면 올바르게 선택할 수 있습니다. 그렇지 않으면 직접 선택할 수 있습니다. 원하는 효과, 설정 오류 심각하게 실험 결과에 영향을 미칠 것입니다.


실험 4 : 앵커 링크 설정

첫째, 실험의 목적과 요구 사항 :

이 예제의 목적은 앵커 링크를 설정하는 것입니다.

둘째, 장비

1. 학생 당 멀티미디어 컴퓨터 1 대, 내부 지역 네트워크 설정 및 국제 인터넷 접속.

2, Windows XP 운영 체제를 설치, ISIS 서버 환경을 설정 ASP를 지원합니다.

3, 웹 페이지 세 검술사 및 기타 웹 디자인 소프트웨어를 설치;

4, 설치 acdsee, 포토샵 및 기타 그래픽 처리 및 생산 소프트웨어;

5, 기타 애니메이션 및 그래픽 처리 또는 프로덕션 소프트웨어.

셋째, 실험 원리

앵커 링크를 설정하십시오.

넷째, 실험 방법 및 단계

1) 페이지에 1 행 4 열의 표를 삽입하고 각 셀에 탐색 텍스트를 입력하십시오.

2) 각 셀의 텍스트를 개별적으로 선택하고 ""버튼을 클릭하고 팝업 "슈퍼 링크"대화 상자의 "링크"텍스트 상자에 "# 01" "# 02" "# 03" "# 04"를 입력하십시오. ".

3) 문서에 텍스트를 입력하고 앵커 이름을 "01"로 설정하고 "Enter"버튼을 눌러 라인을 변경하고 기사를 입력하십시오.

4) 기사의 끝에 줄을 감싸고 텍스트를 입력하고 앵커 이름을 "02"로 설정하고 "Enter"버튼을 눌러 줄을 감싸고 기사를 입력하십시오.

5) 같은 방법으로 페이지에 "03"과 "04"라는 텍스트와 명명 된 앵커를 입력하고 기사를 입력하십시오.

6) 페이지를 저장하고 "f12"버튼을 눌러 미리 봅니다.

V. 실험 결과

토론 및 결론

명소 추가의 목적은 독자들이 원하는 기사를 빨리 찾을 수 있도록 도와 주며, 동시에 페이지를 간소화합니다. 이 실험의 주요 어려움은 링크 텍스트 상자에 입력 한 이름과 대상의 이름이 실험 효과를 얻기 위해 일치해야한다는 점과 동시에 이전 기사 마지막 부분에 텍스트를 입력하고 대상의 이름을 설정하는 것을 잊지 말고 해당 텍스트를 입력하는 것을 잊지 마십시오 기사를 사용할 수 없습니다. 낮은 숙련도 실험에서 다양한 도구가 잘 사용되지 않아 한 번에 적절한 위치를 찾는 것이 불가능했습니다. 실험에서 "보이지 않는 요소"를 선택하는 것을 잊어 버렸고 여러 실험이 실패했으며 마지막으로 올바른 결론을 얻었습니다. 그러므로 실험 전에 잘 준비 할 필요가 있습니다. 그렇지 않으면 실험 과정이 더 어려워집니다.


실습 5 : CSS 스타일 설정

첫째, 실험의 목적과 요구 사항 :

이 예제의 목적은 css 스타일을 설정하여 테이블의 파선을 만드는 것입니다.

둘째, 장비

1. 학생 당 멀티미디어 컴퓨터 1 대, 내부 지역 네트워크 설정 및 국제 인터넷 접속.

2, Windows XP 운영 체제를 설치, ISIS 서버 환경을 설정 ASP를 지원합니다.

3, 웹 페이지 세 검술사 및 기타 웹 디자인 소프트웨어를 설치;

4, 설치 acdsee, 포토샵 및 기타 그래픽 처리 및 생산 소프트웨어;

5, 기타 애니메이션 및 그래픽 처리 또는 프로덕션 소프트웨어.

셋째, 실험 원리

CSS 스타일을 설정하여 테이블의 점선을 만듭니다.

넷째, 실험 방법 및 단계

1) 웹 페이지에 양식을 작성하십시오.

2) "CSS 스타일"패널에서 ""버튼을 클릭하고 팝업 대화 상자에서 설정을 한 다음, 완료되면 "확인"버튼을 클릭하십시오.

3) 팝업 대화 상자에서 설정을하고 완료되면 "확인"버튼을 클릭하십시오.

V. 실험 결과


토론 및 결론

대화 상자에 표시기와 속성을 설정하는 데는 몇 가지 어려움이 있습니다. 능숙하지 않으면 실수하기 쉽고 실험에 실패합니다. "ccs"스타일에 사용되는 다양한 버튼에 익숙하지 않은 경우 사용시 매우 둔탁합니다. 이 실험의 성공의 열쇠는 소프트웨어의 숙달 정도와 다양한 속성에 대한 이해 정도에 있으며 소프트웨어의 다양한 작업을 완벽하게 파악하고 각 속성의 의미를 완전히 이해하는 한 실험을 성공적으로 완료 할 수 있습니다.


실습 6 : 양식 만들기

첫째, 실험의 목적과 요구 사항 :

이 예제의 목적은 기금 조성 양식을 만드는 것입니다.