Дримвивер как создать сайт


Создание сайта на Adobe Dreamweaver

  1. Первая веб страница
  2. Форматирование текста в HTML
  3. Создание списков
  4. Гиперссылки
  5. Создание таблиц в блокноте
  6. Цвета в HTML
  7. Как создать форму в HTML?
  8. Табличная верстка сайта
  9. Теги в HEAD
  10. Изображения в html
  11. CSS
  12. Работа с текстом и изображениями в CSS
  13. Блочная структура сайта
  14. Блочная верстка

В этой главе мы познакомимся с замечательной программой, с помощью которой создают сайты — Adobe Dreamweaver. Это интуитивно понятный визуально ориентированный HTML-редактор. Мы уже знаем начальные элементы, из которых состоит веб-ресурс. С помощью Dreamweaver мы сможем делать сайты сложнее, лучше и быстрее, чем, если бы мы писали руками в блокноте. Для начала давайте познакомимся с основными управляющими элементами редактора.

В открывшемся окне нам редактор предлагает несколько вариантов создания сайта. Начнем с самого простого:

  1. Нажмите на ссылку Site (обозначена цифрой 1). В открывшемся окне выберите New Site.

  1. Мы увидим такое окно:

Перейдите на вкладку Advanced, в категорию Local Info. В поле Site name  введите название сайта, в поле Local root folder введите путь к папке, где будут хранится файлы вашего ресурса. Дальше, нажмите кнопку ОК.

  1. После этого вы снова попадете в окно как на рис. 1. Справа во вкладке Files будут отображаться файлы вашего сайта (обозначено цифрой 3).
  2. Сейчас нажмите на ссылку HTML (цифра 2) для создания первого файла веб-проекта.
  3. После этого вам откроется следующее окно:

Цифрой 1 обозначено место, где будет название нашего файла, цифрой 2 место, куда  мы можем вписать название нашей страницы, которая будет отображаться в браузере, цифрой 3 обозначено место, где мы сможем выбрать, как будет отображаться наш сайт в редакторе.

Пощелкайте по области 3, вы увидите что редактор отображает нашу страницу по-разному. Если мы нажмем на кнопку Code, редактор отобразит только код нашей страницы, если мы нажмем на Design, то редактор покажет нам, как бы выглядел сайт в браузере. На рисунке 3 нажата кнопка Split, в этом режиме редактор показывает нам сверху страницу в режиме код, а снизу страницу в режиме дизайна.

В самом низу находится панель форматирования, в ней мы можем форматировать текст как в Word.

По умолчанию редактор добавляет вместо тега <html>  следующие строки кода:

Оставим эти строки как есть.

В поле Title (цифра 2) введите название нашей страницы- First Site.

Щелкните правой кнопкой мышки по названию файла (цифра 1), выберите Save As, введите имя файла — index.html  и нажмите Сохранить.

С правой стороны, во вкладке Files вы увидите свой файл index.html.

По умолчанию главной страницей веб-ресурса должен быть файл с названием index.html.

В этой главе мы познакомились с редактором Dreamweaver, познакомились с некоторыми элементами управления редактора, научились создавать файлы и страницы нашего проекта.

В следующей главе мы научимся вставлять и форматировать текст нашего сайта с помощью Dreamweaver.

Как создать веб-сайт в Dreamweaver, часть 1, настройка сайта

Распространенная ошибка новичков - начать работать с веб-страницами в Dreamweaver, не определяя сайт. Это приводит к тому, что ссылки на ресурсы, такие как изображения и таблицы стилей, указывают на местоположение на вашем локальном компьютере. Все работает нормально, пока вы не придете загружать сайт на удаленный сервер. Затем вы обнаруживаете, что все ваши ссылки не работают и их нужно исправить. Избегайте этой душевной боли, всегда определяя сайт. Это простая и быстрая задача.

В Dreamweaver сайт организует все документы на локальном компьютере, связанные с вашим сайтом, и позволяет отслеживать и поддерживать ссылки, управлять файлами и передавать файлы сайта на веб-сервер. Типичный сайт Dreamweaver состоит как минимум из двух частей:

  • Локальная папка: Это ваш рабочий каталог - обычно это папка на жестком диске. Dreamweaver называет эту папку корнем вашего локального сайта.
  • Удаленная папка: Здесь вы храните файлы на компьютере, на котором работает ваш веб-сервер.Веб-сервер часто (но не всегда) является компьютером, который делает ваш сайт общедоступным в сети.

Совет: Если вы планируете работать на нескольких сайтах, рекомендуется создать папку на локальном жестком диске для их хранения. В Mac OS X ваша домашняя папка уже включает папку под названием «Сайты». В Windows создайте папку «Сайты» на верхнем уровне диска C. Хотя скриншоты для этой серии были сделаны в Windows, инструкции идентичны для Mac OS X, за исключением сочетаний клавиш и меток на некоторых кнопках (оба даны).

.

Как сделать веб-сайт частью 8, опубликовать веб-сайт

Значение, которое вам нужно ввести в корневой каталог, - это то, где многие люди ошибаются, и сложно дать точные инструкции, потому что хостинговые компании и администраторы серверов имеют разные политики. Значением Root Directory должен быть путь, который вам нужно ввести после входа на сервер, чтобы попасть в папку, в которую вы хотите установить index.html.

Если вы хотите, чтобы домашняя страница Bayside Beat была главной страницей вашего веб-сайта, то это должен быть путь к корню сайта удаленного сервера.На некоторых серверах это public_html. Другие могут использовать www, wwwroot или вообще ничего. На моем удаленном сервере это должно быть / home / username / public_html. В случае сомнений обратитесь к хостинг-компании или администратору сервера.

Если вы хотите, чтобы домашняя страница Bayside Beat находилась во вложенной папке с именем bayside, вам необходимо ввести путь к этой папке. Например, на моем сервере это будет / home / username / public_html / bayside_beat.

Поле веб-URL-адреса должно содержать URL-адрес папки, которую вы определили как корневой каталог.Например, http://www.example.com/ или http://www.example.com/bayside/. Dreamweaver мог попытаться угадать правильное значение, но это только предположение. Не принимайте значение по умолчанию, не проверив его внимательно.

Если вы подключаетесь по SFTP, ваши настройки должны выглядеть так, как показано на рисунке 7.

.

Основы адаптивного веб-дизайна | Учебники по Adobe Dreamweaver

Привет, меня зовут Дэниел Вальтер Скотт. В этом видео мы узнаем, что значит создать адаптивный веб-сайт.

Теперь адаптивный веб-сайт - это веб-сайт, дизайн которого изменяется в соответствии с экраном, на котором вы его просматриваете.

Теперь мы смотрим на сайт, который строим в сериале. Я делаю это здесь, на своем MacBook Pro, и дизайн лучше всего использует мой рабочий стол.

Теперь, чтобы быть отзывчивым, нам нужно убедиться, что наш дизайн также работает на экранах планшетов и мобильных устройств.Итак, теперь давайте посмотрим на макеты дизайна, которые мы создали в Photoshop. Итак, здесь, в Photoshop, мы создали макеты для наших дизайнов. А теперь вы создаете его в Photoshop. Почему сначала в фотошопе? Photoshop хорош и быстр в работе. Вы можете перемещать вещи и настраивать цвета, и все это очень быстро и легко. И когда вы закончите, вы получите эти композиции.

Теперь они просто выглядят и ощущаются, на самом деле у них нет никакой интерактивности, и это то, что мы делаем в Dreamweaver.Dreamweaver - это место, где мы можем добавить интерактивность и функции, которые позволяют нашему веб-сайту адаптироваться к различным размерам экрана. Теперь все три дизайна здесь используют одно и то же содержание. Тот, что справа, для нашего мобильного экрана, тот, который посередине, для нашего планшета, а тот, что слева, для нашего рабочего стола. И цель процесса проектирования здесь, в Photoshop, заключалась в том, чтобы наилучшим образом передать их контент через наш мобильный экран, наш планшет, а затем снова на экран рабочего стола.

Хотя все дизайны передают одинаковый контент, мы пытаемся адаптировать каждый дизайн, чтобы максимально использовать доступный размер экрана. Если мы увеличим масштаб здесь, вы увидите большую разницу между, скажем, экраном мобильного устройства и экрана планшета в том, что экран мобильного телефона использует вертикальную навигацию. И здесь вы можете видеть на планшете, у нас горизонталь. Опять же, на рабочем столе мы снова сделали что-то другое, где у нас есть логотип слева и навигация справа.

Теперь основная часть дизайна также изменилась, и вы можете увидеть большую разницу между мобильным телефоном и планшетом.В мобильном дизайне вся эта сетка складывается друг на друга, сетки в двух столбцах здесь, на планшете, и аналогичны, но не совсем одинаковы, на настольных компьютерах.

Большая разница в том, что здесь на рабочем столе четыре изображения в одном ряду, а на планшете - два ряда по два. А на мобильном телефоне они все складываются друг на друга.

Итак, давайте посмотрим на готовый веб-сайт, который мы собираемся создать сейчас. Итак, это экран рабочего стола, созданный в Dreamweaver.С правой стороны, я собираюсь взять край и попытаться имитировать то, как примерно выглядит планшет размером с планшет. Вы можете видеть, как я уменьшаю его, все меняется, и изображение начинает реагировать. И как только дохожу до особой точки - бац! Это переключилось на наш дизайн, который мы как бы создали для планшетов.

И если я сделаю еще меньше, хорошо, и перейду к этому мобильному представлению, и вы увидите, что наша навигация складывается, а наши изображения накладываются друг на друга.

Теперь пара особых конструктивных особенностей, которые следует отметить здесь, в основном, это меню и расположение этой сетки внизу.Таким образом, на мобильном устройстве меню складывается в стопку, а на планшете - сбоку, но по центру. И когда я перехожу к рабочему столу, он оказывается полностью здесь. И с точки зрения этой сетки изображений внизу, большие изменения, давайте спустимся вниз, здесь, на рабочем столе, они все сложены в один ряд. Но когда я перейду сюда, мы получим две строки, два столбца. И когда я перехожу к мобильным устройствам, они все ставят друг на друга.

Еще пара мелких деталей заключается в том, что шрифты меняют размер и здесь есть отступы, вы можете видеть, что между ними ничего нет.Но по мере того, как я увеличиваю его, мы получаем представление на планшете без отступов, а шрифт становится намного меньше. Теперь, хотя сайт немного перемещается и меняется для разных размеров экрана, на самом деле это довольно простой сайт. И если вы никогда раньше не создавали сайт, это прекрасный шанс.

Мы собираемся пройти шаг за шагом, чтобы сделать это вместе, и у Dreamweaver есть множество полезных инструментов, которые сделают это очень простым.

Отлично. Итак, мы узнали, что делает веб-сайт адаптивным. Обязательно посмотрите другие видеоролики из этой серии о том, как создать адаптивный веб-сайт с помощью Dreamweaver.

Изучите основные приемы проектирования для отображения контента на различных устройствах - мобильных, планшетных и настольных - перед написанием кода в Dreamweaver.

  1. Создайте макеты дизайна в Adobe Photoshop перед использованием Dreamweaver.
  2. Используйте дизайн, который легко адаптируется к разным размерам экрана.
  3. Обратите внимание на меню и на то, как изображения складываются в окнах разных размеров.
.

Как создать веб-сайт с помощью Dreamweaver CS3 (часть 1) (thesitewizard.com)

Учебное пособие по созданию своего веб-сайта с помощью Adobe Dreamweaver CS3


Кристофер Хенг, thesitewizard.com

Adobe Dreamweaver Creative Suite 3 (CS3), ранее известный как Macromedia Dreamweaver, представляет собой полнофункциональный коммерческий веб-редактор. который позволяет создавать сложные веб-сайты и управлять ими. Редактор Что вы видите, это то, что вы получаете (WYSIWYG) веб-редактор, что означает, что вы можете создавать свою веб-страницу визуально, и все, что вы видите на экране, - это то, что вы посетители увидят, когда они посетят ваш сайт.Dreamweaver генерирует соответствующий стандартам код для вашего веб-сайта, который означает, что ваш сайт не будет "ломаться" каждый раз при выходе новой версии веб-браузера. выпущен. Технически подкованный код HTML и CSS, который он создает для вашего веб-сайта, будет проверить правильно.

Это руководство проведет вас по этапам создания вашего первого веб-сайта с помощью Dreamweaver.

Что вам понадобится

  1. Dreamweaver CS3

    Вам понадобится Dreamweaver CS3 (очевидно).В руководстве предполагается, что вы используете Dreamweaver CS3. Есть версии Dreamweaver для Windows и Mac OS X - подойдет любая версия. По большей части работают обе версии таким же образом.

    Примечание: , если вы используете другую версию Dreamweaver, см. Серию руководств для этой версии. вместо этого: например, Учебное пособие по Dreamweaver CS6 для CS6, Dreamweaver CS5.5 Учебник для CS 5.5, Учебное пособие по Dreamweaver CS5 для CS5 и Учебное пособие по Dreamweaver CS4 для CS4.

  2. Учетная запись веб-хостинга

    Вам понадобится веб-хостинг для публикации ваших страниц. Для полного новичка веб-хостинг (грубо говоря) компания, у которой есть компьютеры, которые постоянно подключены к интернет. После того, как вы создадите свою веб-страницу (страницы), вам нужно будет перенести свои страницы на компьютер вашего веб-хоста (называемый веб-сервером), чтобы его мог видеть весь остальной мир. Вокруг множество веб-хостов - вы можете найти список дешевых веб-хостингов на https: // www.thefreecountry.com/webhosting/budget1.shtml

Есть и другие вещи, связанные с запуском и запуском вашего первого веб-сайта, например получение собственного доменного имени, сделать ваш сайт дружественным к поисковой системе и продвижение вашего веб-сайта. Однако в этом руководстве эти вопросы не рассматриваются - речь идет исключительно о проектировании (создании) и публикации. (загрузка) ваш сайт с помощью Dreamweaver. Если вы новичок, возможно, вы захотите ознакомиться с моей статьей Как начать / создать свой собственный веб-сайт: Руководство для начинающих от А до Я для остальной части процесса.

Общие цели учебного пособия Dreamweaver

К концу этого руководства вы создадите рабочий веб-сайт с несколькими страницами, включая главную страницу, форму обратной связи, страницу "О нас" и карту сайта. Ваши страницы будут содержать сложную панель меню навигации, изображения, несколько столбцов, форму, ссылки на другие страницы вашего сайта, ссылки на другие сайты, текст с другим размером шрифта и т. д. Другими словами, у вас будет полнофункциональный веб-сайт.

Что еще более важно, вы будете знать, как использовать Dreamweaver для создания, проектирования и публикации своего сайта, чтобы вы могли создавать новые сайты в любое время.

Цель данной главы

В этой главе вы научитесь создавать простейшую веб-страницу с двумя столбцами (например, эту веб-страницу, которую вы сейчас читаете) и опубликуйте его, чтобы к нему можно было получить доступ в Интернете. К концу этой главы вы будете просматривать ваша веб-страница в Интернете с помощью вашего любимого веб-браузера.

Обратите внимание, что это практическое руководство. Фактически, чтобы извлечь из этого пользу, даже чтобы понять это, вам нужно выполнить шаги, которые я описываю.Практический характер этого руководства делает трудно понять или понять, если вы не делаете упомянутые вещи.

Настройка веб-сайта в Dreamweaver

Запустите Dreamweaver.

Вы увидите окно, верхняя половина которого будет выглядеть примерно так, как на картинке выше (конечно, без слов «Dreamweaver Tutorial thesitewizard.com»). Ваше изображение может немного отличаться в зависимости от того, используете ли вы Mac OS X, Windows XP или Windows Vista.

Если вы посмотрите на верхнюю часть окна, вы увидите строку меню, которая гласит: «Редактировать файл. Вид Вставить. Изменить текстовые команды. Справка окна сайта». Мы будем доступ ко многим функциям Dreamweaver через эту строку меню.

Первое, что вам нужно сделать, это определить свой сайт в диспетчере сайтов Dreamweaver. Щелкните пункт меню «Сайт» в строке меню. Выпадающее меню будет появляться. Щелкните пункт «Новый сайт ...» в строке меню.

Важное примечание: для краткости в будущем я буду ссылаться на последовательность нажатия на меню «Сайт», с последующим нажатием на «Новый сайт... "товар просто как" Сайт | Новый сайт..."

Появится диалоговое окно со словами «Определение сайта для безымянного сайта 1». Номер после слова "Сайт" может быть другим. если вы когда-либо использовали Dreamweaver для создания сайта раньше. Не беспокойся об этом. Мы все равно собираемся это изменить.

Вверху диалогового окна находится вкладка «Основные». Если он в данный момент не выбран, щелкните по нему, чтобы выбрать. Если вы не уверены, просто нажмите на нее.

В поле редактирования для «Как вы хотите назвать свой сайт?» Введите имя, которое вы хотите дать своему сайту.Если вы не уверены, как вас зовут хотите для своего сайта, используйте свой доменное имя. Например, если у вас есть приобрели домен с названием "example.com", поместите "example.com" (без кавычек) в коробку. В рамках этого руководства я предполагаю, что вы ввели в поле «Пример компании».

После того, как вы сделаете вышеуказанное, введите веб-адрес вашего сайта в поле после вопроса «Каков HTTP-адрес (URL) вашего сайта?». Например, если вы купили домен "example.com ", адрес вашего веб-сайта будет "http://www.example.com/" (без кавычек), если ваш веб-хостинг не сообщит вам иное.

Нажмите кнопку «Далее» в нижней части окна, чтобы перейти к следующему экрану.

Пока примите значение по умолчанию «Нет, я не хочу использовать серверную технологию». Снова нажмите кнопку «Далее».

На следующем экране вы можете указать, где Dreamweaver сохраняет созданные вами файлы. По умолчанию файлы помещаются в папку. с тем же именем, что и ваш сайт.При желании вы можете изменить местоположение. Обратите внимание, что это Папка просто определяет, где на вашем компьютере сохраняются файлы веб-сайта. Вас научат публиковать эти файлы. на ваш веб-хостинг на более позднем этапе. Всегда полезно хранить копию своего веб-сайта на своем компьютере. Если вы не знаете, что делать сделайте здесь, просто примите значение по умолчанию.

Когда вы нажмете «Далее», вас спросят: «Как вы подключаетесь к удаленному серверу?». На данный момент выберите «Нет» в раскрывающемся списке и снова нажмите «Далее».После этого вы получите сводку «Определение сайта». Щелкните "Готово".

Создание простой веб-страницы из двух столбцов с верхним и нижним колонтитулами

Теперь вы создадите главную страницу своего сайта. Для целей этого руководства мы создадим веб-страницу с двумя столбцами для главной страницы. Веб-страница с двумя столбцами означает, что на странице будут два вертикальных столбца. Веб-сайты обычно используют один из столбцов для размещения логотип и кнопки навигации, а другой столбец - для основного содержимого.Например, на страницах статей thesitewizard.com, таких как та, которую вы читают сейчас, в левом столбце находится меню навигации, а в правом столбце - текст статьи.

Щелкните «Файл | Создать». То есть щелкните меню «Файл», а затем пункт «Новый» в появившемся меню. В новом окне под названием «Новый документ» появится появляются.

Посмотрите в столбце «Макет» в появившемся окне и найдите элемент «2 столбца, жидкость, левая боковая панель, верхний и нижний колонтитулы». Выберите элемент, щелкнув по нему один раз.

Посмотрите в правую часть того же окна и найдите пункт «Макет CSS». Щелкните раскрывающийся список и выберите «Создать новый файл». Это заставит Dreamweaver сохранять определенные типы информации о внешнем виде веб-страницы (называемые CSS) в отдельном файле. Один из способов Это полезно в том, что при разработке других страниц сайта мы можем повторно использовать ту же информацию, просто загрузив ее из того же файла.

Нажмите кнопку «Создать».

Откроется диалоговое окно «Сохранить таблицу стилей как».Примите имя и местоположение по умолчанию, просто нажав кнопку «Сохранить».

Dreamweaver теперь представляет вам страницу с двумя столбцами с введенным фиктивным содержимым. Мы заменим часть фиктивного содержимого на наш собственный контент.

Разработка домашней страницы: преамбула

Страница, которую вы собираетесь создать, будет служить «домашней страницей» веб-сайта, что означает, что это главная страница вашего веб-сайта. Это страница, которую посетители увидят, вводят ли они адрес вашего веб-сайта без указания названия страницы.Например, если ваш домен называется example.com, а ваш посетитель введите "http://www.example.com", они увидят эту страницу.

Домашняя страница обычно содержит краткую информацию о том, о чем сайт а также ссылки на другие страницы вашего сайта. Если это домашняя страница вашего личного сайта, вы, вероятно, захотите приветствовать своих посетителей и кратко упомяните, что они могут надеяться увидеть на вашем сайте. Если это домашняя страница сайта компании, обычно кратко упоминается, что Компания продает свои основные продукты и направляет посетителей на отдельные страницы продуктов или другие страницы вашего сайта.

Для целей этого руководства я предоставлю пример текста для вымышленной компании под названием «Example Company», продающей некоторые фиктивные продукты. Вы, конечно, должны использовать свой собственный текст, а не предоставленный мной текст. Например, если ваша компания называется XYZ Inc, продолжайте и используйте "XYZ Inc" в местах где я использую «Пример компании». Точно так же, если вы создаете личный веб-сайт и у вас нет идей, как назвать свой сайт, назовите его своим название. Например, если вас зовут Шекспир, назовите его «Веб-сайт Шекспира».

Шаги по созданию сайта Dreamweaver

  1. Взгляните на отображаемую страницу. Вы увидите, что есть полоса, охватывающая всю верхнюю строку страницы. Слова в этой группе в настоящее время прочтите «Заголовок». Ниже расположены два столбца: узкий левый столбец, называемый боковой панелью, и более широкий правый столбец с заголовком «Основное содержимое». Весь текст, который отображается в окне, можно заменить вашим собственным содержанием.

    Чтобы заменить содержимое, просто нажмите на слово, которое хотите заменить, удалите его и введите свое.Первое, что вам нужно сделать, это заменить слово «Заголовок» в названии вашего сайта. Для этого щелкните где-нибудь в слове «Заголовок». Появится мигающий текстовый курсор. При необходимости, используя клавишу удаления или возврата, удалите «Заголовок». Введите название вашего сайта. Если вы не знаете, что набирать, введите свое имя или название вашей компании. В примере сайта, который я создаю здесь, я заменю «Заголовок» словами «Пример компании».

  2. Непосредственно над тем местом, где вы вводили для замены текста «Заголовок», находится небольшое поле редактирования со словами «Документ без названия».Щелкните слово «Без названия». Использовать клавишу удаления или возврата, чтобы удалить существующий текст и заменить его именем сайта, которое вы ввели ранее. Это будет текст, который будет поисковые системы отображаются для этой веб-страницы при отображении результатов поиска. Опять же, для примера сайта этого руководства я просто заменю его на слово «Пример компании».

  3. Теперь вы должны заменить весь текст в правом столбце своим собственным текстом. Просто нажмите на заголовок «Основное содержание» и замените его подходящим содержание.Вы можете взглянуть на текст, который я буду использовать ниже в качестве примера. Когда вы закончите, нажмите "Lorem ipsum dolor sit amet". (т. д.) слова, удалите их и замените своим сообщением. Набор и редактирование текста на странице работает более или менее так же, как и в текстовый редактор. Если вам нужно создать новые абзацы, просто нажмите клавишу Enter (Windows) или клавишу Return (Mac OS X).

    Повторите процесс с подзаголовком «h3 level heading» и следующими за ним словами.Просто замените его тем, что вы хотите отображать на своем веб-сайте. Если хотите, можете заменить слова приведенным ниже примером текста. Однако лучше написать что-то, имеющее отношение к вашему сайту, чтобы вы не нужно возвращаться и редактировать его позже.

    Добро пожаловать

    Компания Example имеет дело со всевозможными примерами. У нас есть образцы литературных произведений, криминальное чтиво, учебники, обзоры фильмов, сценарии, стулья, столы, бытовая техника и тд. У нас даже есть примеры примеров.

    Рекомендуемый продукт

    Сайт Dreamweaver: это пример сайта Dreamweaver, созданного с помощью учебника thesitewizard.com по Dreamweaver. В В этом руководстве вы узнаете, как создать простой, но полностью функциональный веб-сайт, который вы можете изменять и дополнять в соответствии со своими потребностями.

  4. Оставьте пока левый столбец (боковую панель) в покое. Мы добавим меню навигации к этому разделу в следующих главах этого руководства.

  5. Прокрутите страницу вниз и замените слово «Нижний колонтитул» на все, что вы хотите поместить внизу страницы.Например, вместо этого слова вы можете разместить уведомление об авторских правах. Если вам нужно вставить символ авторского права «©», щелкните «Вставить | HTML | Специальные символы | Авторские права» в меню.

  6. Как только вы будете удовлетворены своей страницей, нажмите «Файл | Сохранить как ...». Появится диалоговое окно с вопросом, где сохранить страницу. Тип "index.html" (без кавычек) в поле редактирования «Имя файла» и нажмите кнопку «Сохранить».

    Обязательно введите имя index.html именно так, как я его дал, то есть полностью строчными (строчными) буквами, без пробелов в словах."index.html" - это особое имя, которое рассматривается как имя файла по умолчанию. для большинства веб-серверов. Когда вы публикуете эту страницу на своем веб-сайте (скажем) ht

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий