Как в word создать веб страницу


Создание Web-сайта с помощью Microsoft Word

Конспект занятий на тему:

Создание Web-сайта с помощью Microsoft Word

Гизатулин Арсен Рашитович

Цель урока: 

  1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.

  2. освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок. 

Задачи урока:

  1. Воспитательная – развитие познавательного интереса, воспитание информационной культуры.

  2. Учебная – изучить и закрепить навыки работы с текстовым редактором.

  3. Развивающая – развитие логического мышления, расширение кругозора.

Используемое программное обеспечение: текстовый процессор Microsoft Word 2010.

Тип урока: комбинированный

План урока

  1. Краткий инструктаж по технике безопасности в компьютерном классе.

  2. Объяснение нового материала.

  3. Выполнение практической работы.

  4. Домашнее задание.

Ход урока

  1. Организационный момент

Здравствуйте! Сегодня мы с вами будем создавать web-сайт с помощью Microsoft Word

  1. Инструктаж по технике безопасности в компьютерном классе

Чтобы успешно выполнить свою работу, нужно вспомнить правила поведения и ТБ в компьютерном классе. Внимание на экран.

«Правила поведения в кабинете информатики»

Соблюдать правила поведения и текущие указания учителя.

Работать на расстоянии 60-70 см от экрана монитора, соблюдая правильную осанку, а если есть очки - в очках.

Следить за неисправностью аппаратуры и немедленно прекратить работу при появлении необычного звука, запаха гари, самопроизвольного отключения аппаратуры.

Нажимать на клавиши плавно, не допуская резких ударов.

Работать на клавиатуре чистыми руками.

Не вставать со своих мест, когда в кабинет входят посетители.

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

  1. Трогать разъёмы соединительных кабелей.

  2. Прикасаться к питающим проводам и устройствам заземления

  3. Прикасаться к экрану и тыльной стороне монитора.

  4. Включать и выключать аппаратуру без разрешения преподавателя.

  5. Класть посторонние предметы на клавиатуру и монитор.

  6. Не пользоваться клавиатурой при отключенной аппаратуре.

  7. Работать во влажной одежде и влажными руками.

  8. Никогда не пытаться самостоятельно устранять неисправности в работе аппаратуры.

  1. Изучение нового материала.

Изучая данную тему, мы с вами рассмотрим следующие вопросы:

  1. Что такое Web – сайт, Web – страница, гиперссылка?

  2. Как и какими средствами создаются Web – страницы?

  3. Какие существуют виды навигационной схемы Web – сайтов?

  4. Примеры оформления Web – страниц.

  5. Создание гиперссылок.

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

  1. Практическая работа на компьютере

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

  1. Домашняя работа

Завершить практическую работу и отправить учителю через «Виртуальные факультативы»

Теоретический материал

  1. Что такое Web – сайт, Web – страница, гиперссылка?

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

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

 Гиперссылка (hyperreference)— часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном компьютере или в компьютерной сети, либо на элементы этого объекта.

  1. Как и какими средствами создаются Web – страницы?

Собрание страниц, объединенных некоторой общей тематикой и помещенных, как правило, на одном компьютере, называют Web-узлом или сайтом. Узлы Web подобны книгам, а Web-страницы - страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются  серверами. На одном сервере может размещаться множество Web-узлов или сайтов.

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

HTML – HyperText Markup Language (Язык разметки гипертекста) представляет собой довольно простой набор команд, описывающих структуру документа. Этот язык разметки позволяет выделить в документе отдельные логические части – заголовки, абзацы, таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.

  1. Какие существуют виды навигационной схемы Web – сайтов?

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

Существует много вариантов организации навигационной схемы. Рассмотрим два полярных подхода. Первый из них дает возможность пользователю перемещаться по иерархии страниц только вверх или вниз без возможности перехода между страницами одного иерархического уровня. При такой схеме навигации для перехода к странице, расположенной на другой ветви иерархии, необходимо вернуться назад, и лишь затем, перейдя на нужную ветвь, перемещаться по дереву вниз. Заблудиться на Web-узле с такой структурой тяжело, но и для перехода к нужной информации требуется много времени.

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

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

  1.  Примеры оформления Web – страниц.

Просматривая Web-узлы в Интернете, вы, вероятно, обращали внимание на то, что страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы.

  1. Создание гиперссылок.

Гиперссылки предназначены для перемещения между страницами текущего Web-узла, а также на другие узлы в поисках нужной информации. Они могут указывать на текст, графические изображения, страницы других Web-узлов в сети Интернет, документы Microsoft Office, закладки, размещенные на этой же странице, на других страницах Web-узла или внутри документов, локальные файлы вашего компьютера, адреса электронной почты для доставки корреспонденции и т.д. При ссылке на файлы Microsoft Office автоматически запускается соответствующая программа и открывается файл, на который указывает ссылка. Если страница, на которой создается ссылка, является фреймом (т.е. разбита с помощью рамок на несколько областей), можно указать, в какую область фрейма загружать страницу, на которую указывает ссылка.

В качестве гиперссылки можно использовать не только текстовую информацию, но и графическое изображение или отдельные его части, называемые активными областями. Для создания на изображении активных областей используются кнопки панели инструментов Рисунки (Pictures).

Практическая работа

Задание

В данной работе вы реализуете проект сайта, по подготовленной теме.

1.Открыть текстовый процессор Word.

2.Создать таблицу (образец) на весь лист

3. Придумать дизайн страницы.

Разметка страницы → Цвет страницы → Способы заливки

4.Сохранить файл.

5.Этот же файл нужно сохранить 6 раз изменяя только заголовки. У вас получится 6 файлов: Розы - главная страница, Букеты из роз, Виды роз, Видео о розе, Легенда о розах, Лечебные свойства розы – обычные страницы.

Файл → Сохранить как → Имя файла.

6.Теперь нужно сохранить все эти файлы как web-страницу.

Файл → Сохранить как → Тип файла: web-страница

7.После сохранения всех файлов, нужно создать гиперссылку для главной страницы. Для этого web-страницу нужно открыть с помощью Microsoft Word (Нажать на правую кнопку мыши → Открыть с помощью → Microsoft Word)

Выделить разделы и открыть пункт Вставка → Гиперссылка → Выбрать нужный файл → Ок. (Например, выделить раздел Лечебные свойства розы, выбрать пункт Вставка → Гиперссылка → Лечебные свойства розы → Ок). А для других файлов нужно внизу написать слово Назад и сделать гиперссылку на главную страницу. После всего демонстрировать учителю web-страницу

Использование Microsoft Word для создания веб-страницы

Использование Microsoft Word для создания веб-страницы

Вы можете использовать Microsoft Word для преобразования существующих документов в Формат HTML. Используйте опцию «Сохранить как веб-страницу», чтобы создавать документы для паутина. Помните, что после преобразования документа могут существовать различия в макете. Например, если вы использовали вкладки для создания таблицы в Word, пространство вкладок будет не отображаются в документе HTML.Чтобы избежать необходимости исправлять неправильно выровненную таблицу, всегда используйте параметры Word «Вставить таблицу» для создания новых таблиц. Кроме того, каждый раз, когда вы нажимаете клавишу ENTER в Word, появляются лишние пробелы. в преобразованном документе (пусть текст по возможности переносится автоматически).

Примечание: Прочтите инструкции по использованию опции «Сохранить как веб-страницу ...» прежде чем ты начнешь.

  1. Открыть Word.
  2. Когда приложение откроется, в меню «Файл» выберите "Открыто." Затем в списке доступных документов дважды щелкните значок документ, который вы хотите преобразовать.
    Примечание : Когда документ откроется, ознакомьтесь с расположение. Преобразованный документ не будет выглядеть точно так, как оригинал.
  3. В меню «Файл» выберите «Сохранить как Страница интернета." Нажмите «Сохранить».
    Примечание : При преобразовании документа в формат HTML вы сохраняете исходный документ в виде отдельного файла.Новый файл HTML имеет то же имя файла, но другое расширение файла (.htm).
  4. Когда преобразование завершено, преобразованный файл появится в окне (filename.htm). Просмотрите файл исходного кода HTML, выбрав меню «Просмотр», затем «HTML. Источник."
  5. Если в документе есть графика, прокрутите Исходный код HTML, чтобы найти ссылку на изображение. Слово имена изображений последовательно (Image1.gif, Image2.gif и т. д.). Когда вы публикуете свою страницу, обязательно включите эти файлы изображений.
  6. Вернитесь в режим редактирования, щелкнув «X» в окне исходного кода HTML.
  7. Вы можете изменить HTML-файл, используя форматирование Microsoft Word. кнопки и параметры меню, а также параметры веб-панели инструментов (вставьте гиперссылку, вставить изображение). Когда вы довольны внешним видом своей страницы, обязательно сохраните его.
  8. Закройте документ, выбрав меню «Файл», затем выбрав "Близко." Нажмите кнопку «Закрыть» («X» в правом верхнем углу). закрыть Word.
  9. Откройте HTML-файл в браузере WWW, чтобы посмотреть, как он появляются. При необходимости вы можете настроить макет страницы с помощью Mozilla параметры редактирования.
  10. Затем вы должны переместить свои файлы в веб-каталог. используя SSH Secure Программное обеспечение для передачи файлов Shell.
  11. После публикации страницы просмотрите ее в Mozilla, чтобы посмотрим, как это будет выглядеть миру.

  12. Откройте Mozilla Navigator.В поле «Местоположение:» введите адрес. (URL) вашей страницы.
  • Если вы опубликовали в своем каталоге «public_html», URL-адрес будет http://udel.edu/~your_username/filename.htm.
  • Если вы опубликовали в официальном справочнике университета, URL-адрес будет http://www.udel.edu/directory_path/filename.htm.
  • Если вы опубликовали страницу своей студенческой организации, URL будет http: // copland.udel.edu/stu-org/your_organization's_directory
.

Можно ли использовать Microsoft Word или Office для создания веб-сайта? Если да, то как? (thesitewizard.com)

Как создать веб-сайт с помощью Microsoft Word / Office


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

Недавно один из моих посетителей спросил меня, можно ли использовать Microsoft Word (или Microsoft Office) для создания сайт. Эта статья отвечает на этот вопрос, а также предоставляет некоторую практическую информацию о том, как создавать простые веб-страницы. с Word / Office.

Можно ли использовать текстовый процессор для создания веб-страницы?

Ответ на этот вопрос в основном такой же, как и на вопрос «Можно ли использовать плоскогубцы для извлечения винта?».

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

Различных сред

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

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

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

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

Что можно делать с помощью WordProcessor

В Microsoft Word есть элементарные средства, упрощающие размещение существующего документа на вашем веб-сайте.

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

  2. Вы можете создавать ссылки, указывающие на другие веб-сайты или другие страницы вашего собственного веб-сайта. Это можно сделать либо автоматически по Word при вводе веб-адреса (например, "http: // www.example.com/ ") или вручную.

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

Что вы теряете при использовании WordProcessor для создания / обслуживания веб-сайта

Чтобы у вас не было нереалистичных ожиданий относительно того, чего вы можете достичь с помощью Word для своего веб-сайта, позвольте мне упомянуть некоторые вещи вы потеряете.Обратите внимание: это не означает, что вы не можете использовать Word. Вы просто не сможете использовать эти объекты.

  1. Вы потеряете возможность встраивать код, предоставленный другими веб-сайтами, на свою веб-страницу. Некоторые сайты, включая thesitewizard.com, предоставляют специальные возможности, которые вы можете добавить на свой сайт, чтобы каким-либо образом расширить его. Такие возможности часто предоставляются в виде кода, известного как HTML-код, CSS-код, JavaScript или что-то еще. Например, существует множество бесплатные службы веб-статистики, которые вы можете использовать, чтобы узнать, сколько посетителей используют ваш сайт, и так далее.Такие услуги обычно требуют от вас вставьте какой-нибудь код на свою веб-страницу. Вставить такой код с помощью Word не представляется возможным.

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

  3. Вы не сможете легко опубликовать свой документ на своем веб-сайте из текстового редактора.Пока Office 2007 (и, возможно, 2010 тоже), похоже, имеет некоторую возможность интеграции с некоторыми поставщиками блогов, но это не так. имеют интегрированное средство для публикации обычных веб-страниц через FTP. Для тех, кто задается вопросом, что такое FTP, говоря простым языком, в основном это метод, используемый для передачи веб-страниц с вашего компьютера в Интернет. Но не волнуйтесь. Ваш документ все еще можно опубликовать. Вам просто нужно использовать отдельную программу, которая называется FTP-клиент, чтобы это сделать.

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

    Честно говоря, только коммерческие веб-редакторы любят Dreamweaver есть это средство. В то время, когда я пишу это, бесплатные Веб-редактор KompoZer этого тоже не делает. Но это удобная функция, особенно если на вашем сайте много страниц.

Как создать веб-страницу с помощью Word 2003 и Word 2007/2010

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

Чтобы создать ссылки на другие веб-страницы, сделайте следующее. Если вы используете Word 2003, просто перейдите к разделу Word 2003. Если вы используете Word 2007 или 2010, просто прочтите этот раздел. Эти 2 раздела написаны независимыми друг от друга.

Как сохранить документ как файл HTML в Office 2003, Office 2007 и Office 2010

Помимо вставки гиперссылок, вам также необходимо знать, как преобразовать документ из стандартного «.doc» или «.docx». формат файла в файл HTML. Для этого, если вы используете Word 2003 или 2010, щелкните меню «Файл». Если вы используете Word 2007, щелкните безымянная круглая кнопка в верхнем левом углу окна Word. Затем, независимо от того, используете ли вы Word 2003, 2007 или 2010, щелкните значок В появившемся меню пункт «Сохранить как».

После появления диалогового окна «Сохранить как» введите имя файла, который вы хотите сохранить, как в поле «Имя файла». Например, если вы Делая главную страницу своего сайта, вы должны назвать страницу «индексной» (без кавычек). Затем щелкните раскрывающийся список "Тип файла". чтобы расширить его.

Есть два возможных варианта, которые вы можете использовать для создания файлов HTML (т. Е. Файлов веб-страниц). Выберите либо Параметр «Веб-страница (* .htm; * .html)» или параметр «Веб-страница, отфильтрованная (* .htm; * .html)».

Параметр «Веб-страница с фильтром» создает более мелкие и стандартные веб-страницы, которые содержат только код форматирования, понятный веб-браузерам и поисковым системам. Параметр «Веб-страница» создает HTML-страницы с дополнительным скрытым кодом форматирования Word. Этот дополнительный код (надеюсь) игнорируется веб-браузерами и поисковыми системами, но используется внутри Word, когда вы снова открываете тот же файл для его редактирования. Если Дополнительный код отсутствует, при повторном открытии файла в Word вы не сможете использовать некоторые функции Word в своем документе обычным способом.(Например, некоторые объекты могут быть отключены.)

Ввиду этого, если вы не знаете, что делаете, вам, вероятно, следует сохранить его как «Веб-страницу». Ваша страница будет , а не . считается 100% действительным HTML, но тогда, поскольку вы используете текстовый процессор для создания страницы, она, вероятно, все равно не будет действительной на 100%, независимо от того, вы используете опцию «Фильтрованный». (Вероятно, он также будет более раздутым, чем нужно.)

После того, как вы выбрали вариант «Веб-страница» или «Веб-страница, отфильтрованная», диалоговое окно изменится и появится новое «Изменить заголовок»...» появится кнопка. Щелкните по нему. Появится диалоговое окно с названием «Установить заголовок страницы».

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

Введите здесь соответствующий заголовок для своей веб-страницы и нажмите кнопку «ОК».

Затем, если вы используете Word 2007 или 2010, нажмите кнопку «Инструменты» в нижней части диалогового окна и выберите «Параметры Интернета».В раскрывающемся списке «Целевые браузеры» выберите строку «Microsoft® Internet Explorer® 6 или более поздней версии» и нажмите кнопку «ОК». (Вероятно, он уже выбран по умолчанию в Word 2010, но вы все равно можете захотеть проверьте, на всякий случай.)

Прежде чем продолжить, обратите внимание, что Word изменил ваше имя файла, добавив в его конец «.htm». Например, если вы набрали "index", теперь файл будет называться "index.htm". Измените его так, чтобы окончание было ".html" вместо ".htm".То есть, если Word изменился его на "index.htm", измените его так, чтобы он теперь назывался "index.html".

Наконец, нажмите кнопку «Сохранить» в диалоговом окне «Сохранить как».

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

Как опубликовать вашу веб-страницу

Поскольку Word не имеет встроенного средства для публикации вашей веб-страницы, вам придется использовать для этого отдельную программу.Как уже упоминалось Ранее такая программа называлась FTP-клиентом. См. Статью Как загрузить файл на свой сайт с помощью FileZilla FTP Client для пошагового руководства по использованию одного из таких FTP-клиентов, Filezilla (который является бесплатным), для публикации вашей веб-страницы. и связанную с ним папку.

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

Заключение

Публикация веб-сайта с помощью Word или Office не совсем идеальна. Вы должны мириться с множеством ограничений. Однако, в крайнем случае, можно создать элементарную веб-страницу, если вам нужно.

Авторские права © 2009-2018 Кристофер Хенг. Все права защищены.
Получите больше бесплатных советов и подобных статей, по веб-дизайну, продвижению, доходам и сценариям, с https: // www.thesitewizard.com/.

Считаете ли вы эту статью полезной? Вы можете узнать о новых статьях и сценариях, опубликованных на thesitewizard.com подписавшись на RSS-канал. Просто укажите программу чтения RSS-каналов или браузер, поддерживающий RSS-каналы, на https://www.thesitewizard.com/thesitewizard.xml. Вы можете узнать больше о том, как подписаться на RSS-каналы с моего RSS-канала.

Эта статья защищена авторским правом. Пожалуйста, не воспроизводите и не распространяйте эту статью полностью или частично в какой-либо форме.

,

Как создать сайт


Узнайте, как создать адаптивный веб-сайт, который будет работать на всех устройствах, ПК, ноутбук, планшет и телефон.


Создание веб-сайта с нуля


A «Эскизный план»

Перед созданием веб-сайта может быть целесообразно нарисовать черновик макета страницы:

Панель навигации

Боковое содержание

Какой-то текст какой-то текст ..

Основное содержание

Какой-то текст какой-то текст.,

Какой-то текст какой-то текст ..

Какой-то текст какой-то текст ..

Нижний колонтитул


Первый шаг - базовая HTML-страница

HTML - это стандартный язык разметки для создания веб-сайтов, а CSS - это язык, описывающий стиль HTML-документа. Мы объединим HTML и CSS, чтобы создать простую веб-страницу.

Пример




Название страницы



кузов {
семейство шрифтов: Arial, Helvetica, sans-serif;
}

Мой веб-сайт


Веб-сайт, созданный мной.


Попробуй сам "

Объяснение примера