Создание сайта урок: Создание сайта с нуля — бесплатное обучение и уроки

Содержание

СОЗДАНИЕ САЙТА — Уроки информатики гимназии №426

Введение в язык HTML

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

HTML – Hyper Text Markup Language — язык разметки гипертекста. HTML ни в коей мере не является языком программирования, он отвечает только за расположение элементов (текста, рисунков) в окне браузера. HTML является языком для создания Web-сайтов во Всемирной паутине. Язык HTML состоит из простых команд – тегов. Теги управляют представлением информации на экране при отображении HTML-документа. Теги заключаются в угловые скобки <>…</> и бывают парные и непарные (одиночные <>).

Документ HTML – это текстовый файл с расширением .html или .htm, содержащий набор тегов.

Браузер – (browser) – программа для просмотра Web-страниц. Широко используют бразеры Microsoft Internet Explorer, Opera и др. Браузер при получении документа HTML выполняет его анализ, строит объектную модель документа, затем результат отображает на мониторе.

Структура HTML-документа

Форматирование символов

<B>….</B> — полужирный шрифт
<I>……</I> — курсивный шрифт
<U>……</U> — подчеркнутый шрифт

<SUB>…</SUB> — нижний индекс
<SUP>…</SUP> — верхний индекс

Параметры шрифта

Текст, заключенный между тегами <FONT….>
……..</FONT> имеет заданный размер, цвет и
гарнитуру. Для этого используются атрибуты: SIZE =
значение от 1 до 7 и COLOR = цвет (aqua, black, blue, fuchsia,
gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white),
каждому цвету соответствует свой
шестнадцатеричный код от 000000 до FFFFFF.

Если в тексте имеется несколько пробелов между
словами или символы табуляции, то браузер на
экран выводит всего один пробел. Если необходимы
дополнительные пробелы то между словами надо
добавить &nbsp; — символьный примитив.

Одиночный тег <BR> разрывает текстовый
поток и вставляет пустую строку. Несколько таких
тегов добавляют несколько пустых строк.
Межстрочный интервал – одинарный.

Форматирование текста по абзацам

Тег <P> …</P> — начинает абзац с новой строки.
<P ALIGN=CENTER> …</P> — по центру
<P ALIGN=JUSTIFY>…</P> — по ширине

<P ALIGN=LEFT>… </P> — по левому краю
<P ALIGN=RIGHT>. ..</P> — по правому краю

Задание цвета всего текста и фона
документа

<BODY BGCOLOR=цвет фона документа TEXT=цвет текста >

Вставка графических изображений

Одиночный тег <IMG> вставляет графические изображения в текстовый поток в любом месте:

<IMG SRC=’имя графического файла’>

Гиперссылки

Связь с другими документами организуется тегами <A>…</A>.
<A HREF=”имя файла на который надо перейти” > текст гиперссылки </A>.
Рисунок так же можно сделать, как гиперссылку, написав:
<A HREF =’имя файла на который переходим’>< IMG SRC =’имя графического файла’></a>

Таблицы

<TABLE>…</TABLE> — вся таблица.
<TR>…</TR> — строка.
<TD>…</TD> — ячейка в ряду.
Ячейки таблицы могут содержать текст или изображения, а также текст с HTML-тегами и гиперссылки. Не следует оставлять ячейки таблицы незаполненными, надо поместить хотя бы неразрывный пробел &nbsp;
Основные атрибуты тегов <TABLE> <TR> и <TD> задают параметры таблицы, строки или ячейки:
ALIGN=left, right, center – выравнивание (<table>, <tr>, <td>)
BGCOLOR=’цвет’ – фоновый цвет (<table>, <tr>, <td>)
HSPACE=значение – свободное пространство слева и справа от таблицы в пикселах (<table>)
VSPACE=значение — свободное пространство сверху и снизу от таблицы в пикселах (<table>)
WIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах (<table>, <td>)
HEIGHT= значение – высоты таблицы (ячейки, строки) – в пикселах, или в процентах (<table>, <td>, <tr>)
BORDER= значение – толщина рамки вокруг таблицы и ее ячеек, по умолчанию значение=1, если значение=0, то рамки нет (<table>, <td>)
BORDECOLOR=’цвет’ – цет рамки (<table,<td>>) VALIGH=bottom, middle, top – выравнивание содержимого по вертикали (<tr>, <td>)


Справочник по HTML  htmlbook. ru

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

Разработка сайта с использованием языка разметки текста HTML

   Аппаратное и программное обеспечение. Компьютер с установленной операционной системой Windows или Linux, подключённый к Интернету.
   Цель работы. Научиться создавать Web-сайты с использованием языка разметки текста HTML в простейшем текстовом редакторе Блокнот.
   Задание. В операционной системе Windows или Linux создать сайт с использованием языка разметки текста HTML в простейшем текстовом редакторе Блокнот. Сайт «Компьютер» должен содержать начальную страницу и страницы «Программы», «Словарь» и «Анкета». Сохранить их в файлах с именами index.htm, software.htm, glossary.htm и anketa.htm в папке сайта.

   Начальная страница сайта. Создадим начальную страницу Web-сайта «Компьютер».
   1. В операционной системе Windows или Linux запустить простейший текстовой редактор Блокнот.
   2. Ввести тэги, определяющие структуру Web-страницы.
       Ввести заголовок Web-страницы: «Компьютер».
       Ввести заголовок текста, отображаемый в браузере: «Всё о компьютере»

   <HTML>
   <HEAD>
   <TITLE>Компьютер</TITLE>
   </HEAD>
   <BODY>
   Всё о компьютере
   </BODY>
   </HTML>

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

   3. <P ALIGN=»left»>На этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. </P>
       <P ALIGN=»right»>Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету. </P>

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

   4. <FONT COLOR=»blue»>
       <h2 ALIGN=»center»>
       Всё о компьютере
       </h2>
       </FONT>
       <HR>
       <P ALIGN=»left»>На этом сайте…</P>
       <P ALIGN=»right»>Терминологический словарь…</P>

   На начальной странице сайта «Компьютер» логично разместить изображение компьютера.

   5. Для того чтобы рисунок располагался по правому краю текста, тэг вставки изображения должен принять следующий вид:
   
   <IMG SRC=»computer.gif» ALIGN=»right»>

   Рисунок для практики:

   Создадим папку сайта «Компьютер» и добавим в сайт пустые страницы «Программы», «Словарь» и «Анкета». Сохраним их в файлах с именами software.htm, glossary. htm и anketa.htm в папке сайта. Такие пустые страницы должны иметь заголовки, но могут пока не иметь содержания.

   6. <HTML>
         <HEAD>
            <TITLE>Заголовок страницы</TITLE>
         </HEAD>
         <BODY>

         </BODY>
       </HTML>

   Создадим панель навигации по сайту «Компьютер». На начальной странице сайта разместим указатели гиперссылок на страницы сайта. В качестве указателей гиперссылок удобнее всего выбрать названием страниц, на которые осуществляется переход.
   Разместим указатели гиперссылок внизу страницы в новом абзаце в одну строку, разделив их пробелами (&nbsp). Такое размещение гиперссылок часто называют панелью навигации.
   Созданная начальная страница Web-сайта «Компьютер» содержит заголовок, изображение компьютера, два абзаца текста, панель навигации и ссылку на адрес электронной почты.

   7. <P ALIGN=»center»>
       [<A HREF=»software. htm»>Программы</A>] &nbsp[<A HREF=»glossary.htm»>Словарь</A>] &nbsp[<A HREF=»anketa.htm»>Анкета</A>]
       </P>
       <ADRESS>
       <A HREF=»mailto:[email protected]»>E-mail: [email protected]</A>
       </ADRESS>

   Web-страницы «Программы». Web-страницу «Программы» мы представим в виде нумерованных и маркированных списков.

   8. <html>
       <head>
       <title>Программы</title>
       </head>

       <body>
       <h2 ALIGN=»center»>
       <FONT COLOR=»blue»>
       Программное обеспечение
       </FONT>
       </h2>
       <HR>
       <OL>
       <LI> Системные программы
       <LI> Прикладные программы
       <UL TYPE=»square»>
       <LI> текстовые редакторы;
       <LI> графические редакторы;
       <LI> электронные таблицы;
       <LI> системы управления базами данных.
       </UL>
       <LI> Системы программирования
       </OL>
       </body>
       </html>

   Web-страница «Словарь». Web-страницу «Словарь» мы представим в виде словаря компьютерных терминов.

   9. <DL>
       <DT>Процессор
       <DD>Центральное устройство компьютера, производящее обработку информации в двоичном коде. 
       <DT>Оперативная память
       <DD>Устройство, в котором хранятся программы и данные.
       </DL>

   Интерактивная Web-страница «Анкета». Интерактивная Web-страница «Анкета» содержит форму, которая заключается в контейнере <FORM></FORM>. В первую очередь выясним имя  посетителя нашего сайта и его электронный адрес, чтобы иметь возможность ответить ему на замечания и поблагодарить за посещение сайта.

   10. <FORM>
         Пожалуйста, введите ваше имя:
         <BR>
         <INPUT TYPE=»text» NAME=»ФИО» SIZE=30>
         <BR>
         E-mail:
         <BR>
         <INPUT TYPE=»text» NAME=»e-mail» SIZE=30>
         <BR>
         </FORM>

   Вставим в HTML-код группу переключателей, в которой устанавливается, к какой группе пользователей относится посетитель.

   11. Укажите, к какой группе пользователей вы себя относите:
        <BR>
        <INPUT TYPE=»radio» NAME=»group» VALUE=»учащийся»> учащийся
        <BR>
        <INPUT TYPE=»radio» NAME=»group» VALUE=»студент»> студент
        <BR>
        <INPUT TYPE=»radio» NAME=»group» VALUE=»учитель»> учитель
        <BR>

   Вставим в HTML-код группу флажков, которые выявляют наиболее популярные сервисы Интернета.

   12. Какие из сервисов Интернета вы используете наиболее часто:
        <BR>
        <INPUT TYPE=»checkbox» NAME=»box1″ VALUE=»WWW»> WWW
        <BR>
        <INPUT TYPE=»checkbox» NAME=»box2″ VALUE=»e-mail»> e-mail
        <BR>
        <INPUT TYPE=»checkbox» NAME=»box3″ VALUE=»FTP»> FTP
        <BR>

   Вставим в HTML-код раскрывающийся список, содержащий наиболее популярные браузеры.

   13. Какой браузер вы используете наиболее часто:
        <BR>
        <SELECT NAME=»Браузер»>
        <OPTION SELECTED>Internet Explorer
        <OPTION SELECTED>Google Chrome
        <OPTION SELECTED>Opera
        <OPTION SELECTED>Mozilla
        </SELECT>
        <BR>

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

   14. Какую ещё информацию вы хотели бы видеть на сайте?
        <BR> 
        <TEXTAREA NAME=»Ваши предложения» ROWS=4 COLS=30>
        </TEXTAREA>
        <BR>

   Чтобы данные из интерактивной формы были отправлены по указанному адресу электронной почты или на сервер, необходимо указать этот адрес и создать кнопку Отправить. 

   15. <FORM ACTION=»mailto:[email protected]» METHOD=»POST» ENCTYPE=»text/plain»>
         <INPUT TYPE=»submit» VALUE=»Отправить»>

   На данном этапе должна получиться такая страница:

   16. Создадим сквозное меню на всех страницах сайта. Вставим после тега <BODY> на каждой странице <P ALIGN=»center»>

       [<A HREF=»software.htm»>Программы</A>] &nbsp[<A HREF=»glossary.htm»>Словарь</A>] &nbsp[<A HREF=»anketa.htm»>Анкета</A>]
       </P>

Самостоятельно вставьте ссылку на главную страницу  index со всех страниц.

Меню расположить вверху.

       17. Дополнительно  самостоятельно вставьте картинки на каждую страницу. 

       18. Дополнительно самостоятельно  измените цвет страниц на спокойный, неяркий цвет, используя тег <BODY BGCOLOR=цвет фона и справочник по HTML/

Cайт на Python — Django уроки создания сайта на Питоне

Python – мощный язык, функциональность которого увеличивается при использовании дополнительных библиотек. В видео курсе мы изучим популярный фреймворк Django и построим полноценный веб сайт на основе Джанго.

Информация про Джанго

Язык Python универсальный и на его основе можно писать приложения для различных целей. Создать сайт на Python вполне возможно, но сайт на питоне гораздо проще создается при использовании Джанго Питон. При помощи дополнительных библиотек можно создавать как приложения, так и веб сайты. К примеру, для создания игр на Python понадобиться библиотека Pygame, а для создания сайтов – Django.

Зачем нужен Джанго?

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

Джанго создан на основе языка Питон. За счёт Django вы можете намного проще и быстрее создавать как легкие, так и сложные веб сайты.

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

Преимущества Джанго

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

В Джанго используется схема MVC. Это схема позволяет удобно разбить файлы на одну из трех категорий: HTML шаблоны, файлы модели для работы с базой данных и файлы контроллеры для связи моделей и HTML шаблонов между собой.

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

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

Сайты на Джанго

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

  1. Google — крупнейший сайт на Django. Является поисковой системой;
  2. YouTube — крупнейший видеохостинг;
  3. Instagram — популярное приложения для обмена фото и видео;
  4. Pinterest — крупнейший социальный интернет-сервис;
  5. The Washington Times — популярная всемирная газета.

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

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

Какие знания нужны?

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

Помимо Питон вам также нужно уметь работать с языком разметки HTML и языком стилей CSS. Без этих языков вам не удастся написать разметку веб страницы, поэтому перед курсом также стоит изучить HTML и CSS.

Дополнительно обязательных знаний не требуется и вы можете приступать к изучению курса. Все Django уроки представлены на нашем сайте в полной мере.

План курса

За Django курс мы изучим все основные положения фреймворка Django, а также создадим Python сайт. Для реализации стилей на сайте мы будем использовать библиотеку Bootstrap (уроки по ней можно посмотреть здесь), а для связи с базой данных мы будем использовать встроенную ORM систему, которая позволяет создавать таблицы в базе данных на основе классов в Python.

Программа обучения

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

WebD2: уроки для студентов

WebD2: уроки для студентов

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

Модуль 1: Базовая оценка сайта и рубрика
Созидание

  • Урок 1: Исследование возможностей
  • Урок 2: Разработка инструмента оценки веб-сайта

Модуль 2: Теория цвета

  • Урок 1: Теория цвета в веб-дизайне

Модуль 3. Веб-стандарты и доступный дизайн

  • Урок 1. Веб-стандарты
  • Урок 2: Как люди с ограниченными возможностями получают доступ в Интернет

Модуль 4: Планирование веб-сайта

  • Урок 1: Организация веб-сайта

Модуль 1: Предварительное кодирование (Модуль 1)

  • Урок 1: Предварительное кодирование (Урок 1)

Модуль 2: базовая разметка HTML

  • Урок 1: Синтаксис HTML
  • Урок 2: Основные теги
  • Урок 3: Общие теги

Модуль 3: HTML-списки

  • Урок 1: Списки
  • Урок 2: Создание меню навигации

Модуль 4: Создание ссылок

  • Урок 1: Создание ссылок на внешние интернет-сайты
  • Урок 2: Ссылки на страницы вашего веб-сайта
  • Урок 3: Специальные типы ссылок

Модуль 5: Создание таблицы данных (Модуль 5)

  • Урок 1: Создание таблицы данных (Урок 1)

Модуль 6: HTML-видео

  • Урок 1: Добавление видео на веб-страницы
  • Урок 2: Добавление субтитров к видео

Модуль 7: Отражение модуля 2

Модуль 1: Введение в каскадные таблицы стилей

  • Урок 1: Анатомия стиля
  • Урок 2: Применение стилей
  • Урок 3: Связывание с внешней таблицей стилей

Модуль 2: Цвет в CSS

  • Урок 1: Понимание цвета в CSS
  • Урок 2: Применение цвета в CSS

Модуль 3: Типографика в CSS

  • Урок 1: Типографика в CSS
  • Урок 2: Применение типографики в CSS

Модуль 4.

Блочная модель в CSS

  • Урок 1. Понимание блочной модели в CSS
  • Урок 2: Применение блочной модели в CSS

Модуль 5. Роль идентификатора и класса в CSS

  • Урок 1. Понимание идентификатора и класса в CSS
  • Урок 2. Применение идентификатора и класса в CSS
  • Урок 3. Селекторы псевдоклассов в CSS

Модуль 6: Методы макета страницы

  • Урок 1: Макет страницы с помощью CSS
  • Урок 2. Стилизация меню навигации с помощью CSS

Модуль 7: Часть 3 Размышления

Модуль 1: Введение в веб-графику (Модуль 1)

  • Урок 1: Введение в веб-графику (Урок 1)
  • Урок 2: Закон об авторском праве и графика
    в Интернете

Модуль 2: Создание веб-фотоальбома

  • Урок 1: Общие сведения о веб-графике
  • Урок 2: Получение изображений для Интернета
    Графика
  • Урок 3: Обрезка и изменение размера
  • Урок 4. Добавление изображений на веб-страницу

Модуль 3: Создание кнопки

  • Урок 1: Основные формы и цвета
  • Урок 2: Работа со слоями
  • Урок 3: Оптимизация изображений GIF
  • Урок 4: Создание фавикона

Модуль 4: Создание баннера веб-страницы

  • Урок 1: Инструменты выбора
  • Урок 2: Эффекты слоя и смешивание
  • Урок 3: Фоновые изображения

Модуль 5: Раздел 4 Размышления

Модуль 1: Обзор сценариев в Интернете

  • Урок 1. Сценарии на стороне клиента и на стороне сервера

Модуль 2: JavaScript

  • Урок 1: Использование JavaScript для отображения предупреждений
  • Урок 2: Ошибки JavaScript и отладка
  • Урок 3. Создание часов JavaScript, часть 1
  • Урок 4. Создание часов JavaScript, часть 2
  • Урок 5. Использование JavaScript для скрытия и отображения контента
  • Урок 6. Создание пользовательского видеоплеера

Модуль 3: Раздел 5 Размышления

Модуль 1: Проверка веб-сайтов

  • Урок 1: Проверка HTML
  • Урок 2. Проверка CSS
  • Урок 3. Проверка доступности

Модуль 2. Тестирование удобства использования

  • Урок 1. Проведение теста удобства использования

Модуль 3: Часть 6 Размышления

Модуль 1: Программное обеспечение для веб-разработки

  • Урок 1: Основные функции программного обеспечения для веб-разработки
  • Урок 2: Содержание, структура, представление и поведение
  • Урок 3: Функции управления сайтом

Модуль 2. Публикация в Интернете

  • Урок 1. Услуги хостинга веб-сайтов
  • Урок 2: Инструменты для публикации веб-сайтов

Модуль 3: Раздел 7 Размышления

Модуль 1: Веб-сайт клиента (Модуль 1)

  • Урок 1: Планирование веб-сайта клиента
  • Урок 2: Создание веб-сайта клиента
  • Урок 3: Контроль качества веб-сайта клиента

Модуль 2: Модуль 8 «Отражение»

Copyright © 2005-2022 Вашингтонский университет. Разрешается использовать эти материалы полностью или частично в образовательных, некоммерческих целях при условии ссылки на источник. Этот продукт был создан при поддержке Национального института исследований в области инвалидности и реабилитации Министерства образования США (грант № h233D010306) и поддерживается при поддержке Национального научного фонда (грант № CNS-0540615). Содержимое не обязательно отражает политику федерального правительства США, и вы не должны предполагать их одобрение.

Простой план урока, чтобы научить студентов создавать базовые веб-страницы

План урока для обучения студентов созданию базовых веб-страниц

Раскрытие информации: Ваша поддержка помогает сайту работать! Мы зарабатываем комиссионные за некоторые услуги, которые мы рекомендуем на этой странице. Узнать больше

Содержание

  • 1 Цель
  • 2 Инструкции
  • 3 Обсуждение
  • 4 ДЕЙСТВИЯ
  • 5 Руководство по обсуждению

Цель

Понимание, как разработать веб -страницу для занятий или личное использование

статьи:

Ваш собственный дом (страница) [https://websitebuilders. com/how-to/build-a-website/build-a-homepage/]

Понимание авторских прав [https://websitebuilders.com /как-создать-веб-сайт/понять-авторские права/]

Ознакомьтесь с Положением о правах и обязанностях Facebook. [https://www.facebook.com/terms.php]

Обсуждение

  1. Как можно использовать веб-страницу класса?
  2. Вам нужно специальное программное обеспечение для создания веб-страницы?
  3. Какие сайты вы посещаете чаще всего и что вам в них нравится?
  4. Что означает авторское право и кому принадлежат эти права?
  5. Можно ли размещать на своей странице изображения или видео, найденные в Интернете?
  6. Можете ли вы разместить свои любимые песни на своей странице?
  7. Какова политика Facebook по этому поводу?

Действия

  1. Посетите популярные веб-сайты, чтобы узнать, как устроены домашние страницы. Многие люди являются активными пользователями социальных сетей, имеют учетные записи на Facebook, MySpace, LinkedIn и других сайтах. Подумайте о том, чтобы посетить эти личные страницы и обсудить их.
  2. Обсудите различные варианты создания страницы курса и тип контента, который будет на ней размещен. Если у вас есть программа для редактирования HTML или MS Word, вы можете легко создать веб-страницу. Обязательно ознакомьтесь с политикой вашей школы или организации в отношении разрешенного контента, если вы планируете разместить страницу в Интернете.

Руководство по обсуждению

  1. Как можно использовать веб-страницу класса?

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

  1. Вам нужно специальное программное обеспечение для создания веб-страницы?

Нет, можно создать веб-страницу без использования специального программного обеспечения.

  1. Какие сайты вы посещаете чаще всего и что вам в них нравится?

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

  1. Что означает авторское право и кому принадлежат эти права?

Авторское право – это право на воспроизведение оригинальных произведений. По закону авторские права по умолчанию принадлежат создателю.

  1. Можно ли размещать на своей странице изображения или видео, найденные в Интернете?

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

  1. Вы можете разместить свои любимые песни на своей странице?

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

  1. Какова политика Facebook по этому поводу?

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