- •Часть 1. Создание Web-страниц с помощью языка разметки гипертекста html5 2
- •Часть 2. Процесс создания сайта, подбор компании-хостера, выбор и регистрация доменного имени. 24 Часть 1. Создание Web-страниц с помощью языка разметки гипертекста html5
- •Краткие сведения о html
- •Элементы html Структура html разметки
- •Основные элементы разметки
- •Основы css
- •Валидация html и css
- •Задания на лабораторную работу
- •Справочники по html и css
- •Часть 2. Процесс создания сайта, подбор компании-хостера, выбор и регистрация доменного имени.
- •Требования к отчетности
Требования к отчетности
Отчет по лабораторной работе должен содержать:
Скриншоты разработанных страниц, открытых в браузере.
Тексты реализованных HTML и CSS разметки.
Скриншоты валидации страниц (аналогично рисункам 9-13). Список выявленных ошибок.
Для защиты лабораторной работы необходимо предоставить файл отчета (в электронном или распечатанном виде), файлы страниц, файл стилей СSS.
Справочники по html и css
Справочник по HTML http://htmlbook.ru/html
HTML справочник http://html.manual.ru/
CSS справочник http://css.manual.ru/
Самоучитель CSS http://htmlbook.ru/samcss
Самоучитель HTML5 http://htmlbook.ru/samhtml5
Рецепты CSS http://htmlbook.ru/faq/
Часть 2. Процесс создания сайта, подбор компании-хостера, выбор и регистрация доменного имени.
Цель работы: Получение из Интернет информации о порядке регистрации доменных имен, о платных и бесплатных услугах хостинга. Ознакомление с бесплатными сервисами по созданию сайтов.
Задание 1. Изучить рынок услуг хостинга по следующим темам:
Виды хостинга.
Рекомендации по выбору компании-хостера и доменного имени.
Порядок регистрации доменных имен. Ведущие компании - регистаторы доменов.
Международные и национальные организации, регламентирующие порядок регистрации доменов.
Задание 2. Сравнительный анализ сервисов по созданию сайтов. Создание и лицензирование сайта.
Изучить возможности следующих сервисов по созданию сайтов:
www.weebly.com
imdo.com
v-teme.com
taba.ru
www.ucoz.ru
Создать пробный сайт в одном из конструкторов (обосновать выбор конструктора и привести его на странице «Информация о сайте»). Информация для наполнения сайта – отчет по заданию №1 настоящей работы.
Добавить на сайт:
любой виджет с помощью ресурса: http://www.99widgets.com/
и/или
облако слов с помощью одного из сервисов:
www.icloud.com
www.wordle.net - сервис по созданию из текста красивого облака слов, где размер шрифта у слова тем больше, чем чаще оно встречается в тексте. Для создания текст можно либо ввести самому, либо ввести адрес сайта для сбора слов. Возможна настройка шрифтов и цветовой гаммы. Готовое облако слов, можно распечатать его или сохранить в галерею. Существенный недостаток - нет возможности генерирования виджета для вставки на сайт
www.tagxedo.com - сервис для создания «облака слов». Регистрации на сервисе не требуется. Созданное облако можно представить в любой форме: птичка, сердечко, цветок и т.д. Есть возможность изменения цвета, размера, положения, формы, фона и расстояния между словами. Каждое слово в «облаке слов» при наведении на него курсора выделяется и представляется как гиперссылка.
Защитить сайт бесплатной лицензией Creative Commons:
Зайти на сайт Creative Commons http://creativecommons.org/
Изучить материалы сайта
Проставить на веб-узел лицензию Creative Commons, например:
Информация о лицензировании:
Некоторые авторы-создатели электронных ресурсов часто разрешают свободно использовать свои работы, поскольку это способствует их известности и упрочению их репутации. Упростить доступ к своим работам авторы могут с помощью так называемых «лицензий на свободное использование». Такие лицензии уже существуют для различных сфер деятельности, например, Open Audio License и Free Music Public License – для музыкальных произведений, Design Science License – для научных работ, GNU Free Documentation License – для справочных материалов и др.
Но использование стандартных лицензий тоже может быть связано с определенными проблемами: не каждого автора устраивают их требования.
Некоммерческая организация Creative Commons (http://creativecommons.org), созданная в США юристами, специализирующимися в области авторских прав, поставила задачу помочь как людям, желающим поделиться правами на копирование, распространение или модификацию своих работ, так и тем, кто хотел бы легально использовать чужие работы в своём творческом процессе, не беспокоясь о выплатах в пользу авторов или издателей.
Главным инструментом Creative Commons является автоматизированный генератор лицензий. Выполненный в виде обычного веб-приложения, генератор поможет авторам подобрать нужную из уже существующих свободных лицензий или синтезировать собственную лицензию, включив в неё только те положения, которые согласуются с личным представлением автора о дальнейшей судьбе его работы (так, к примеру, можно разрешить лишь некоммерческое использование, бесплатное некоммерческое распространение и модификацию и т. п.). Подобная генерируемая лицензия носит название Creative Commons Customs License.
Каждая лицензия Creative Commons может быть представлена в трех видах:
в виде страницы с пиктограммами и короткими пояснительными надписями (Commons Deed);
в виде полного текста (Legal Code);
в виде цифровых метаданных (Digital Code).
Обычно защищаемый ресурс содержит ссылку на Commons Deed, позволяющий любому пользователю быстро ознакомиться с основными условиями использования материала, а затем перейти к полному тексту лицензии. Цифровые метаданные Creative Commons обычно представляются в виде описания, которое может быть внедрено непосредственно в защищаемый лицензией объект, что позволяет легко найти фотографии, доступные для свободного изменения и перепечатки, рассказы, которые можно открыто копировать и распространять и т. д. Причем все это – с согласия автора, выраженного в машинных кодах и обычном тексте. На веб-сайте Creative Commons можно осуществлять поиск бесплатных ресурсов, проиндексированных с помощью этой системы.
1 Различная форма записи тэгов <title> и <base /> означает то, что в XHTML не парные теги должны быть завершены символами “/>”. В то же время теги типа <title> имеют парный закрывающий тег </title>.
