Создание Web-страниц на языке HTML - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Создание Web-страниц на языке HTML, слайд №1

Создание Web-страниц на языке HTML, слайд №2

Создание Web-страниц на языке HTML, слайд №3

Создание Web-страниц на языке HTML, слайд №4

Создание Web-страниц на языке HTML, слайд №5

Создание Web-страниц на языке HTML, слайд №6

Создание Web-страниц на языке HTML, слайд №7

Создание Web-страниц на языке HTML, слайд №8

Создание Web-страниц на языке HTML, слайд №9

Создание Web-страниц на языке HTML, слайд №10

Создание Web-страниц на языке HTML, слайд №11

Создание Web-страниц на языке HTML, слайд №12

Создание Web-страниц на языке HTML, слайд №13

Создание Web-страниц на языке HTML, слайд №14

Создание Web-страниц на языке HTML, слайд №15

Создание Web-страниц на языке HTML, слайд №16

Создание Web-страниц на языке HTML, слайд №17

Создание Web-страниц на языке HTML, слайд №18

Создание Web-страниц на языке HTML, слайд №19

Создание Web-страниц на языке HTML, слайд №20

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Создание Web-страниц на языке HTML. Доклад-сообщение содержит 20 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Создание Web-страниц на языке HTML

Слайд 2

Описание слайда:

Основные понятия HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста). HTML предназначен для создания веб-страниц во всемирной паутине.

Слайд 3

Описание слайда:

Основные понятия Тэги - это метки, которые используются для указания браузеру, как он должен показывать web-сайт. Большая часть HTML тегов состоит из двух частей: открывающий тег закрывающий тег Теги не чувствительны к регистру

Слайд 4

Описание слайда:

Структура HTML документа. Абсолютно любой документ, построенный на базе HTML будет состоять, по меньшей мере, из следующих тегов: - Это самый главный тег, так как указывает принадлежность документа к HTML языку, заключает в себе всё содержимое веб – страницы, ставится в самом начале и соответственно в конце закрывает документ. … - Этот тег не менее важен, в нём размещается не видимая информация о вашем сайте предназначенная для поисковых машин. …

Слайд 5

Описание слайда:

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

Слайд 6

Описание слайда:

Пример: Это моя первая страница Привет, мир!

Слайд 7

Описание слайда:

Чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым применяются атрибуты тегов. Чтобы расширить возможности отдельных тегов и более гибко управлять их содержимым применяются атрибуты тегов. Атрибуты тега тела документа - Цвет фона документа, используя значение цвета в виде RRGGBB. - Цвет текста документа

Слайд 8

Описание слайда:

Таблица цветов HTML

Слайд 9

Описание слайда:

..... - Определяет величину заголовка по их степени важности. ..... - Самый большой заголовок. ..... - Самый маленький заголовок. ..... - Определяет величину заголовка по их степени важности. ..... - Самый большой заголовок. ..... - Самый маленький заголовок. ….. - Определяет текст жирным шрифтом. …..- Определяет текст наклонным (курсив) шрифтом. …..- Имитирует стиль печатной машинки. ….. - Задаёт цвет текста, шестнадцатеричном коде. …..- Задаёт величину шрифта в пределах от “1” до “7”. …..- Увеличивает размер текст на условную 1-цу от заданного. …..- Этот тег, браузер определяет как жирное начертание текста. …..- Этот тег, браузер определяет как наклонное (курсив) начертании текста.

Слайд 10

Описание слайда:

Форматирование текста документа …..- Определяет новый параграф текста с предварительным пропуском одной строки. - Выравнивает текст относительно одной из сторон документа. Значения: “left”, “right”, “justify, “ center”. Пример: текст Текст по центру.

Слайд 11

Описание слайда:

- Определяет нумерованный список. - Объекту, заключённому в этот тег присваивается номер. Также применяется атребут: start - Указывает стартовый номер. type - Определяет характер обозначение, буквенный “Ж”, ”ж”, “J”, ”j” или цифровой – “10”, “Х”. - Определяет нумерованный список. - Объекту, заключённому в этот тег присваивается номер. Также применяется атребут: start - Указывает стартовый номер. type - Определяет характер обозначение, буквенный “Ж”, ”ж”, “J”, ”j” или цифровой – “10”, “Х”. ... Пример: морковь капуста яблоки уксус сахар соль Результат: 3. морковь 4. капуста 5. яблоки 6. уксус 7. сахар 8. соль

Слайд 12

Описание слайда:

Графические элементы на странице Вставляет изображение на страницу. Форматирует положение изображения в документе. Может иметь значения: left, right, center; bottom, top, middle. Устанавливает толщину рамки вокруг изображения Устанавливает поля сверху и снизу Устанавливает поля слева и справа. - Добавляет горизонтальную линию. Указывает ширину линии в пикселах или процентах. Линия без тени. Определяет цвет линии.

Слайд 13

Описание слайда:

Создание таблиц Тег создающий таблицу. Задает строку в таблице. Задает отдельную ячейку в таблице. Задает заголовок таблицы (обычная ячейка с форматированием по центру и полужирным текстом)

Слайд 14

Описание слайда:

Атрибуты таблицы Определяет толщину рамки. Определяет расстояние между ячейками Устанавливает ширину таблицы. (Значение параметра может быть в пикселях или процентах) Устанавливает высоту таблицы. (Значение параметра может быть в пикселях или процентах) Указывает количество столбцов, объединенных в одной ячейке. Указывает количество строк, объединенных в одной ячейке. Задает ширину ячейки таблицы в пикселях или процентах. Задает высоту ячейки таблицы в пикселях или процентах.

Слайд 15

Описание слайда:

Оформление гиперссылок - Задаёт переход на другие ресурсы. - Название страницы - Задаёт переход на другие страницы сайта. - Название страницы - Задаёт переход на другую страницу сайта в новом окне.

Слайд 16

Описание слайда:

Атрибуты гиперссылок Указывает в каком окне открывать гиперссылку.

Слайд 17

Описание слайда:

Пример: Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете. При построении ссылки на чужие страницы всегда надо пользоваться абсолютным адресом страницы ( Если создается ссылка на страницу в пределах сайта, то предпочтительнее использовать относительный URL (page.html, catalog/page.html). Делая графическую гиперссылку, помните, что некоторым пользователям графика недоступна, поэтому обязательно включайте соответствующие текстовые элементы.

Слайд 18

Описание слайда:

HTML-код: HTML-код: Ссылка на главную страницу сайта Отображение в браузере: Ссылка на главную страницу сайта HTML-код: Ссылка на главную страницу сайтаОтображение в браузере: Ссылка на главную страницу сайта

Слайд 19

Описание слайда:

Гиперссылка в пределах html страницы Гиперссылка в пределах html страницы Иногда необходимо сделать гиперссылку в пределах одной страницы. Например, в начале страницы это гиперссылки, позволяющие перейти к просмотру конкретного вопроса, и в самом низу страницы - позволяющей перейти в начало страницы. Чтобы построить ссылку на область внутри текущей страницы, надо дать этой области название при помощи атрибута NAME тэга . Имя должно содержать только буквы и цифры. Таким образом можно делать гиперссылки, указывающие на области других страниц внутри сайта. Пример: HTML-код: Наверх страницы В то место, куда надо сделать переход надо вставить: Отображение в браузере: Наверх страницы

Слайд 20

Описание слайда:

Спасибо за внимание! Презентация выполнена преподавателем информатики ГАОУ СПО Калининградской области «Колледж сервиса и туризма» Белоусовой Юлии Викторовной