Содержание
-
Программирование интернет - приложений
Каликинская Елена Юрьевна
-
Классификация веб-сайтов
Сайт визитка- самый простой вид сайта. обычно он содержит от 1 до 5 страниц. Сайты этого вида, как правило, включают в себя только общую информацию о владельце сайта и его контактные данные.
-
Корпоративные сайты - это полнофункциональные представительства компаний в интернете. Этот тип сайта лучше всего подходит для серьёзных средних и крупных фирм. Корпоративные сайты содержат полную информацию о компании и её деятельности.
-
Интернет-витрина или интернет-каталог товаров - это вид сайтов, основная задача которых — продавать. На таких сайтах размещается информация о товарах и контакты, обычно телефоны, по которым следует звонить, если посетитель желает приобрести предлагаемый товар.
-
Интернет-магазины - этот вид сайтов обладает теми же характеристиками, что и интернет-витрины, но, кроме того, предоставляет возможность заказать предлагаемый товар прямо через сайт.
-
Промо-сайты - сайты этого типа предназначены для раскрутки и продвижения какого-либо товара или бренда. Компания проводит рекламные акции (конкурсы, викторины, игры и т.п.), которые освещаются в Интернет с помощью специально разработанного веб-сайта.
-
Тематические сайты - данный тип интернет сайтов характеризуется тем, что содержит информацию по какой-либо конкретной тематике. Сюда же можно отнести интернет-энциклопедии.
-
Интернет-порталы- это тип сайтов, содержащих большое количество разнообразной информации. Как правило, порталы схожи по структуре с тематическими сайтами, но имеют более развитый функционал и большее количество сервисов и разделов. Также на порталах часто бывают разделы для общения пользователей: чаты, блоги и форумы.
-
Блог - это тип сайтов, на которых владелец или редактор блога пишет тексты со своими новостями, идеями или другой постоянно поступающей информацией. Отличительной особенностью блогов является актуальность публикуемой информации.
-
Каталоги сайтов - это вид сайтов, основным содержимым которых являются структурированные ссылки на другие сайты, а также их краткие описания.
-
Поисковые системы - вид сайтов, предназначенных для поиска страниц в интернете по определённым запросам.
-
Почтовые сервисы - этот тип сайтов предоставляет интерфейс для работы с электронной почтой.
-
Интернет-форумы - на сайтах этого вида пользователи могут создавать темы, а также комментировать их. Как правило, форумы ограничены одной специфической тематикой, хотя встречаются и форумы «обо всём».
-
Сайты-хостинги - на сайтах этого типа реализована функция хранения каких-либо файлов. Также часто встречаются сайты-хостинги с возможностью просмотра загруженных файлов прямо через браузер.
-
Доски объявлений - на таких сайтах пользователи могут размещать или искать информацию в виде каких-либо объявлений, например, о покупке-продаже.
-
Социальные сети - тип сайтов, созданных для общения пользователей между собой. Как правило, на таких сайтах есть рейтинги, страницы пользователей, группы и множество других сервисов.
-
Язык разметки гипертекста HTML (HyperTextMarkupLanguage)
Элементы HTML называются «тегами» (от англ. tag — отметка)
-
<тег> содержимое
<тег1> <тег2>содержимое
-
Язык HTML является регистронезависимым, то есть команды языка можно набирать в любом регистре.
-
главным тегом HTML является одноименный тег
Закрывающий его тег
-
Заголовок документа заключается в теги
-
Тег
служит для того, чтобы дать документу название, которое показывается в заголовке окна браузера.
Является обязательным!
-
Тело документа помещается в теги …
-
Атрибуты тега
<ТЕГ ИМЯ_АТРИБУТА-1="ЗНАЧЕНИЕ" ИМЯ_АТРИБУТА-2="ЗНАЧЕНИЕ" ...ИМЯ_АТРИБУТА-n="ЗНАЧЕНИЕ">
-
Язык разметки гипертекста HTML (HyperTextMarkupLanguage)
Упрощенный основной код HTML имеет вид:
<ТITLE>Моя первая страница
тело документа
-
Разметка текста
текстовый абзац
<Р>
Текст абзаца
-
Для принудительного разрыва строки внутри абзаца используют тег , не имеет закрывающего тега
для запрета разрыва строки используется тег
строка без переносов
-
Для расстановки логических акцентов в тексте используют теги логического выделения:
<ЕМ>Текст, выделяемый курсивным шрифтом
Tекст, выделяемый жирным шрифтом
-
Для выделения текста жирным курсивным шрифтом можно использовать вложение данных тегов друг в друга:
<ЕМ>
Текст, выделенный жирным курсивным шрифтом
-
Для отображения подстрочного текста используют тег текст 2
Результат: текст1текст2
Тег позволяет отобразить надстрочный текст:
текст1текст 2
Результат : Текст1текст2
-
Заголовки частей документа на web-странице задаются тегами <Нn>, где n — целое число от 1 до 6, обозначающее номер уровня заголовка, причем, самым крупным уровнем принято считать 1. Синтаксис записи этой команды в общем виде таков:
<Нn>Текст заголовка
где n=1...6.
-
Для создания маркированного списка в HTML используют теги
- первый элемент списка
- …
- последний элемент списка
-
Для создания нумерованного списка в HTML используют теги
- первый элемент списка
- …
- последнийэлемент списка
-
При использовании вложенных тегов списков можно получить многоуровневые списки.
- первый
- второй
- второй-первый
- второй-второй
- третий
-
Цвет в документе
В интернете используется RGB палитра, основными составляющими которой являются три цвета: красный, зеленый и синий.
-
Для каждого основного цвета используется
256 различных значений: от 0 до 255 в десятичной системе счисления
от 00 до ff в шестнадцатеричной системе
-
Белый #ffffff
Черный #000000
Красный #ff0000
Синий #0000ff
Зеленый #00ff00
При смешивании основных цветом получаем:
красного и зеленого - желтый #ffff00
зеленого и синего - голубой #00ffff
красный и синий - лиловый #ff00ff
-
Цвета страницы web документа задаются в стартовом теге , который имеет атрибуты, и в общем виде выглядит так:
-
Атрибут TEXT позволяет задать цвет текста для всего документа в целом
Атрибут BGCOLOR задает фоновый цвет всему документу
-
Атрибут LINK дает возможность назначить цвет, которым отображается непосещенная гиперссылка.
По умолчанию ей присваивается значение"blue" (#0000FF).
-
Цвет в документе
Атрибут VLINK указывает на цвет посещенной ссылки.
По умолчанию ей присваивается значение "purple" (#800080).
-
Атрибут ALINK определяет цвет активной гиперссылки, с момента нажатия на нее курсором мыши до момента загрузки вызываемого ею ресурса.
По умолчанию данный атрибут также имеет значение "purple".
-
Включение графики в web-страницу
форматы графических файлов: GIF, JPG и PNG
-
Внедрение графики в html-документ осуществляется с использованием команды , синтаксис которой в общем виде записывается следующим образом:
-
Атрибут SRC в качестве значения содержит относительный адрес файла с графическим изображением
-
Атрибут ALT содержит некий альтернативный текст, который отображается вместо картинки в браузерах, не поддерживающих графику, а также в случае, если поддержка графики отключена пользователем.
-
Все графические файлы во время внедрения их в документ должны иметь необходимые размеры в пикселях.
Ширину и высоту картинки не рекомендуется задавать в теге.
-
Пример применения тега :
Ссылки на документы
Ссылки на документы
-
Ссылки на документы
Реализовать простую гиперссылку на другую web-страницу можно путем использования в web документе тега <А>, синтаксис записи :
<А HREF="URL" TARGET="параметр" TITLE="альтернативный текст"> текст гиперссылки
Ссылки на документы
Ссылки на документы
-
Реализовать простую гиперссылку на другую web-страницу можно путем использования в web документе тега <А>, синтаксис записи :
<А HREF="URL" TARGET="параметр" TITLE="альтернативный текст"> текст гиперссылки
Ссылки на документы
Ссылки на документы
-
Атрибут HREF указывает на адрес страницы, с которой устанавливается гиперсвязь
Атрибут TARGET описывает правила открытия нового документа в браузере
Например, значение атрибута TARGET="_blank" отображает открываемый по ссылке документ HTML в новом окне браузера.
Ссылки на документы
Ссылки на документы
-
Атрибут TITLE предназначен для создания всплывающей подсказки, которая возникает в случае, если пользователь задержит курсор мыши над гиперссылкой на несколько секунд
Ссылки на документы
Ссылки на документы
-
Изображение в html-документе можно сделать гиперссылкойкомбинацией тегов <А> и
<А HREF="URL документа, на который организуется ссылка">
Ссылки на документы
Ссылки на документы
-
Ссылки на части документа
Ссылки на части документа позволят перелистывать документ к нужным разделам
Процесс создания ссылки внутри документа состоит из двух этапов
Ссылки на документы
Ссылки на документы
-
1 этап: в документе расставляют метки в тех местах, куда надо будет прокручивать документ. Задают тегами
текст
Ссылки на документы
Ссылки на документы
-
2 этап: вверху документа делают ссылки на метки тегами
текст ссылки
Ссылки на документы
Ссылки на документы
-
Таблицы в web документе
Для создания таблиц в HTML применяется тег , структура записи которого в общем виде следующая:
Содержимое ячеек -
Атрибут ALIGN , может принимать значения LEFT, RIGHT или CENTER.
Атрибут WIDTH определяет ширину всей таблицы и может принимать значение целого числа (в пикселях), либо числа от 1 до 100 с символом «%»
-
Атрибут BORDER указывает на толщину границы столбцов и ячеек таблицы в пикселах.
Если значение данного атрибута равно нулю, таблица становится «невидимой»
-
Атрибут CELLSPACING позволяет задать промежуток между ячейками в пикселах
Атрибут CELLPADDING — промежуток между содержимым ячейки и рамкой вокруг ячейки в пикселах
-
-
, описывающие сами ячейки.
Тег оперирует атрибутами ALIGN и VALIGN.
-
оперирует следующими необязательными атрибутами:
COLSPAN — число столбцов, объединяемых ячейкой
ROWSPAN —число строк, объединяемых ячейкой
HEIGHT — высота ячейки в пикселах
NOWRAP — запрет переноса слов внутри ячейки.
-
A B C D -
Пример когда в первой строке была одна объединенная ячейка:
A C D -
Пример когда первом столбце была одна объединенная ячейка:
A C D -
Нет комментариев для данной презентации
Помогите другим пользователям — будьте первым, кто поделится своим мнением об этой презентации.