В Dreamweaver UltraDev имя файла новой страницы по умолчанию — untitled.asp. Нам нужно переименовать эту страницу, например «index.htm». Способ переименования — дважды медленно щелкнуть имя файла (как показано ниже). Не щелкайте слишком быстро, иначе для открытия файла потребуется двойной щелчок.
Среди них htm — это не только суффикс файла, но и описание типа файла веб-страницы, указывающее, что файл веб-страницы является статическим HTML-файлом (в будущем он также может быть представлен суффиксом html). , не забудьте изменить суффикс веб-страницы на htm или html, иначе после загрузки на сервер браузер не сможет нормально открыться.
【 намекать 】
Почему имя первой страницы веб-сайта обычно — index.html, а не что-то другое? Например, когда вы вводите URL-адрес http://www.goeway.com/index.html в своем браузере, вы явно не указываете, какую страницу открывать, но сервер автоматически будет искать файл index.html, если это так. он существует, отобразите этот файл. Если он не существует, найдите index.htm еще раз. Если он не существует, скорее всего, появится сообщение об ошибке. Порядок поиска сначала index.html, а затем index.htm определяется сервером, и большинство серверов следуют этому принципу, и обычные пользователи не имеют права изменять этот параметр. Поэтому, когда мы создаем веб-страницу, лучше всего назвать первую страницу сайта index.html или index.htm.
Установить свойства страницы
Настройка свойств страницы — важный шаг перед официальным началом создания веб-страницы. Дважды щелкните, чтобы открыть вновь созданный index.htm, и он автоматически перейдет в окно редактирования. Выберите «Изменить» > «Свойства страницы», чтобы установить некоторые необходимые свойства страницы, как показано ниже:
① Заголовок: заголовок страницы будет отображаться непосредственно в верхнем левом углу браузера. Например, если вы откроете веб-сайт goEway.com в браузере, вы увидите заголовок страницы «goEway.com — Интернет». Руководство» в левом верхнем углу браузера. . Обязательно выработайте привычку устанавливать заголовок для каждой страницы. Это не только облегчит посетителям просмотр, но и поможет вам различать разные страницы в процессе веб-редактирования. Хотя заголовок не является обязательным элементом веб-страницы, он отражает, учел ли создатель веб-страницы детали зрителя.
② Фоновое изображение: нажмите кнопку «Обзор», чтобы добавить фоновое изображение на веб-страницу.
③ Фон (цвет фона): по умолчанию используется белый цвет. Нажмите, чтобы выбрать другие цвета. Следующий «#FFFFFF» — это значение цвета RGB, отображаемое в шестнадцатеричной форме.
④ Текст (цвет текста): установите здесь черный цвет текста. Следует отметить, что если цвет фона и текста не задан (значение цвета RGB в это время отображается пустым), браузер при отображении страницы будет использовать настройки системы по умолчанию. Однако, поскольку настройки разных систем могут различаться, эффект отображения страницы также будет сильно различаться. Потому что, чтобы лучше отразить ваши дизайнерские идеи на странице, не забудьте установить цвет фона и цвет текста страницы.
⑤ Ссылка (цвет ссылки): установите цвет гиперссылки. Если он не установлен, по умолчанию используется синий цвет.
⑥ Левое и верхнее: установите левое и верхнее поля, обычно равные «0», чтобы облегчить редактирование веб-страницы.
Убедившись, что настройки страницы верны, нажмите «ОК» для завершения.
Создайте простейшую веб-страницу
Вначале все сложно, поэтому начнем с самой простой веб-страницы. Если вы выполните предыдущие шаги шаг за шагом, у вас должен появиться экран, подобный следующему:
В это время курсор находится в левом верхнем углу окна редактирования. Теперь вы можете ввести любой текст, например: «Добро пожаловать на goEway.com», выделите текст и щелкните раскрывающееся меню «Размер». панель свойств. Выберите размер текста, например «6», а затем нажмите Отцентрируйте текст, затем несколько раз нажмите Enter перед текстом, чтобы переместить текст вниз, пока текст не окажется полностью в центре страницы, как показано ниже:
Выберите меню «Файл» > «Сохранить», чтобы сохранить страницу. Поздравляем, ваша первая веб-страница готова. Нажмите F12, чтобы увидеть результат. Вы удовлетворены?