Dreamweaver UltraDev에서 새 페이지의 파일 이름은 기본적으로 untitled.asp입니다. 이 페이지의 이름을 "index.htm"과 같이 바꿔야 합니다. 이름을 바꾸는 방법은 파일 이름을 천천히 두 번 클릭하는 것입니다(아래 그림 참조). 너무 빨리 클릭하지 마십시오. 그렇지 않으면 파일을 열 때 두 번 클릭하게 됩니다.
그 중 htm은 파일의 접미사일 뿐만 아니라 웹 페이지 파일의 유형 설명이기도 하며, 이는 웹 페이지 파일이 정적 HTML 파일임을 나타냅니다(향후에는 접미사 html로 표시할 수도 있음). , 웹페이지의 접미사를 htm 또는 html로 변경해야 합니다. 그렇지 않으면 서버에 업로드한 후 브라우저가 정상적으로 열리지 않습니다.
【 힌트 】
웹사이트의 첫 페이지 이름이 일반적으로 index.html이고 다른 이름이 아닌 이유는 무엇입니까? 예를 들어, 브라우저에 http://www.goeway.com/index.html이라는 URL을 입력하면 어떤 페이지를 열 것인지 명시적으로 지정하지 않지만, 다음과 같은 경우 서버가 자동으로 index.html 파일을 찾습니다. 존재하지 않으면 이 파일을 표시하십시오. 존재하지 않으면 index.htm을 다시 찾으십시오. 존재하지 않으면 오류 메시지가 표시될 가능성이 높습니다. index.html을 먼저 찾고 index.htm을 찾는 순서는 서버에 의해 결정되며 대부분의 서버는 이 원칙을 따르며 일반 사용자는 이 설정을 수정할 권한이 없습니다. 따라서 웹페이지를 만들 때에는 웹사이트의 첫 번째 페이지 이름을 index.html이나 index.htm으로 짓는 것이 가장 좋습니다.
페이지 속성 설정
페이지 속성 설정은 공식적으로 웹페이지 생성을 시작하기 전 필수적인 단계입니다. 새로 생성된 index.htm을 더블클릭하여 열면 자동으로 편집창으로 들어갑니다. 아래와 같이 수정 > 페이지 속성을 선택하여 필요한 페이지 속성을 설정합니다.
① 제목: 페이지 제목이 브라우저 왼쪽 상단에 바로 표시됩니다. 예를 들어, 브라우저로 goEway.com 웹사이트를 열면 "goEway.com - 인터넷" 페이지 제목을 볼 수 있습니다. 브라우저 왼쪽 상단에 '가이드'가 있습니다. . 각 페이지의 제목을 설정하는 습관을 기르십시오. 이렇게 하면 방문자가 탐색하기가 더 쉬워질 뿐만 아니라 웹 편집 과정에서 서로 다른 페이지를 구별하는 데에도 도움이 됩니다. 제목은 웹 페이지의 필수 요소는 아니지만 웹 페이지 작성자가 뷰어의 세부 사항을 고려했는지 여부를 반영합니다.
② 배경 이미지: 찾아보기 버튼을 클릭하면 웹페이지에 배경 이미지를 추가할 수 있습니다.
③ 배경색(배경색) : 기본값은 흰색이며, 다른 색상을 선택하려면 클릭하세요. 다음 "#FFFFFF"는 16진수 형식으로 표시되는 RGB 색상 값입니다.
④ 텍스트(텍스트 색상): 여기서 텍스트를 검은색으로 설정합니다. 배경색과 텍스트 색상을 설정하지 않은 경우(이때 RGB 색상 값은 공백으로 표시됨), 브라우저는 페이지를 표시할 때 시스템의 기본 설정을 사용하게 됩니다. 그러나 시스템마다 설정이 다를 수 있으므로 페이지 표시 효과도 매우 다릅니다. 디자인 아이디어를 페이지에 더 잘 반영하려면 페이지의 배경색과 텍스트 색상을 설정하는 것을 잊지 마세요.
⑤ 링크(링크 색상): 하이퍼링크 색상을 설정합니다. 설정하지 않을 경우 기본값은 파란색입니다.
⑥ 왼쪽 및 위쪽: 왼쪽 및 위쪽 여백을 설정합니다. 일반적으로 웹 페이지 편집을 용이하게 하기 위해 "0"으로 설정됩니다.
페이지 설정이 올바른지 확인한 후 확인을 클릭하여 완료합니다.
가장 간단한 웹 페이지 만들기
처음에는 모든 것이 어렵기 때문에 가장 간단한 웹 페이지부터 시작해 보겠습니다. 이전 단계를 단계별로 수행하면 다음과 유사한 화면이 표시됩니다.
이제 커서는 편집 창의 왼쪽 상단에 있습니다. 예를 들어 "Welcome to goEway.com"과 같이 원하는 텍스트를 입력하고 텍스트를 선택한 다음 크기 드롭다운 메뉴를 클릭하세요. 속성 패널. "6"과 같은 텍스트 크기를 선택한 다음 아래와 같이 텍스트를 중앙에 놓은 다음 텍스트 앞에서 Enter를 몇 번 눌러 텍스트가 페이지 중앙에 완전히 위치할 때까지 텍스트를 아래로 이동합니다.
파일 > 저장 메뉴를 선택하여 페이지를 저장하세요. 축하합니다. 첫 번째 웹 페이지가 완성되었습니다. 페이지 효과를 보려면 F12를 누르세요.