FrontPage를 사용하여 웹 페이지 만들기. 이미지를 배경으로 사용하기 FrontPage에서 페이지 템플릿 만들기

시각적 경험을 향상시키기 위해 사이트에 무엇을 추가할 수 있습니까? 할 수 있다 페이지 배경 설정. 회색 배경의 흰색 페이지가 훨씬 더 잘 인식됩니다.

페이지 배경의 목적은 주의를 산만하게 하는 것이 아니라 사이트 콘텐츠에 대한 관심을 강조하고 집중시키는 것입니다. 따라서 무채색 배경을 사용하는 것이 옳습니다. 일반적으로 이들은 회색 음영입니다.

페이지에 배경을 추가해 보겠습니다. 이제 저희 웹사이트는 다음과 같습니다(링크를 클릭하세요).

1. 배경을 추가하려면 Frontpage 프로그램을 열고 메뉴에서 "체재"누르다 " 배경"

3. "기타..."를 클릭하세요.

4. 다음 값을 설정합니다.

색조: 160, 대비: 0, 밝기: 216,

빨간색: 230, 녹색: 230, 파란색: 230

그리고 여기저기 클릭해 보세요 " 좋아요"

5. 모든 조작 후에 모든 것이 회색으로 칠해졌습니다. 페이지 배경과 페이지 자체가 밝은 회색으로 변했습니다.

셀을 흰색으로 다시 칠하는 방법

페이지를 흰색으로 만들려면 셀을 흰색으로 다시 칠해야 합니다.

6. 이렇게 하려면 페이지를 마우스 오른쪽 버튼으로 클릭하고 "셀 속성"

7. 다음: "배경" - "색상" - "흰색 색상" - "적용" - "확인"

9. 따라서 사이트 페이지에 배경을 만들었습니다. 이제 페이지 자체는 흰색이고 배경은 밝은 회색입니다.

이 페이지는 훨씬 더 읽기 쉽고 배경과 섞이지 않습니다. 링크를 클릭하시면 사이트 페이지를 원본 크기로 보실 수 있습니다.

Frontpage 프로그램을 사용하여 사이트에 비디오 삽입조금도 어렵지 않습니다. 이렇게 하려면 인터넷을 검색하거나 추가 플러그인이나 스크립트를 다운로드하여 사용할 필요가 없습니다. 이번 강의에서는 인기 동영상 호스팅 사이트인 YouTube에서 웹사이트에 동영상을 삽입하는 방법을 알려드리겠습니다. 이 작업은 쉽고 빠르게 이루어지며 더욱이 무료입니다.

YouTube에서는 언제든지 어떤 주제에 대해서도 무료로 제공되는 많은 동영상을 찾아 웹사이트 페이지에 추가할 수 있습니다.

아니면 직접 동영상을 녹화할 수도 있습니다. 비디오 호스팅에 업로드한 다음 YouTube에서 웹사이트에 삽입할 수도 있습니다. 이렇게 하려면 먼저 서비스에 등록하고 계정을 생성하면 됩니다.

사이트에 동영상을 삽입하는 이유는 무엇인가요?

첫째, 귀하의 사이트에 사진, 텍스트, 그래픽 외에 비디오도 포함되어 있다면 사이트가 더욱 흥미롭고 매력적일 것입니다. 비디오는 사람들이 제안의 본질을 더 잘, 더 명확하게 이해하는 데 도움이 됩니다.

둘째, 방문자가 동영상을 시청하면 일정 시간 동안 사이트에 머물며 떠나지 않습니다. 그리고 이는 검색 엔진의 웹사이트 홍보에 매우 좋은 영향을 미칩니다.

때로는 비디오 없이는 불가능할 때도 있습니다. 예를 들어, 한 주부가 뜨개질과 바느질 강습을 위한 웹사이트를 만들었습니다. 여기서는 사진과 텍스트만으로는 충분하지 않을 것이라고 확신합니다. 그러나 뜨개질 바늘을 삽입할 루프와 조이는 매듭에 대한 비디오를 녹화한 다음 비디오를 웹 사이트에 추가하면 모든 것이 즉시 명확해집니다.

또는 다른 주제별 사이트. 예를 들어, 낚시 장비를 적절하게 준비하는 방법이나 복근을 적절하게 펌핑하는 방법 등이 있습니다. 여기서 비디오 없이 어떻게 할 수 있나요?

웹사이트에 YouTube 동영상을 삽입하는 방법

이 작업은 매우 간단하게 수행된다는 점을 반복합니다. 비디오의 HTML 코드는 YouTube에서 복사되어 웹사이트 페이지에 붙여넣어집니다. 이 모든 작업은 3분도 채 걸리지 않습니다. 나는 이전 수업에서 만든 웹사이트를 사용하여 이것을 배울 것을 제안합니다. '모듬' 차 선물세트 영상리뷰를 올려보겠습니다.

스페셜 영상은 제가 직접 촬영한 것이 아니라는 점을 바로 말씀드리겠습니다. 차는 정말 맛있어서 금방 마셨습니다. 하지만 영상을 녹화할 시간이 없었어요))

그래서 이 선물 세트에 대한 짧은 동영상을 YouTube에서 찾았습니다. 이는 예로서 우리에게 매우 적합할 것이며 html로 작성된 웹사이트의 페이지에 비디오가 삽입되는 방식의 원리를 이해하는 데 도움이 될 것입니다.

자, 여기 있습니다:

1. www.youtube.com 웹사이트로 이동하여 검색창에 "라는 문구를 입력하세요. 그린필드 티 선물세트". 아래에는 우리의 요청을 충족하는 동영상 목록이 표시됩니다. 위에서 네 번째 동영상을 선택했습니다(작성해주신 작성자에게 감사드립니다). 만일을 대비해 직접 링크를 알려드리겠습니다. http://www.youtube.com/watch?v=hNFpu3EOPAM

3. 그런 다음 "HTML 코드"

4. 코드 복사

5. Frontpage에서 차에 관한 웹사이트를 엽니다. 이제 다음과 같이 보이고 (링크를 클릭하고) 문자를 넣으십시오. " 영형"라는 말 위에 " 배달"

6. 다음으로 마우스 왼쪽 버튼으로 문자 "를 선택합니다. 영형", 모드로 이동 "분열로", "코드 상단에"라는 문자가 있습니다. 에 대한"그리고 강조도 해

7. 코드에서 문자 대신 " 에 대한"복사한 비디오 코드를 붙여넣고(4단계 참조) "생성자" 버튼을 클릭한 다음 저장을 클릭하세요.

8. 모든 조작의 결과로 사이트 페이지에 회색 직사각형이 삽입되었습니다. 그것은 말한다: " 페이지를 열 수 없습니다'그리고 YouTube의 동영상 링크가 있습니다.

10. 그게 다야. 우리 웹사이트에 동영상을 삽입했습니다.. 이제 사이트에는 텍스트와 그림 외에도 시각화도 있습니다.

이제 사진을 클릭하면 새 창에서 실제 크기로 사이트가 열립니다. 거기에서 비디오가 작동하는지 확인할 수 있습니다.

제 생각에는 이러한 비디오 리뷰는 텍스트와 사진 외에도 우리가 구매하도록 제안하는 제품의 크기, 내용 및 품질에 대한 더 명확한 아이디어를 제공합니다.

따라서 비디오는 가능할 뿐만 아니라 웹 사이트에서 사용하는 데에도 필요합니다. 가장 중요한 것은 그것을 과용하지 않는 것입니다. 웹사이트를 만들 때 실수하지 않는 방법과 기타 요령은 "사람들이 좋아하는 웹사이트를 만드는 방법"이라는 비디오 과정 3번에 자세히 설명되어 있습니다. 강력 추천.

그리고 휴식을 위해 아름다운 비디오를 시청하는 것이 좋습니다.

질문과 답변

친애하는 친구! 질문이나 제안이 있거나 갑자기 명확하지 않은 내용이 있으면 언제든지 저에게 편지를 보내주세요. 이를 위해 사이트에 특별한 양식이 생성되었음을 상기시켜 드리겠습니다. 나는 모든 사람의 편지에 반드시 답장을 합니다.

얼마 전부터 저는 "Microsoft Office FrontPage 2003"(384페이지), 러시아어 버전(+1 CD), Moscow, 2005라는 책에서 "Microsoft FrontPage 2003" 프로그램을 공부하기 시작했습니다. , 사용자가 얻는 것과 책에서 어떻게 보이는지 비교할 수 있도록 삽화와 스크린샷이 많이 있다는 것입니다. 그리고 CD에는 책의 첫 페이지 수업에 대한 추가 자료가 제공됩니다. 190페이지를 읽었는데 모든 것이 괜찮았고 모든 연습이 책에 나온 것과 똑같이 나왔습니다. "테두리 및 음영 추가"(190-194페이지) 주제에 도달했습니다. 나는 내 명령에서 발생한 문제의 본질에만 집중할 것입니다.
1) 연습에서는 한 페이지짜리 웹사이트를 만들어야 합니다.
2) index.htm 사이트의 메인(홈) 페이지를 엽니다.
3) 페이지에서 Enter를 여러 번 눌러 커서가 페이지 맨 아래로 떨어지도록 해야 합니다(또는 조금 더 낮은 것도 가능).
4) 커서가 하단에 있을 때 Ctrl + A를 눌러 전체 페이지를 선택하면 선택한 페이지가 검은색으로 변합니다.
5) 이제 페이지에 배경 이미지를 만들어야 합니다.
a) 도구 모음에서 서식을 클릭하고 테두리 및 음영을 선택합니다.
b) 채우기 탭으로 이동합니다.
c) 패턴이라고 표시된 필드 하단에서 찾아보기 버튼을 클릭하고... 컴퓨터에서 배경에 적합한 이미지를 선택합니다(크지 않음, 페이지 크기의 약 1/16-1/32). 그런 다음 이미지 경로가 컴퓨터의 배경 패턴 줄에 표시되어야 합니다.
d) 이제 사이트 페이지 index.htm에서 이 배경 이미지의 위치에 대한 설정을 지정합니다.


반복: X축
첨부파일: 스크롤
e) 추가 확인을 클릭하고 Front Page 프로그램의 보기 탭(하단에 있음)을 살펴보십시오. 배경 이미지는 페이지에서 수평으로(왼쪽에서 오른쪽으로) 증가합니다.
f) Front Page 프로그램의 디자이너 탭으로 돌아가서 4) 단계부터 반복합니다. - 페이지를 선택하여 d) 여기서 새로운 설정을 지정합니다.
수직 위치: 중앙
수평 위치: 중앙
반복: Y축
첨부파일: 스크롤
g) 확인을 클릭하고 Front Page 프로그램의 보기 탭을 살펴보십시오. 배경 이미지는 페이지에 수직으로(위에서 아래로) 나타납니다.
h) Front Page 프로그램의 디자이너 탭으로 돌아가서 4) 단계부터 반복합니다. - 페이지를 선택하여 d) 여기서 새로운 설정을 지정합니다.
수직 위치: 중앙
수평 위치: 중앙
반복: X 및 Y축
첨부파일: 스크롤
i) 확인을 클릭하고 Front Page 프로그램의 보기 탭을 보십시오. 배경 이미지가 전체 페이지를 덮게 됩니다(전체 페이지에 걸쳐 증가).
이전에 일어난 모든 일은 책에 나오는 연습과 일치합니다. 이제 문제가 발생합니다.
j) Front Page 프로그램의 디자이너 탭으로 돌아가서 4) 단계부터 반복합니다. - 페이지를 선택하여 d) 여기서 새로운 설정을 지정합니다.
수직 위치: 중앙
수평 위치: 중앙
반복: 아니요
첨부파일: 스크롤
l) 확인을 클릭하고 프론트 페이지 프로그램의 보기 탭을 보십시오. 배경 이미지는 (설정에 따라) 페이지 중앙에 단일 복사본으로 표시되어야 하지만 어떤 이유로든 이런 일이 발생하지 않습니다. 페이지 전체에 걸쳐 증가합니다. 문제가 무엇인지 알 수 없습니다. 도와 주셔서 감사합니다!

개발과 함께 인터넷정보 교환 프로토콜이 나타났습니다. 이 프로토콜을 HTTP(하이퍼텍스트 전송 프로토콜- 하이퍼텍스트 전송 프로토콜) 이 프로토콜과 함께 서비스가 나타났습니다. 월드 와이드 웹(흔히 불린다. WWW아니면 단순히 편물), 광범위한 서버 네트워크를 제공합니다. HTTP다음을 통해 파일 전송 인터넷.

이 파일의 주요 부분은 다음과 같습니다. 웹페이지– 해당 언어로 작성된 특수 파일 HTML(하이퍼텍스트 마크업 언어)– 하이퍼텍스트 마크업 언어). 웹페이지에 출판됨 인터넷그러한 파일을 서버에 배치함으로써 HTTP(웹사이트). 콘텐츠 웹페이지다를 수 있고 완전히 임의적인 주제에 전념할 수 있지만 모두 동일한 기반, 즉 언어를 사용합니다. HTML.
자신만의 웹사이트나 페이지를 만들고 싶어하는 대부분의 사람들은 해당 언어에 익숙합니다. HTML소문으로만. 따라서 프로그램이 도움을 줄 수 있습니다 마이크로소프트 프론트페이지, 가장 유명한 웹 사이트 빌더 중 하나입니다.

응용 프로그램 패키지에 포함된 FrontPage 마이크로 소프트 오피스, 널리 사용되는 최초의 제품이되었습니다. 인터넷, 클라이언트와 서버 부분을 결합하고 사이트 전체를 개발하고 가장 널리 사용되는 서버에 설치할 수 있는 기능을 제공합니다. 첫 장필요한 모든 프로그래밍 작업을 수행할 수 있습니다. 하지만 첫 장또한 창의적인 프로세스를 완벽하게 제어하기를 원하는 전문 개발자를 위한 중요한 보조 도구가 될 것입니다.

프로그램 창 첫 장 2003.

프로그램 첫 장회사에서 출시한 마이크로소프트패키지에 포함된 제품과 동일한 스타일로 제작되었습니다. 마이크로 소프트 오피스, 따라서 프로그램의 외관은 워드 프로세서와 거의 다르지 않습니다. 단어 .

창 상단에는 메뉴 표시줄과 두 개의 도구 모음이 있습니다. 표준 및 서식. 도구 모음 표시를 활성화하거나 비활성화할 수 있습니다. 메뉴 보기.
왼쪽에는 보기 패널, 문서 모드를 전환할 수 있습니다.
창의 주요 부분은 개별 문서가 포함된 하나 이상의 창을 열 수 있는 작업 영역이 차지합니다.
창 하단에는 상태 표시 줄, 포함 배경 정보. 또한 창 하단에는 세 개의 문서 보기 버튼이 있습니다.
도구 모음을 표시합니다.
도구 모음을 관리하려면 첫 장에서와 동일한 방법을 사용할 수 있습니다 마이크로 소프트 워드. 즉:
메뉴에 보다선택해야 툴바 항목, 그리고 열리는 새 하위 메뉴에서 - 설치 체크박스필요한 도구 모음 반대편에 있습니다. 또는 클릭 마우스 오른쪽 버튼으로 클릭어떤 이유로 제어판(또는 그 옆 영역) 동일한 방식으로 상황에 맞는 메뉴를 사용하십시오.

첫 장, 다른 애플리케이션과 마찬가지로 마이크로 소프트 오피스를 사용하면 도구 모음의 메뉴 항목과 버튼을 추가, 삭제, 재정렬할 수 있습니다. 완전히 자신만의 패널을 만드는 것도 가능합니다.
이렇게 하려면 다음이 필요합니다.

안에 서비스 메뉴선택하다 항목 설정…
또는
V 메뉴 보기선택하다 툴바 항목, 그리고 나타나는 계단식 메뉴에서 - 항목 설정…
작업의 결과로 대화 상자가 열립니다. 설정, 필요한 패널을 설치할 수 있습니다.

새로 만들기 웹페이지.

시작했다면 첫 장, 그것은 새로운 것을 의미합니다 웹 페이지이미 생성했습니다(시작 시 첫 장새로운 빈 것이 즉시 열립니다 웹 페이지, 텍스트 및 기타 요소를 배치할 준비가 됨).
새로 만들기 웹 페이지다른 방법으로도 할 수 있습니다:

버튼 사용 새 페이지~에 표준 패널도구.
파일 메뉴하위 메뉴 선택 만들다, 그런 다음 - 페이지또는 웹사이트;
조합 사용 Ctrl+N;
사용하여 상황에 맞는 메뉴(다음을 제외한 모든 모드에서 작동합니다. 작업 및 보고서) - 내부에서는 폴더 목록주어진 편물) 마우스 오른쪽 버튼을 클릭하고 나타나는 컨텍스트 메뉴에서 항목을 선택해야 합니다. 생성  페이지.

마법사와 템플릿을 사용하여 페이지 만들기.

위에서 말씀드렸던 것처럼 메뉴를 이용하여 새 페이지를 생성했다면 파일  신규  페이지 또는 웹사이트, 저것 첫 장템플릿을 사용하여 새 페이지를 만들라는 메시지가 표시됩니다.
이렇게 하려면 아래와 같은 모양의 대화 상자가 열립니다.

탭에서 흔하다이 대화 상자에는 템플릿 목록이 표시됩니다. 첫 장, 지금 사용 가능. 템플릿 중 하나를 선택하면 해당 설명을 볼 수 있습니다. 샘플 필드.
창조 FrontPage 웹.
마이크로소프트 프론트페이지 웹- 이것은 세트입니다 웹페이지, 이미지 파일 및 기타 구성 요소를 전체적으로 볼 수 있습니다.
홈페이지를 만들면 첫 장, 저장하는 가장 편리한 방법은 다음을 사용하는 것입니다. FrontPage 웹.
가장 중요한 장점은 다음에 포함된 파일의 이름을 바꾸는 기능입니다. FrontPage 웹.
귀하의 사이트를 게시하기 전에 인터넷갑자기 두 개의 파일 이름이 러시아 이름으로 지정되어 있음을 발견했습니다. - "이제 모든 파일을 살펴보고 링크를 수동으로 변경해야 합니다!" 여기가 도움이 될 것입니다. FrontPage 웹- 안전하게 파일 이름을 바꿀 수 있습니다. 첫 장포함된 다른 모든 파일을 독립적으로 검토합니다. FrontPage 웹수정한 파일에 대한 모든 링크의 이름이 변경됩니다.
다른 장점을 모두 설명하지는 않겠지만, 모든 가능성을 활용하려면 이 점을 말씀드리고 싶습니다. 첫 장, 그렇다면 사용하는 것이 좋습니다 FrontPage 웹.
그래서 새로운 것을 만들려면 FrontPage 웹도구 모음에서 새 페이지 버튼 왼쪽에 있는 화살표를 클릭하고 나타나는 드롭다운 메뉴에서 항목을 선택합니다. 웹사이트…

웹페이지를 엽니다.

웹사이트를 만들 때 이미 만들어진 내용을 편집해야 하는 경우가 많습니다. 웹페이지. 원하는 만큼 동일한 페이지로 돌아가서 편집하거나 페이지의 일부를 사용하여 새 페이지를 만들 수 있습니다. 웹페이지.

기존 항목 열기 웹 페이지기존 모드에서 모두 가능합니다.

모드에서 페이지 조회수기존 페이지를 여는 방법에는 네 가지가 있습니다.

편도

당신이 함께 일하고 있다면 FrontPage 웹을 누른 다음 원하는 파일을 선택하기만 하면 됩니다. 폴더 목록그리고 마우스로 더블클릭하세요.

방법 2

파일 메뉴에서 최신 파일. 나타나는 계단식 메뉴에서 원하는 파일을 선택하십시오.

3방향

파일 열기 대화 상자 사용: 파일  열기.

시사.

브라우저에서 페이지가 어떻게 보이는지 직접 보려면 편집 모드에서 미리보기 탭을 사용할 수 있습니다. 웹페이지. 하지만 이 경우 브라우저가 첫 장일부 요소는 표시되지 않습니다. 페이지, 따라서 다음을 수행하는 것이 가장 좋습니다.
도구 모음의 버튼을 사용하세요
또는 파일 메뉴물품을 고르시 오 시사 r 브라우저에서.

첫 번째 방법을 사용한 경우 페이지 내용이 내장 브라우저에 표시됩니다. 첫 장.
두 번째 방법을 사용했다면, 첫 장대화 상자가 표시됩니다 브라우저에서 보기...

여기에서 다음을 수행할 수 있습니다.
귀하의 정보를 보려는 브라우저를 선택하세요 웹 페이지. 일반적으로 처음에는 여기에 표시됩니다. 브라우저, 이는 기본적으로 컴퓨터에 설치됩니다.
버튼을 사용해야 하는 다른 브라우저를 추가하세요. 추가하다.
설치된 브라우저를 편집하거나 제거합니다.
화면 크기를 설정하세요. 웹 페이지

보존 웹페이지.

기본 첫 장이름 대신 페이지당신의 텍스트 첫 줄을 가져옵니다 페이지. 이것이 항상 필요한 것은 아닙니다. 다음을 사용하여 페이지 제목을 변경할 수 있습니다. 편집 버튼- 이 버튼을 클릭하면 제목 대화 상자가 열립니다. 페이지, 이름을 변경할 수 있습니다. 페이지.

제거 웹페이지.

함께 일할 때 웹사이트조만간 일부 페이지가 더 이상 필요하지 않아 삭제하고 싶을 것입니다.

제거하는 방법은 3가지가 있습니다 웹페이지.

편도

패널에서 폴더 목록삭제하려는 파일을 선택하고 버튼을 클릭하십시오 삭제키보드에서.

방법 2

패널에서 폴더 목록마우스 오른쪽 버튼을 클릭하세요 파일(또는 아이콘 파일)을 삭제하고 나타나는 컨텍스트 메뉴에서 항목을 선택하십시오. 삭제.

3방향

안에 목록 패널폴더 파일을 선택하세요삭제하려는 항목을 선택하고 편집 메뉴에서 삭제.

텍스트로 작업하세요.

언뜻보기에 텍스트를 입력하는 것은 첫 장이는 텍스트 편집기(예: 마이크로 소프트 워드).
텍스트를 입력하려면 페이지의 아무 곳이나 마우스로 클릭하면 텍스트를 입력할 수 있는 가장 가까운 지점에 커서가 놓이게 됩니다.
대문자 입력, 텍스트 편집(문자 삭제, 텍스트 삽입 등)은 에서와 동일하게 수행됩니다. 마이크로 소프트 워드.
작은 것은 단 하나뿐입니다. 그러나 누를 때 키 입력~에 첫 장커서는 강제로 새 줄로 이동하고 고정된 단락 들여쓰기는 단락 앞과 뒤에 배치됩니다.
단락을 만들 필요가 없다면 키보드 단축키를 사용하여 새 줄로 이동하는 것이 가장 좋습니다 Shift +Enter.

이미지 작업.

그래픽 형식 편물.

모든 컴퓨터 이미지, 이를 저장하기 위한 모든 형식(및 결과적으로 이를 처리하기 위한 모든 프로그램)은 두 개의 큰 클래스로 나뉩니다. 벡터와 래스터. 벡터 이미지객체(직선, 호, 원 및 베지어 곡선으로 구성된 기하학적 모양)로 구성됩니다. 장점 벡터 그래픽많이. 디자이너의 관점에서 볼 때 가장 중요한 장점은 이미지에 "구멍이 생기거나" 일부 정보가 손실될 염려 없이 벡터 그래픽을 원하는 대로 "돌릴" 수 있다는 것입니다. 또 다른 장점은 파일 크기가 작고(래스터 이미지에 비해) 출력 장치(프린터나 모니터 화면 등)의 해상도로부터 독립된다는 것입니다. 이러한 요인이 만든 벡터 그래픽다음 분야에서 사용할 가능성이 있는 후보 인터넷. 그러나 현재 벡터 그래픽은 우리가 원하는 만큼 일반적이지 않다는 점을 언급할 가치가 있습니다.
하지만 실제로 사용되는 벡터 형식 중 주목하고 싶은 형식은 Macromedia의 Shockwave Flash. 이 형식을 보려면 브라우저플러그인이 필요합니다 ( 플러그인), 회사에서 무료로 배포 매크로미디어. 오늘날에는 전적으로 이 기술을 사용하여 만들어진 사이트와 사용된 사이트가 모두 있습니다. 플래시 형식부분적으로만.
그래픽의 래스터 표현은 래스터 개념을 기반으로 합니다. 래스터동일한 행과 열에 배치된 객체(이 경우 픽셀)의 모음입니다. 저것들. 래스터 컴퓨터 파일이미지의 모자이크를 형성하는 작은 색상 또는 회색 사각형의 모음으로 생각할 수 있습니다. 왜냐하면 이 정사각형의 크기는 확실히 작기 때문에 래스터 그래픽을 볼 때 이 정사각형은 서로 병합되어 지속적인 색상 변경을 형성합니다.

래스터 이미지 저장 형식에는 장점과 단점이 모두 있습니다. 래스터 그래픽의 가장 큰 장점 중 하나는 하프톤으로 작업할 수 있다는 것입니다. 실제 생활에서 보이는 것과 똑같이 이미지를 전달하는 능력. 그러나 단점 중 가장 큰 문제는 파일 크기입니다. 당연히 형성에 더 많은 픽셀이 할당됩니다. 이미지, 전송 품질이 높아질수록 이미지하지만 파일 크기는 더 커집니다.
이제 브라우저로 돌아가면 다음과 같이 말할 수 있습니다. 대부분의 브라우저는 네 가지 형식의 그래픽 파일을 문제 없이 표시할 수 있습니다(* .gif, *.jpg, *.png, *.bmp), 현재로서는 두 개를 사용하는 것이 가장 좋습니다 - * .gif 및 *.jpg. 그리고 예비 최적화 후에도 마찬가지입니다.
이미지 삽입 웹 페이지.
이미지를 삽입하세요. 웹 페이지여러 가지 방법으로 수행할 수 있습니다:
1. 다음에서 이미지를 드래그하세요. 윈도우 익스플로러(즉, 탐험가로부터 직접).
2. 다음에서 이미지를 드래그하세요. 인터넷 익스플로러.
3. 패널에서 이미지 파일을 드래그하세요. 폴더 목록, 페이지로 바로 이동합니다.
4. 와 클립보드- 다른 프로그램에서 클립보드로 이미지를 복사한 다음 페이지의 클립보드에서 붙여넣습니다.
5. 와 버튼 추가도구 모음의 파일에서 그리기 기준.
6. 메뉴 사용하기 삽입  그림.
이러한 방법을 더 자세히 살펴보겠습니다.
방법 1
윈도우 익스플로러(즉, 탐색기에서 직접) 다음을 수행해야 합니다.
~에 첫 장
탐색기 창을 엽니다.
탐색기 창에서 페이지에 삽입하려는 이미지가 포함된 파일을 선택하세요.
마우스 왼쪽 버튼을 누르고 이미지 파일을 웹 페이지페이지에서 삽입 커서가 있던 위치에 이미지가 삽입됩니다.
방법 2
이미지를 드래그하려면 인터넷 익스플로러필요한:
~에 첫 장이미지를 추가하려는 페이지를 엽니다.
V 브라우저당신이 넣고 싶은 이미지를여십시오 웹 페이지 브라우저파일 이름은 다음으로 끝나야 합니다. jpg, jpeg, gif);
마우스 왼쪽 버튼을 사용하여 선택한 이미지를 원하는 이미지로 드래그하세요. 웹 페이지;
방법 3
하기 위해 파일 드래그 앤 드롭패널의 이미지 포함 목록폴더를 필요한 페이지로 직접 이동합니다.
~에 첫 장추가하려는 페이지를 엽니다. 영상;
패널에서 필요한 이미지 파일을 선택하십시오 폴더 목록;
마우스 왼쪽 버튼선택한 이미지를 웹 페이지;
페이지에서 삽입 커서가 있던 위치에 선택한 그림이 삽입됩니다.
방법 4
이미지를 삽입하려면 웹 페이지클립보드를 사용하여 다음을 수행해야 합니다.
사진을 복사하려는 응용 프로그램에서 이미지를 선택하고 키를 사용하십시오. Ctrl+C사진을 클립보드에 복사하세요.
너의 웹 페이지키보드 단축키를 사용하여 클립보드에서 이 이미지를 붙여넣으세요. Ctrl+V
방법 5
웹 페이지버튼을 사용하기로 결정했습니다. 이미지 추가도구 모음의 파일에서 기준, 저것 첫 장대화 상자가 열립니다 그림.
이 대화 상자에서 파일에 추가하려는 이미지 파일을 지정하십시오. 웹 페이지그리고 버튼을 누르세요 끼워 넣다.

방법 6
이미지를 삽입하고 싶다면 웹 페이지당신은 메뉴를 사용하기로 결정 삽입  그리기, 저것 첫 장추가 선택을 하라는 메시지가 표시됩니다.

이미지... – 해당 메뉴 항목을 선택하면 미리 만들어진 사진 라이브러리를 사용할 수 있는 기회가 제공됩니다.
파일에서... – 이 메뉴 항목을 선택하면 컴퓨터에 추가하려는 이미지 파일의 위치를 ​​독립적으로 표시할 수 있습니다. 웹 페이지(이 항목을 사용하면 대화 상자가 열립니다. 그림, 위에서 설명한 작업).
사진 컬렉션 만들기... - 이 메뉴 항목을 사용하면 특정 스타일의 이미지 컬렉션을 만들 수 있습니다. 이를 위해 열리는 창에서 속성버튼을 사용한 사진 컬렉션 추가하다탭에 도면이미지를 선택하고 탭에서 공들여 나열한 것디자인 형식을 선택하세요.
미디어 파일 추가.

* 안의 이미지 등 단순한 그래픽 외에도 .gif, *.jpg, *.png등. 첫 장당신이 당신의에 게시할 수 있습니다 웹페이지미디어 파일. 여기에는 비디오 클립, 사운드 등이 포함됩니다.

비디오 클립을 삽입하려면 다음을 수행해야 합니다. 삽입 메뉴물품을 고르시 오 그림, 그런 다음 녹화...

대화 상자가 열립니다. 영상창, * 형식으로 비디오 클립을 표시합니다. .avi, *.asf, *.ram, *.ra.

사운드 추가 웹 페이지대화 상자의 일반 탭에서 찾을 수 있습니다. 페이지 속성.

테이블 작업.

테이블- 웹사이트 제작에 사용되는 가장 강력한 도구 중 하나입니다.
처음에는 테이블구조화된 데이터를 표현하는 데에만 사용되었습니다. 그러나 점차적으로 강력한 다목적 레이아웃 도구로 발전했습니다. 웹페이지.

테이블 생성

가장 쉬운 방법 테이블 생성– 버튼을 사용하세요 테이블 추가도구 모음에 위치 기준.
또 다른 방법은 아이템을 사용하는 것입니다. 메뉴 표  삽입  표.
그리고 테이블클립보드를 사용하여 그려서 붙여넣을 수 있습니다.

데이터 입력 및 테이블 탐색.

표의 가장 큰 장점 중 하나는 입력하는 텍스트가 문서 전체에서 서식을 지정하는 데 사용되는 것과 동일한 방식으로 셀 내에서 서식이 지정된다는 것입니다. 셀에 배치된 텍스트의 길이가 열의 너비를 초과하면 자동으로 새 줄로 줄바꿈됩니다. 키를 누를 때 입력하다, 평소와 같이 새 단락이 삽입됩니다. 텍스트나 숫자는 키보드를 통해 테이블에 입력됩니다.

데이터를 입력하기 전에 테이블, 원하는 셀에 텍스트 커서를 놓아야 합니다. 테이블. 마우스로 클릭하면 가능합니다.

그러나 셀 간을 이동하려면 키 조합을 사용하는 것이 더 편리합니다.
키보드 단축키: 작업:

탭마지막 행의 끝을 제외한 표의 아무 곳에서나 인접한 셀로 이동하여 해당 내용을 선택하십시오.
탭마지막 줄 끝에서 테이블 하단에 새 줄을 추가합니다.
Shift+Tab이전 셀로 이동하여 해당 내용을 강조 표시합니다.
입력하다새 단락 시작
입력하다첫 번째 셀 시작 부분에 문서 시작 부분의 표 앞에 텍스트를 추가합니다.

양식 작성 및 사용.

양식텍스트 필드, 라디오 버튼, 확인란, 버튼 및 기타 여러 컨트롤을 나타냅니다. 사이트 방문자는 하나 또는 다른 텍스트 필드에 일부 정보를 입력하고 제안된 목록에서 일부 데이터를 선택한 다음 보내기 버튼을 클릭하면 데이터가 전송됩니다. 웹 서버처리(또는 페이지에서 바로 처리)합니다.

귀하에 대해 알아보겠습니다. 다음 필드를 작성해 주세요.
당신의 이름:

당신의 성:

귀하의 생년월일: 년 월 일

감사합니다! 그리고 지금 - 가자!
1. 작지만 민첩하다.
그가 가는 곳마다 그는 명령을 내린다.
그는 텐트에 들어갈 것이다 -
영웅이 뒤집힐 것입니다.
누구세요?
파리벼룩 변덕스러운 아이
2. 눈을 부릅뜨고 앉는다.
그는 프랑스어를 할 줄 압니다
벼룩처럼 점프한다
인간처럼 수영합니다.
우리는 누구에 대해 이야기하고 있습니까?
고양이 개구리 앵무새

3. 바다표범은 얼음 아래로 잠수할 때 무엇으로 숨을 쉬나요?

4. 큰 거북이는 왜 울까요?

5. 청어는 어떤 옷을 입을 수 있나요?
모피 코트 조끼
6. "강말"이라고 불리는 사람은 누구입니까?
수달 하마 악어

7. 새끼를 부화시키지 못하는 새는 무엇입니까?

8. 날지 못하는 새는 무엇입니까?

여러 답변을 선택해야 하는 경우 키를 누르고 놓지 마십시오. Ctrl 키원하는 답변을 마우스 왼쪽 버튼으로 클릭하세요.

하지만 양식 만들기바로 위에 페이지그것은 일의 절반에 불과합니다. 사용자가 양식을 이용해 입력한 데이터를 처리할 수 있는 프로그램이 있어야 하기 때문이다.
이러한 프로그램은 서버에 있을 수 있습니다. 그것은 당신의 것일 수 있습니다 웹사이트별도의 파일 형태로 존재하거나 단순히 코드로 작성 가능 HTML너의 웹 페이지.
사용자가 입력한 정보에 어떤 일이 일어날지 결정하는 사람은 바로 그녀입니다.

정보데이터베이스에 추가할 수 있으며 다양한 그래프, 등급 등을 기반으로 구축할 수 있습니다.
정보이메일로 보낼 수 있습니다(이는 다양한 유형의 설문지에서 사용자에 대한 정보를 얻는 데 종종 사용됩니다).
정보현장에서 바로 처리할 수 있으며 귀하의 사이트 방문자는 즉시 피드백을 받게 됩니다(예를 들어 테스트 포인트를 받게 되며 방명록에 입력한 정보를 볼 수 있습니다...).

관계에서 양식몇 가지 기본 규칙이 있습니다.

1. 각각 형태특정 지역을 차지한다 웹페이지. 하나에 웹 페이지하나 이상의 양식이 있을 수 있습니다.
2. 각 양식에는 최소한 하나의 양식 요소가 포함되어야 합니다(원칙적으로 여러 개의 요소가 있음).
3.각 항목 양식이름과 의미가 있습니다. 이름은 정보를 입력하는 필드를 식별하며 값은 사용자가 선택한 값과 동일합니다.
4. 양식 요소 중 하나(일반 버튼 또는 그림일 수 있음)가 버튼 기능을 수행해야 합니다. 보내다.

양식 작성 첫 장.
양식을 추가하려면 웹 페이지, 필요한:

붙여넣고 싶은 위치에 커서를 놓습니다. 형태.
안에 삽입 메뉴선택하다 아이템 형태, 열리는 메뉴에서 다시 선택하세요. 아이템 형태. 형태당신의 위치에 배치됩니다 웹 페이지- 점선 프레임으로 표시된 영역에 두 개의 버튼이 나타납니다. 보내기 및 재설정.
같은 포인트를 이용해서 메뉴 삽입  양식필요한 요소를 순차적으로 삽입 양식드롭다운 계단식 메뉴에서 선택합니다(모든 양식 요소는 점선 프레임으로 표시된 양식 영역 내부에 삽입된다는 점을 기억하세요).
후에 형태생성되었으므로 남은 것은 콘텐츠(요소)로 채우는 것뿐입니다. 양식, 텍스트, 이미지, 표...(크기 포함) 양식자동으로 변경됩니다.)
콘텐츠 추가 양식일반적인 방법으로 할 수 있습니다. 예를 들어 텍스트를 입력하거나 클립보드에서 붙여넣을 수 있습니다. 개체가 추가된 모든 작업은 유사합니다.
하지만 양식 만들기- 이것은 작업의 시작일 뿐입니다. 생성한 후 속성을 다음과 같이 구성해야 합니다. 양식, 및 해당 요소.

양식 속성을 설정합니다.

방문자가 입력한 데이터를 처리하거나 저장하기 위해 웹페이지, 제공된 기회를 활용해야 합니다. FrontPage 서버 확장, 또는 다음에서 실행 중인 다른 프로그램 웹 서버.
그러나 어떤 프로그램을 선택하더라도 양식의 속성과 그 안에 있는 요소를 구성해야 합니다.
양식 속성 창을 열려면 다음을 수행해야 합니다.
V 삽입 메뉴선택하다 아이템 형태, 그런 다음 -
또는
양식의 상황에 맞는 메뉴를 호출하고 열리는 상황에 맞는 메뉴에서 항목을 선택합니다. 양식 속성.
결과적으로 대화 상자가 열립니다. 양식 속성.

1. ㄴ 필드 저장결과는 입력된 데이터로 수행해야 할 작업을 나타내야 합니다. 형태. 다음 옵션을 선택할 수 있습니다.
영형 보내는 파일 이름- 데이터는 지정된 파일에 저장됩니다. 웹 서버. 이 파일은 다음과 같을 수 있습니다. 웹 페이지, 시간이 지남에 따라 점점 더 길어지거나 나중에 처리될 수 있는 데이터 파일 엑셀, 액세스또는 다른 프로그램;
영형 보내는 메일 주소- 이 경우 방문자가 클릭할 때마다 웹페이지버튼으로 보내기 형태이메일이 생성되어 귀하가 제공한 주소로 전송됩니다. 이 메시지에는 사용자가 입력한 모든 데이터가 포함됩니다. 웹 페이지.
영형 데이터베이스에서- 이 경우 데이터 양식데이터베이스로 전송됩니다. 베이스가 켜져 있어야 합니다. 웹 서버(또는 그에게 이용 가능).
2. ㄴ 속성 필드양식의 경우 양식 이름을 지정해야 합니다.
보기 모드 첫 장.
첫 장콘텐츠 보기를 위한 6가지 모드 제공 웹사이트:

페이지,
폴더,
보고서,
전환,
하이퍼링크,
작업.
원하는 모드를 선택하려면 다음을 사용할 수 있습니다. 뷰 패널화면 왼쪽이나 메뉴에 있습니다. 보다도구 모음에서 기준적절한 메뉴 항목을 선택하십시오.

페이지
이 모드에서는 다음을 생성하고 편집할 수 있습니다. 웹페이지.여기에서 빈 항목을 만들 수 있습니다. 웹페이지템플릿 기반 페이지는 페이지에 테마(페이지를 화면에 표시하기 위한 스타일 세트)를 할당합니다. 이 모드에서는 텍스트를 추가하고 서식을 지정하고 디자인할 수 있습니다. 페이지그래픽 및 비디오 이미지 사용(다양한 그래픽 형식을 *로 변환 지원) .gif, *.jpg 및 *.png), 페이지에 오디오를 추가하고, 표, 프레임 및 양식에 정보를 표시하고, 마지막으로 하이퍼링크를 만듭니다. 이것은 가능성의 전체 목록이 아닙니다. 첫 장컨텐츠 편집에 웹페이지.
폴더
이 모드에서는 구조를 볼 수 있습니다 웹사이트(파일 및 폴더)를 삭제하고 에서와 동일한 방식으로 관리합니다. 윈도우, 이 모드를 사용하면 보기 모드에서 제공되는 것보다 파일 및 폴더에 대한 더 자세한 정보를 얻을 수 있습니다 페이지.
보고서
에 대한 다양한 정보가 포함된 12개 이상의 보고서를 제공합니다. 웹사이트, 다음 날짜에 열림 첫 장.
전환
사이트 계층 구조를 볼 수 있도록 설계되었습니다. 이 모드에서는 직사각형(각각 특정 항목을 나타냄)을 드래그하여 계층 구조를 조작할 수 있습니다. 웹 페이지).
하이퍼링크
페이지를 서로 연결하는 하이퍼링크 시스템을 보여줍니다. 웹사이트(다른 노드에 대한 하이퍼링크 시스템도 포함) 무결성을 확인하고 변경하는 기능을 보장합니다.
작업
이 모드는 작업 관리용으로 설계되었습니다. 웹사이트(작업 추가, 삭제, 실행, 실행 우선순위 설정, 작업 상태 모니터링)

무료로 다운로드 첫 장다음 링크를 사용할 수 있습니다:

http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html

그래픽 이미지를 페이지 배경으로 사용하여 페이지를 더욱 매력적으로 만들 수 있습니다. 그러나 배경 사진을 선택할 때 파일 크기가 커지고 그에 따라 페이지 로딩 시간도 길어진다는 점을 기억해야 합니다. 또한, 배경 이미지는 웹 페이지에 게시된 텍스트 정보가 보일 정도로 밝아서는 안 됩니다.

웹 페이지를 만들 때 Microsoft Office에 포함된 클립 아트 라이브러리의 그래픽, 그래픽 편집기(예: CorelDraw, Adobe Photoshop)를 사용하여 개발된 파일을 사용할 수 있으며 스캐너에서 얻은 이미지도 사용할 수 있습니다. FrontPage를 사용하면 다음 형식의 파일을 가져올 수 있습니다.

• JPEG(JPG)
• BMP(Windows 또는 OS/2)
• 티파니(TIF)
• WMF(Windows 메타파일)
• SUN 래스터(RAS)
• EPS(캡슐화된 포스트스크립트)
• PCX(페인트브러쉬)
• TGA(타르가)
• PCD(코닥 포토CD)

기본적으로 GIF 및 JPEG 이외의 가져온 형식은 FrontPage에서 GIF로 변환됩니다.

웹 페이지의 배경으로 그래픽 이미지를 사용하기로 결정하고 이미 준비된 경우 배치를 더 쉽게 하려면 웹 사이트의 이미지 폴더에 배치하십시오. 왜냐하면 FrontPage가 해당 이미지를 찾기 시작하기 때문입니다. 그런 다음 다음 단계에 따라 페이지 배경 만들기를 시작할 수 있습니다.

1. 생성된 사이트를 엽니다.

2. 패널을 두 번 클릭하여 홈 페이지를 엽니다. 폴더 목록(폴더 목록) index.htm 파일.

3. 메뉴에서 파일(파일) 선택 명령 속성(속성) 또는 페이지 상황에 맞는 메뉴 명령 선택 페이지 속성.

페이지 속성(페이지 속성) 탭으로 이동 배경(배경).

5. 대화상자 상단에 있는 체크박스를 선택하세요. 배경 이미지(배경 그림).

6. 확인란도 선택하세요. 기판(양수표). 설치된 경우 스크롤 막대를 사용하여 웹 페이지를 이동할 때 배경 이미지는 페이지에 있는 개체를 기준으로 이동하지 않습니다.

7. 내용이 배경으로 사용될 그래픽 파일의 이름과 위치를 지정하려면 버튼을 클릭합니다. 검토(검색). 화면에 대화 상자가 열립니다 배경화면 선택(배경 그림 선택) (그림 15.5), 목록에서 폴더(찾는 곳)은 열려 있는 웹 사이트의 이름을 나타냅니다.

쌀. 15.5. 페이지 배경의 그래픽 이미지를 선택하는 대화 상자입니다.

8. 이미지 폴더에 그래픽 파일을 넣었다면 열어서 페이지 배경으로 준비된 파일을 선택하고 버튼을 클릭하세요 좋아요.

9. 미리 웹사이트의 폴더에 파일을 넣어 두지 않았다면, 대화 상자 왼쪽에 있는 버튼을 이용하여 검색하세요. 배경 이미지를 선택하세요.버튼 잡지(역사), 내 문서(내 문서) 데스크탑(데스크탑) 즐겨찾기(즐겨찾기), 내 네트워크 환경(내 네트워크 환경)을 사용하면 폴더에서 파일을 검색할 수 있습니다. 최근의, 내 문서, 데스크탑, 즐겨찾기그리고 내 네트워크 환경, 각각. 단추 인터넷에서 찾기(웹 검색)은 브라우저를 실행하여 웹 페이지의 배경으로 사용할 수 있는 파일을 인터넷에서 검색합니다.

필요한 파일을 선택한 후 확인을 클릭하세요. 배경화면 선택.

10. 대화 상자로 돌아가기 페이지 속성, 버튼을 누르세요 좋아요그것을 닫으려면. 선택한 그래픽 파일이 현재 페이지의 배경으로 사용됩니다.

그림에서. 그림 15.6은 Windows 라이브러리의 파일이 배경 이미지로 사용되는 웹 페이지를 보여줍니다.

쌀. 15.6. 배경으로 사용되는 그래픽 이미지

대화 상자에서 설정하여 웹 사이트의 여러 페이지에 있는 단일 그래픽 이미지를 배경으로 사용할 수 있습니다. 페이지 속성체크박스 다른 페이지에서 배경 정보 가져오기(다른 페이지에서 배경 정보를 얻으세요). 이 경우 배경을 변경하기로 결정했다면 동일한 이미지를 사용하는 모든 페이지에서 배경을 변경할 필요가 없습니다. 한 페이지에서만 변경하면 됩니다. 이 플래그를 사용할 때의 작업 순서를 살펴보겠습니다.

1. 홈페이지를 엽니다.

2. 패널을 두 번 클릭하여 홈 페이지를 엽니다. 폴더 목록(폴더 목록) 파일 이름 index.htm.

3. 메뉴에서 체재(형식) 선택 명령 배경(배경).

4. 열리는 대화 상자에서 페이지 속성탭에 배경(배경) 확인란을 선택하세요. 배경 이미지(배경 그림) 및 기판(양수표).

5. 버튼을 클릭하세요 검토그래픽 파일 이름이 배치될 필드 옆에 있습니다.

6. 열리는 대화 상자에서 배경화면 선택(배경 그림 선택) 페이지 배경으로 사용하고 싶은 그래픽 파일을 선택하고 버튼을 클릭하세요. 좋아요.

7. 버튼을 클릭하세요 좋아요대화 상자를 닫으려면 페이지 속성.

8. 배치한 배경 이미지와 원본 그래픽 파일이 포함된 웹 페이지를 폴더에 저장합니다. 이미지.

9. 편집 모드에서 웹 사이트의 두 번째 페이지를 엽니다.

10. 이 페이지의 대화 상자를 엽니다. 페이지 속성.

11. 탭에서 배경(배경) 확인란 다른 페이지에서 배경 정보 가져오기(다른 페이지에서 배경 정보를 얻으세요).

12. 체크박스 옆에 있는 버튼을 클릭하세요. 검토.

13. 열리는 대화 상자에서 현재 웹사이트(현재 웹) (그림 15.7) 폴더에서 선택 이미지배경 그래픽이 포함된 저장된 웹 페이지를 클릭하고 버튼을 클릭하세요. 좋아요.

14. 버튼을 누르세요 좋아요대화 상자를 닫으려면 페이지 속성.

쌀. 15.7. 현재 웹 사이트 대화 상자

이제 웹 사이트의 모든 페이지에서 배경 이미지를 변경하려면 다음 단계를 따르기만 하면 됩니다.

1. 새 그래픽을 폴더에 넣습니다. 이미지웹사이트.

2. 폴더에 위치한 페이지의 속성창을 엽니다. 이미지, 그래픽 배경 이미지를 설정했습니다.

3. 이 폴더에 있는 새 그래픽 파일을 사용하여 배경 이미지를 변경합니다.

4. 페이지 속성 창을 닫습니다.

 

다음 내용을 읽어보면 도움이 될 수 있습니다.

• 열화상 카메라는 어떻게 작동하나요?;
• Word (Word)에서 odt 파일을 여는 방법;
• 이미지를 배경으로 사용하기 FrontPage에서 페이지 템플릿 만들기;
• 온라인으로 문서 만들기;
• 개인의 사회적 지위 노동 계급의 문제;
• 번호로 확성기 지점을 찾는 방법;
• 비트코인 교환으로 돈을 버는 방법: 본질, 단계별 지침 및 경고 거래소에서 수입을 얻는 본질;
• 쿼츠 시계는 어떻게 작동하나요?;