Рабочие листы
к вашим урокам
Скачать
1 слайд
Начальные сведения
Язык HTML
2 слайд
Язык HTML
HTML (Hyper Text Markup Language) – язык разметки гипертекста, включает в себя способы оформления гипертекстовых документов.
SGML (Standard Generalized Markup Language) - стандартный язык обобщенной разметки.
XML (Extended Markup Language) - расширяемый язык разметки.
3 слайд
Основные понятия
Гипертекст – структура, позволяющая
устанавливать смысловые связки между элементами текста и другими документами.
Гиперссылка – фрагмент текста, который
является указателем на другой файл или объект.
Web-узел или Web-сайт – группа Web-страниц, принадлежащих одному автору или одному издателю, взаимосвязанных общими гиперссылками.
4 слайд
Фрейм (Frame)
Этот термин имеет два значения:
Область документа со своими полосами прокрутки
Одиночное изображение в анимационном графическом файле (кадр)
5 слайд
Апплет (Applet)
Программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы
Браузер (Browser)
Программа для просмотра Web-страницы
6 слайд
Скрипт или сценарий
(Script)
Программа, включенная в состав Web-страницы, для расширения ее возможностей
CGI (Common Gateway Interface) – общее название программ, которые работая на сервере, позволяют расширить возможности Web –страничек.
7 слайд
Что могут содержать Web-страницы:
1). Тексты;
2). Таблицы;
3). Логотипы;
4). Эмблемы;
5). Графику
6). Банеры
7). Мультимедиа
8) Скрипты
9). Апплеты
8 слайд
5). Графику
Графические файлы самые распространенные и выгодные в формате .jpg (jpig), менее распространенные gif , но могут содержать не более 256 цветов, редко .png, и .bmp т.к. они имеют большие размеры, а основное правило хорошо оформленной страницы, это быстрая загрузка!!! По этому правилу размер любого графического файла не должен превышать 70 Кбайт или 400-500 пикселей со средним качеством.
Что могут содержать Web-страницы:
9 слайд
Графические форматы
GIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не должно превышать 256.
JPEG (JPG) - Joint Photography Experts Group.
Этот формат допускает сохранение изображений, содержащих миллионы цветов.
10 слайд
Что могут содержать Web-страницы:
6). Банеры – анимированные и не анимированные, выполняют чаще рекламную роль и роль переключателей на другие страницы.
большие имеют размер 468 х 60 пикселей,
средние 120 х 60,
маленькие 88 х 31.
Собираются из файлов, созданных, например, в FotoShope. Это может быть текст, сменяющий другой или картинки.
Могут быть анимированные кнопки. Gif- анимация – это, например, при наведении на кнопку появляется надпись
11 слайд
7). Мультимедиа –файлы (содержащие музыку (.mid), речь (.wav), видео (.avi).
avi-фрагменты это очень большие файлы, поэтому на Web-страницах они не должны превышать 100 Кбайт
wav- файлы лучше упаковывать, для чего есть специальные программы, которые сжимают в 10 раз (например, 10 секунд звучания это примерно 250 Кбайт можно упаковать до 25 Кбайт)
mid – файлы это в основном инструментальная музыка без голоса. Поддерживаются только браузером Internet Explorer.
.mp3 – файлы тоже можно использовать, но они очень большие(средний размер 5-7 Мбайт, 3 мин 3 Мбайта.
Эти файлы (avi, wav, mid, mp3) практически не сжимаются. Из 3 Мбайт получается приблизительно 2,8 Мбайт.
Gif-файлы сжимаются на 20%.
Что могут содержать Web-страницы:
12 слайд
8) Скрипты – программы, которые расширяют возможности страниц, делают ее активной с обратной связью (формы, регистрационные листы, пишутся на языке Jawa и т.п.). Можно делать самим (бегущая строка, падающие буквы и т.п.), а можно брать готовые.
9). Апплеты – программы, которые загружаются с сайта на компьютер клиента при открытии страницы, создают различные видеоэффекты (перелистывание страниц, вихревое движение, эффект пламени, деформации изображения, пишутся на языке Jawa с расширением .class).
Что могут содержать Web-страницы:
13 слайд
10). Флэш-анимации – файлы сделанные по технологии макромедиа с расширением .swf. В этих файлах происходит действие, рекламные ролики. (Они быстро открываются, но для их открытия дополнительно к браузеру должна быть установлена специальная программа, позволяющая просматривать эти файлы, если программа не установлена, то как правило выдается запрос на ее загрузку из интернет).
11). Гиперссылки – ссылки на другие станицы.
12). Таблицы стилей –то файлы с расширением .css, в которых прописаны все изменения. Такое оформление придают страницам современный, эстетический стиль.
Что могут содержать Web-страницы:
14 слайд
теги HTML
15 слайд
HTML - теги
Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами
(от английского tag).
Тег – начальный или конечный маркер элемента записывается в угловых скобках и состоит из имени, за которым может
следовать список атрибутов (все атрибуты располагаются в начальном теге).
Большинство тегов имеют два компонента: открывающий и закрывающий. Закрывающий компонент имеет то же название, но при записи перед названием ставится символ « / ».
16 слайд
Назначение HTML-тегов
Форматирования текста;
Описания кадров и форм;
Форматирования таблиц и списков;
Организации ссылок на другие ресурсы;
Вставки изображений и расширений HTML.
17 слайд
<HTML>
</HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
Структура HTML-документа
….
….
Начало разметки документа
содержание страницы
Конец разметки документа
18 слайд
Между тегами <Title> и </Title> пишется название сайта
Тег <meta> несет служебную информацию о сайте
и не отображается на экране браузера:
Имя автора страницы;
Информация о кодировке;
Набор ключевых слов для поиска, отображающих содержание сайта.
19 слайд
Пример Web -страницы
<HTML>
<HEAD>
<TITLE> О братьях наших меньших </TITLE>
<META http-equiv=“Content-Type” content=“text/html; charset=windows-1251”>
<META name=“Author” content=“ Shokleva Lyudmila”>
<META name = “Keywords” content=“Животные, природа, зоопарк, фауна”>
</HEAD>
<BODY>
Здесь размещается содержимое страницы
</BODY>
</HTML>
20 слайд
<HTML>
<TITLE> школа</TITLE>
</HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
Сайт, посвященный группе
< META NAME=“keywords” CONTENT =“ФИО, город, образование”>
Пример Web –страницы с метатегами
Рабочие листы
к вашим урокам
Скачать
6 625 843 материала в базе
«Информатика (базовый и углублённый уровни) (в 2 частях)», Поляков К.Ю., Еремин Е.А.
Глава 4. Создание веб-сайтов
Больше материалов по этой темеНастоящий материал опубликован пользователем Шоклева Людмила Александровна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс повышения квалификации
36/72 ч.
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300/600 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.