Лабораторное занятие № 9 « Разработка элементов Интернет-ресурса с применением языка HTML »

1. Лабораторное занятие № 9«Разработка элементов Интернет-ресурса с применением языка HTML» Выполнила: Студентка группы ПИ-1 Шаповаленко Татьяной

2. Что такое язык HTML.. Язык программирования HTML (HypertextMarkupLanguage) предназначен для создания гипертекстных документов, формат которых не зависит от ЭВМ или используемой ОС. HTML-документы являются SGML-документами (StandardGeneralizedMarkupLanguage, [ISO 8879]) с семантикой, пригодной для представления информации от широкого круга доменов. Файлы HTML-документов должны иметь расширение .html или .htm. Данный формат пригоден для представления почтовых сообщений, новостей, меню, опций, гипермедийных документов, результатов запросов к базам данных, графических документов и т.д. HTML используется во всемирной информационной системе WorldWideWeb (WWW) с 1990 года (разработчик TimBerners-Lee).

3. Атрибут (attribute) – параметр или свойство элемента. Это переменная, которая имеет стандартное имя и которой может присваиваться определённый набор значений: стандартных или произвольных. Предполагается, что символьные значения атрибутов заключаются в кавычки, но некоторые броузеры позволяют не использовать кавычки. Это объясняется тем, что тип атрибута всегда известен заранее. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами. Гиперссылка – фрагмент текста , который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому. Фрейм (frame) –этот термин имеет два значения. Первое- область документа со своими полосами прокрутки. Второе - одиночное изображение в сложном (анимационном) графическом файле (по аналогии с кадром кинофильма). Примечание - вместо термина «фрейм» в специальной литературе и локализованных программных продуктах иногда можно встретить термин «кадр» или «рамка». HTML – файл или HTML – страница – документ, созданный в виде гипертекста на основе языка HTML. Такие файлы имеют расширения htm или html. В гипертекстовых редакторах и броузерах эти файлы имеют общее название «документ».

4. Апплет (applet)- программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web- страницы. Скрипт или сценарий (skript) – программа, включенная в состав Web- страницы для расширения её возможностей. БроузерInternet Explorer в определённых ситуациях выводит сообщение: «Разрешить выполнение сценариев на странице?». В этом случае имеются в виду скрипты. Расширение (extension) – элемент, не входящий в спецификацию языка, но использующийся, обеспечивая возможность создания нового интересного эффекта форматирования. CGI ( Common Gateway Interface) – общее название для программ, которые, работая на сервере, позволяют расширить возможности Web- страниц. Например, без таких программ невозможно создание интерактивных страниц. Программный код или код – аналог понятия «текст программы». Код HTML- гипертекстовой документ в своём первоначальном виде, когда видны все элементы и атрибуты. World Wide Web, WWW или Web – Всемирная паутина, распределённая система доступа к гипертекстовым документам, существующая в Интернете, HTML является основным языком для создания документов в WWW. Изучая его, мы изучаем часть этой системы, хотя область применения языка намного шире.

5. Web – страница – документ (файл),подготовленный в формате гипертекста и размещённый в World Wide Web. Сайт (site) – набор Web –страниц, принадлежащих одному владельцу. Броузер (browser) – программа для просмотра Web – страниц. Пользовательский агент (user agent) – броузер или другая программа, работающая на компьютере – клиенте. Загрузка (downloading) – копирование файлов с сервера на компьютер – клиент.

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

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

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

9. Этапы создания сайта: Тестирование. Проверяется удобство навигации, целостность данных, корректность ссылок и орфография: 1) альфа-версия – ошибки проверяют сами разработчики; 2) бета-версия – проверяют другие люди. Публикация. Сайт размещается в Интернете. Можно воспользоваться бесплатным хостингомлибо разместить сайт у провайдера. Раскрутка. Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и.т.д. Поддержка. Постоянное обновление сайта. (не реже 1 раза в 2 недели).

10. Что нужно для создания сайта.. Хост. Для начала нужно найти хост, то есть ту контору (фирму, место), где вам предоставят место под сайт. Если вы наберете в поисковике слово хост или хостинг, то получите несколько сотен страниц, на которых предлагаются услуги по хостингу а) Платный хост обходится его владельцу как правило от 4 до 10 долларов в месяц в зависимости от количества арендуемых мегабайт. При этом изначально вам предоставляется не менее 50-80Mb, именно за них вы платите 4-5 долларов/мес. б) Бесплатный хост имеет все же больше минусов, чем плюсов. Редко на бесплатном хосте вам предоставят возможность пользоваться cgi-bin (папка для программ). Там же, где такая возможность предоставляется, на каждой страничке вашего сайта будет красоваться огромный баннер. Это - и есть ваша плата за "бесплатный" хост. Кроме того, на бесплатном хосте, как правило, вам предоставят в распоряжение домен третьего уровня типа you_name.host.ru, в то время как лучше (престижней и эффективней) иметь домен второго уровня типа you_name.ru. Ну и, естественно, ни о какой независимости на бесплатном хосте не может быть и речи.

11. Создание домена Как выбрать доменное имя. Имена доменов уникальны и они быстро расхватываются. Всякие простые названия типа book.ru или lib.ruилиalenka.ru давно уже кем то заняты и вам придется придумывать что-нибудь другое. На главной странице хостера вы можете проверить - занято ли выбранное вами имя, или же свободно. Если же оно свободно, то вы его тут же регистрируйте Как регистрировать доменное имя (домен). Регистрируют домены, как правило, через тех же самых хостеров. Можно сделать это через посредников или попробовать сделать самому. Доменное имя не привязано ни к какому хосту, ни к какому посреднику. Доменное имя это ваша личная собственность не зависимо от того имеете ли вы сайт с этим доменным именем, или же никакого сайта у вас и в помине нет. В том случае, когда вы разочаруетесь в своем хостере или найдете более выгодный хост вы переходите на него со своим же доменным именем. Посетители вашего сайта даже не заметят этого перехода (если вы, конечно, перекопируете все файлы со старого хоста на новый хост). А для всех "внешних" наблюдателей, в том числе для поисковых систем, вы останетесь по старому адресу - по адресу вашего личного домена. Доменное имя прописано в настройках DNS вашего хоста, именно таким образом ваше доменное имя связано с вашим хостом. Со сменой хоста эти настройки перепрописываются, а адрес вашего сайта остается прежним. При регистрации домена с вас потребуются более-менее достоверные паспортные данные. Эти данные, по крайней мере ФИО, будут фигурировать в относительно открытой базе данных RIPN

12. Личный сайт Какие бывают сайты По типу сложности сайты можно разделить на статические и динамические. Статический сайт это сайт, который состоит только из HTML страничек. Динамический сайт - это сайт в основе которого лежит программа cgi, которая обрабатвает ваши тексты, сообщения ваших посетителей и выдает результат в браузер (на экран) посетителя. Для создания статического сайта нужно освоить любой HTML-редактор, к примеру Frontpage. Этот редактор входит в состав пакета Office2000 (также, как Word или Exel). В результате на своем компьютере вы создадите серию HTML страничек, связанных друг с другом ссылками, и затем загрузите их по FTP на свой сервер. Можно воспользоваться уже готовыми (сделанными кем-то другим) шаблонами страничек. Чтобы их найти наберите в поисковике фразу шаблоны сайтов. Корректировать шаблоны нужно все-равно в HTML-редакторе, так что осваивать его вам нужно в любом случае. Для создания динамического сайта также нужны HTML-странички, но еще нужна и программа cgi, которая обрабатывает их. Программу cgi можно написать самому (для этого нужно знать программирование), а можно взять уже готовую программу.

13. Загрузка скрипта на сервер когда выбрано доменное имя и "улажены" проблемысхостером должен прийдти (чеоез пару дней) адрес FTP-сервера и пароль. На этом этапе от вас потребуются некие определенные действия, связанные с этими магическими понятиями как загрузка файлов на сервер по FTP. К сожалению здесь без специальных программ не обойтись. Для загрузки файлов рекомендовано использовать WindowsCommander. Инсталяция модулей Модули, которые вы скачали, в исходном состоянии не работают. Программа должна знать кто ее хозяин и чьим указаниям ей подчиняться. Процесс Инсталяции модулей и решает эту проблему. В процессе инсталяции в тект программы и файлы настройки будут вписаны ваши данные. Программа получит уникальный код, который не позволит кому попало проникать к файлам настройки. Ведь текст программы открыт и любой, кто более менее знаком с программированием, может изучить его и использовать эти знания потом в неблаговидных целях. Это исключается и именно на этапе Инсталяции ваш экземпляр кода становится уникальным и защищенным от несанкционированного проникновения. Конечно, гарантировать полной защиты от взлома невозможно, но мы при разработке программы постарались это учесть и максимально понизить эту опасность. Сам процесс инсталяции достаточно прост и прозрачен. Большинство параметров выставляются "по умолчанию", а от вас требуется указать только свой e-mail и название гостевой книги. И еще требуется установить свой личный пароль для входа в программу инсталяции

14. Совместимость. Модули программы, а также все файлы создаваемые программой, компакто изолированы от остальных файлов вашего сервера. Исполняемые модули сгруппированы в специальную папку cgi-bin/Firebook, глобальные настройки помещены в специальную папку /firebook в корневой директории сервера, сама гостевая книга также находится в своей личной папке. Это означает, что если у вас уже был сайт, то он никуда не денется, а будет все также функционировать, ничего не зная о "новой соседке". Даже если у вас был динамический сайт, он также будет успешно продолжать функционировать. Модули Firebook ничего не замещают и никого "не выпихивают" с сайта, они только дополняют возможности вашего сервера. Действие программы распространяется только на папку, в которой будет создана ваша гостевая книга (сайт). Интеграцию Книги с уже имеющимся сайтом вы будете проводить из Конструктора, явным образом указывая какие панели (файлы) куда нужно переставить или прилинковать.