Методы создания и сопровождения сайта реферат

Обновлено: 05.07.2024

План урока:
I. Орг. момент.
II. Актуализация знаний.
III. Выполнение лабораторно-практической работы по теме.
IV. Домашнее задание
V. Итог урока.

Ход урока:
I. Орг. момент.
Приветствие, проверка присутствующих. Объяснение хода занятия.

II. Актуализация знаний.

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

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

Web — страница — это отдельный комбинированный документ сети WWW, который может содержать текст, графику, анимацию, звуковые и другие объекты. Хранится в файле *.html.

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

Создание сайтов — составной процесс, состоящий из нескольких этапов:

1. разработка дизайна,

o это техническая поддержка сайта;

o помощь в обновлении контента;

o внесение корректировок в работу ресурса.

Методы создания и сопровождения сайтов:

o вручную на языкe HTML (в БЛОКНОТе);

o c помощью редакторов сайтов (HEFS, DreamWeaver и др.);

o с помощью систем управления сайтов (Joomla, 1С Битрикс и др.).

Этапы создания WEB-страницы:

1. Разработка проекта (Постановка задачи);

· Главная тема страницы.

· Текстовое содержание (грамотный язык).

· Планировка размещения информации на странице (верстка).

· Графика (набор рисунков, анимации).

· Стиль дизайна (сочетания цветов, фоны и т. п.)

2. Алгоритм заполнения страницы.

Программа для WEB-страницы записывается на языке HTML в виде текстовых файлов в текстовом редакторе Блокнот.

Эти файлы имеют название имя.html

Операторы (команды) языка HTML называются тегами. Общий вид записи тега:

Вопросы : (фронтально с места)

1. Что такое сайт? ( Сайт – это набор страниц, посвященных одной тематике и связанных между собой гиперссылками. )

2. Что такое Web-страница? ( Web-страница представляет собой файл с расширением *.html, который содержит информацию и специальные команды – HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера)

3. Что должна иметь каждая страница сайта? ( Свой Internet адрес, который состоит из адреса сайта и имени файла, соответствующего данной странице. )

4. Классификация сайтов. Как называется сайт, который …. (1 слайд файла ПРОВЕРКА.notebook) – у доски

5. Типы сайтов. Установите соответствие между типом сайта и технологией его создания. (2 слайд файла ПРОВЕРКА.notebook) – у доски

6. Установить этапы разработки сайта по порядку. (3 слайд файла ПРОВЕРКА.notebook) – у доски

7. Назовите параметры, по которым оценивается сайт. ( Сайт оценивается по контенту, внешнему виду, навигации .) Что такое контент? Навигация? – с места

8. Какие рекомендации нужно соблюдать для того, чтобы сайт считался хорошим? (файл OMS Проверка 1-3, задание 1) – у доски

9. Как называется разбиение сайта на страницы? (Структура сайта) (файл OMS Проверка 1-3, задание 3) – у доски

10. Какие основные элементы должен содержать каждый сайт? (Логотип, заголовок сайта, главное меню) (файл OMS Проверка 3-4, задание 3) – у доски

11. Какие требования предъявляются к организации главного меню? (файл OMS Проверка 3-4, задание 4) – у доски

12. Какие способы создания сайтов вы знаете? (При помощи языка программирования, при помощи визуальных редакторов, при помощи конструктора, с помощью CMS движка, заказать сайт) – устно

сайт группы 1.3 – на языке программирования HTML.

Сегодня вы создадите свой сайт, используя один из способов.

Существует множество различных редакторов для создания сайта, например:

1. Wysiwyg Web Builder –

2. Web Page Maker –

4. Coffe Cup Visual Site Designer –

Кто знает, какой из распространенных редакторов можно использовать для создания сайтов? (Microsoft Word, Microsoft Publisher)

Сегодня для создания сайта мы будем использовать Microsoft Publisher.

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

б) Откройте текстовый файл и скопируйте его содержимое в буфер обмена.

в) Вернитесь в программу Microsoft Publisher и вставьте содержимое буфера обмена в текстовое поле.

Проверьте работу гиперссылок (Файл → Предварительный просмотр веб-страницы).
Сохраните файл в формате Publisher в свою папку.
Сохраните файл как веб-страницу в свою папку.

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

Учебник: Угринович Н.Д. Информатика и ИТ. с.467-483

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

Предварительный просмотр:

Подписи к слайдам:

Проект на тему : Создание Web-сайта

Цели и задачи: Рассмотреть 2 способа создания сайта. Рассмотреть классификацию сайтов. Изучить этапы создания сайта. создание собственного сайта с помощью конструктора сайтов.

2 способа создания сайта: Ручной С использованием конструктора

Перечислим основные преимущества конструктор сайтов: Они просты в использовании. Всё делается пошагово и легко. Вам не придётся возиться со сложными кодами HTML и FTP. Разделение дизайнерской и текстовой частей: макет хранится отдельно от текста. Захотите сменить дизайн – без проблем, несколько кликов и всё готово! Наличие готовых шаблонов макетов, для создания которых вне конструктора требуется знание языка программирования HTML. Лёгкость загрузки изображений. Картинки можно добавлять, не выходя из браузера и сразу размещать на страницах, создавать галереи либо делать их частью дизайна макета. Богатый набор дизайнерских шаблонов на любой вкус. Оперативная публикация страниц. Изменения отображаются сразу же после их внесения. Надёжность – все файлы хранятся на сервере конструктора. Поэтому Вам не стоит беспокоиться о создании резервных копий данных или о возможности взлома - обо всём этом заботится персонал по обслуживанию серверов выбранного конструктора сайтов. Кроме того, некоторые конструкторы (например, Wix, Nethouse) позволяют переносить готовый сайт на другой хостинг.

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

По уровню персонификации сайты классифицируются: Сайты Корпоративные Персональные

Этапы создания сайта: Анализ и проектирование сайта Информационное наполнение сайта Креатив, или визуальная составляющая сайта Написание кода Тестирование Публикация Раскрутка Поддержка

Этапы создания сайта: Анализ и проектирование сайта. Анализ аналогичных сайтов с выделением сильных и слабых их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории. Информационное наполнение сайта (контент). Привлекает потенциальных пользователей. Информация должна быть интересна для целевой аудитории и качественно оформлена.

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

Этапы создания сайта: Раскрутка. Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и.т.д. Поддержка. Постоянное обновление сайта. (не реже 1 раза в 2 недели).

Этап 3. Выбираем шаблон для сайта. Итак, нажав на кнопку, мы будем автоматически перенаправлены на выбор шаблона для сайта. Да, выбирать есть, из чего, и это радует! Бесплатный онлайн-конструктор сайтов предлагает деление по категориям, и их масса. То есть выбираете то, что подходит под специфику вашей деятельности Этап 4 . Оформляем сайт! И вот вы уже непосредственно видите конструктор сайтов WIX. Сначала дайте название вашему ресурсу (его потом можно в любой момент изменить). Также вы в любой момент сможете привязать к своему сайту свой домен . Вы можете изменять АБСОЛЮТНО ВСЕ элементы. Эту возможность предлагает конструктор сайтов WIX:

Вывод Рассмотрели 2 способа создания сайта. Изучили классификацию сайтов. Опробовали этапы создания сайта. Создали собственный сайт с помощью конструктора сайтов.

Для учеников 1-11 классов и дошкольников
Бесплатные сертификаты учителям и участникам

Методы создания и сопровождения сайта .

Создание сайтов — составной процесс, состоящий из нескольких этапов:

1. разработка дизайна,

это техническая поддержка сайта;

o помощь в обновлении контента;

o внесение корректировок в работу ресурса.

Методы создания и сопровождения сайтов:

вручную на языкe HTML (в БЛОКНОТе);

c помощью редакторов сайтов (HEFS, DreamWeaver и др.);

с помощью систем управления сайтов (Joomla, 1С Битрикс и др.).

Этапы создания WEB-страницы:

1. Разработка проекта (Постановка задачи);

· Главная тема страницы.

· Текстовое содержание (грамотный язык).

· Планировка размещения информации на странице (верстка).

· Графика (набор рисунков, анимации).

· Стиль дизайна (сочетания цветов, фоны и т. п.)

2. Алгоритм заполнения страницы.

Программа для WEB-страницы записывается на языке HTML в виде текстовых файлов в текстовом редакторе Блокнот.

Эти файлы имеют название имя.html

Операторы (команды) языка HTML называются тегами. Общий вид записи тега:

Фрагмент страницы Тег>

ОСНОВНЫЕ ТЭГИ HTML

Цвет шрифта (задается названием цвета или его 16-ричным кодом)

Вставка изображений

Выравнивание текста около изображения

Вывод текста вместо изображения

Цвет фона, текста и ссылок

подготовка к ЕГЭ/ОГЭ и ВПР
по всем предметам 1-11 классов

Курс повышения квалификации

Дистанционное обучение как современный формат преподавания

Сейчас обучается 932 человека из 80 регионов

Курс повышения квалификации

Инструменты онлайн-обучения на примере программ Zoom, Skype, Microsoft Teams, Bandicam

Курс добавлен 31.01.2022
Сейчас обучается 27 человек из 18 регионов

Курс повышения квалификации

Педагогическая деятельность в контексте профессионального стандарта педагога и ФГОС

ЗП до 91 000 руб.
Гибкий график
Удаленная работа

Дистанционные курсы для педагогов

Свидетельство и скидка на обучение каждому участнику

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

5 595 836 материалов в базе

Самые массовые международные дистанционные

Школьные Инфоконкурсы 2022

Свидетельство и скидка на обучение каждому участнику

Другие материалы

Вам будут интересны эти курсы:

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

24.04.2017 75472
DOCX 22.4 кбайт
360 скачиваний
Рейтинг: 4 из 5
Оцените материал:

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

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

Автор материала

40%

Подготовка к ЕГЭ/ОГЭ и ВПР
Для учеников 1-11 классов

Московский институт профессиональной
переподготовки и повышения
квалификации педагогов

Дистанционные курсы
для педагогов

663 курса от 690 рублей

Выбрать курс со скидкой

Выдаём документы
установленного образца!

Учителя о ЕГЭ: секреты успешной подготовки

Время чтения: 11 минут

Минпросвещения России подготовит учителей для обучения детей из Донбасса

Время чтения: 1 минута

Минобрнауки и Минпросвещения запустили горячие линии по оказанию психологической помощи

Время чтения: 1 минута

В приграничных пунктах Брянской области на день приостановили занятия в школах

Время чтения: 0 минут

Курские власти перевели на дистант школьников в районах на границе с Украиной

Время чтения: 1 минута

В Белгородской области отменяют занятия в школах и детсадах на границе с Украиной

Время чтения: 0 минут

Школьник из Сочи выиграл международный турнир по шахматам в Сербии

Время чтения: 1 минута

Подарочные сертификаты

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

Все материалы, размещенные на сайте, созданы авторами сайта либо размещены пользователями сайта и представлены на сайте исключительно для ознакомления. Авторские права на материалы принадлежат их законным авторам. Частичное или полное копирование материалов сайта без письменного разрешения администрации сайта запрещено! Мнение администрации может не совпадать с точкой зрения авторов.

Огромное количество сайтов во всемирной паутине сконструировано именно по такому типу. Хотя если говорить открыто – возможности при этом весьма ограничены. Да и создание динамических страниц, пользуясь только HTML – приведет только к тому, что мозг закипит уже на второй минуте.

В принципе, если HTML связать с элементами РНР кода – то может и выйти. Такие средства создания и сопровождения сайта являются базовыми, их должен знать и умело применять любой вебмастер.

Первый способ создания сайта

Если использовать самый простейший способ, то действовать нужно в следующей последовательности:

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

Второй способ создания сайтов

Второй способ создания сайтов будет немного посложнее. Тут используется системы управления контентом (CMS), или как пишут на форумах, для легкой ориентировки – с помощью “движка”. Таких “движков” тьма тьмущая по всей паутине. Большинство из них сегодня платные, но если покопаться, то можно найти и бесплатные.

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

А теперь о втором “движке” под названием Joomla. Этот “движок” – уникальная вещь, о которой говорить можно долго, но отнюдь не нудно: с помощью его можно создавать порталы, блоги и еще кучу разных фишек в таком же роде. Четыре слова – “Сайт русской поддержки Joomla” (а точнее один из сайтов) и у вас все получится!

Третий способ создания сайтов

И третий способ создания сайтов, так сказать для людей либо ленивых по своей природе, либо с нехваткой на это дело времени.

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

Тут конечно существует один такой большой и жирный минус! На вот таких вот сайтах где вы создаете аккаунт, у вас нет ни имени, ни рода, ни племени. Прикрыть вас могу быстрее, чем кто-либо скажет: “Безперспективняк!” Прав у вас как таковых – мизер и развернутся негде – везде возведены стены из запретов.

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

Создание сайтов — составной процесс, состоящий из нескольких этапов:

1. разработка дизайна,

это техническая поддержка сайта;

o помощь в обновлении контента;

o внесение корректировок в работу ресурса.

Методы создания и сопровождения сайтов:

вручную на языкe HTML (в БЛОКНОТе);

c помощью редакторов сайтов (HEFS, DreamWeaver и др.);

с помощью систем управления сайтов (Joomla, 1С Битрикс и др.).

Этапы создания WEB-страницы:

1. Разработка проекта (Постановка задачи);

· Главная тема страницы.

· Текстовое содержание (грамотный язык).

· Планировка размещения информации на странице (верстка).

· Графика (набор рисунков, анимации).

· Стиль дизайна (сочетания цветов, фоны и т. п.)

2. Алгоритм заполнения страницы.

Программа для WEB-страницы записывается на языке HTML в виде текстовых файлов в текстовом редакторе Блокнот.

Эти файлы имеют название имя.html

Операторы (команды) языка HTML называются тегами. Общий вид записи тега:

Фрагмент страницы Тег

ОСНОВНЫЕ ТЭГИ HTML

Цвет шрифта (задается названием цвета или его 16-ричным кодом)

Вставка изображений

="URL"

Выравнивание текста около изображения

="URL" ALIGN="*"

Вывод текста вместо изображения

="URL" ALT="*"

Читайте также: