Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть

Презентация на тему Создание Web-страниц

Содержание

2. Структура Web-страницы
3. Тег должен открывать программу, а тег --
4. Заголовок программы - начало заголовка - конец заголовка … название документа Стихотворение
5. Тело программы - начало тела
6. Заголовки текст заголовка n – это числа от 1 до 6 Пример Пример
7. Абзац -- выравнивает абзац по левому краю --
8. Форматирование шрифтаВсе, что находится между тегами и
9. Форматирование шрифтаТекст между тегами и , будет
10. Форматирование шрифтаДля изменения шрифта используется тег Цвет шрифта необходимо смотреть в таблице цветов.
11. Списки
12. Маркированный списокЗадается следующей командой UL:
13. Нумерованный списокЗадается следующей командой ОL:
14. Цвет фонаЦвет фона задается один раз для
16. Использование текстур (рисунков) в качестве цвета фона web-страницы
17. Гиперссылка - переход к другому документуДля этого
18. Цвет гиперссылок - цвет еще
19. Картинка в текстеДля вставки картинки нужно воспользоваться
20. Атрибуты тега IMGwidth = n и height
21. Атрибуты тега IMGhspace = m - интервал
22. Атрибуты тега IMGalign - позволяет определять положение
24. Создание горизонтальной линии Атрибуты:Align = выравнивание
25. Создание таблицТаблица задается командой ... . Внутри
26. Атрибуты Align=выравнивание (left, right, center)Bgcolor=цвет
27. Заголовок для таблицыЗадается в тэге , после
28. Создание таблиц
29. Скачать презентацию
30. Похожие презентации

Структура Web-страницы

Тег должен открывать программу, а тег -- закрывать ее. Между этими двумя

Заголовок программы - начало заголовка - конец заголовка … название документа Стихотворение

Заголовки текст заголовка n – это числа от 1 до 6 Пример Пример

Абзац -- выравнивает абзац по левому краю -- выравнивает абзац по правому краю

Форматирование шрифтаВсе, что находится между тегами и , будет написано жирным шрифтом.

Форматирование шрифтаТекст между тегами и , будет написан с подчеркиванием. и

Форматирование шрифтаДля изменения шрифта используется тег Цвет шрифта необходимо смотреть в таблице цветов.

Маркированный списокЗадается следующей командой UL:

Нумерованный списокЗадается следующей командой ОL:

Цвет фонаЦвет фона задается один раз для всей страницы в теге

Использование текстур (рисунков) в качестве цвета фона web-страницы

Гиперссылка - переход к другому документуДля этого записывается ссылка при помощи команды

Цвет гиперссылок - цвет еще не посещенной гиперссылки

Картинка в текстеДля вставки картинки нужно воспользоваться командой .Атрибуты тега IMGsrc -

Атрибуты тега IMGwidth = n и height = m - задают ширину

Атрибуты тега IMGhspace = m - интервал между графикой и обтекающим её

Атрибуты тега IMGalign - позволяет определять положение иллюстрации по отношению к соседним

Создание горизонтальной линии Атрибуты:Align = выравнивание по горизонтали (left, center, right)Noshade

Создание таблицТаблица задается командой ... . Внутри этих тэгов задаются строки командами

Атрибуты Align=выравнивание (left, right, center)Bgcolor=цвет цвет фона всей таблицы (цвет

Заголовок для таблицыЗадается в тэге , после тэга . заголовок Место

Слайды презентации

Слайд 2 Структура Web-страницы

Слайд 3 Тег должен открывать программу, а тег

Тег должен открывать программу, а тег -- закрывать ее. Между этими

-- закрывать ее.

Между этими двумя основными тегами располагается

головная часть программы (заголовок программы) и ее тело:

заголовок программы
тело программы

Слайд 4 Заголовок программы
- начало заголовка
- конец заголовка

… название документа

Стихотворение

Слайд 5 Тело программы
- начало тела

команды
- конец тела

align=center>Бармаглот
Угадай, откуда взяты эти стихи:

Варкалось. Хливкие шорьки

Пырялись по наве,

И хрюкотали зелюки,

Как мюмзики в мове.
Отгадка

Слайд 6 Заголовки
текст заголовка
n – это числа от

1 до 6
Пример
Пример

Слайд 7 Абзац

-- выравнивает абзац по левому краю

Абзац -- выравнивает абзац по левому краю -- выравнивает абзац по правому

-- выравнивает абзац по правому краю
-- выравнивает

абзац по центру

-- выравнивает абзац по ширине текста

Слайд 8 Форматирование шрифта

Все, что находится между тегами и

Форматирование шрифтаВсе, что находится между тегами и , будет написано жирным

, будет написано жирным шрифтом.
Текст между тегами

и будет написан наклонным шрифтом (курсивом).

...
<В>Стихотворение
Стихотворение
...

Стихотворение
Стихотворение

Слайд 9 Форматирование шрифта

Текст между тегами и , будет

написан с подчеркиванием.

и - нижний индекс

и - верхний индекс

- принудительный разрыв строки.

Слайд 10 Форматирование шрифта

Для изменения шрифта используется тег

face=название шрифта size=размер шрифта color=цвет шрифта>

size=22 color=0000FF>

Цвет шрифта необходимо смотреть в таблице цветов.

Слайд 12 Маркированный список

Задается следующей командой UL:

Слайд 13 Нумерованный список

Задается следующей командой ОL:

Слайд 14 Цвет фона

Цвет фона задается один раз для всей

страницы в теге

...

>
...

Цвет фона можно задавать при помощи названия цвета или его
шестнадцатеричного кода. Цвет необходимо смотреть в таблице кодов.

Слайд 16 Использование текстур (рисунков) в качестве цвета фона web-страницы

background=имя файла с картинкой>

Слайд 17 Гиперссылка - переход к другому документу

Для этого записывается

Гиперссылка - переход к другому документуДля этого записывается ссылка при помощи

ссылка при помощи команды с атрибутом href=имя_файла. (или

имя страницы сайта)

...
текст или картинка
...

Например:
Отгадка

Слайд 18 Цвет гиперссылок
- цвет еще не

посещенной гиперссылки
- цвет выделенной гиперссылки

- цвет уже посещенной гиперссылки

Для того, чтобы при наведении на ссылку курсором и при клике она меняла свой цвет в теге нужно добавить еще несколько параметров.

Слайд 19 Картинка в тексте

Для вставки картинки нужно воспользоваться командой

.

Атрибуты тега IMG

src - задает имя файла с картинкой;

Alt

– задает всплывающий текст на картинке, если мы встанем на него мышкой.

Страшный зверь

Слайд 20 Атрибуты тега IMG

width = n и height =

Атрибуты тега IMGwidth = n и height = m - задают

m - задают ширину и высоту (в пикселях) прямоугольника,

в который выводится картинка.

border = n - задает рамку иллюстрации толщиной в n пикселов.

Слайд 21 Атрибуты тега IMG

hspace = m - интервал между

Атрибуты тега IMGhspace = m - интервал между графикой и обтекающим

графикой и обтекающим её текстом по горизонтали

vspace = m

- интервал между графикой и обтекающим её текстом по вертикали

vspace=5>

Слайд 22 Атрибуты тега IMG
align - позволяет определять положение иллюстрации

Атрибуты тега IMGalign - позволяет определять положение иллюстрации по отношению к

по отношению к соседним элементам документа.
align=top - вертикальное

выравнивание по верхнему краю
align=middle - вертикальное выравнивание по центру
align=bottom - вертикальное выравнивание по нижнему краю
align=left - горизонтальное выравнивание по левому краю
align=right - горизонтальное выравнивание по правому краю

Слайд 23

Слайд 24 Создание горизонтальной линии

Атрибуты:

Align = выравнивание

Создание горизонтальной линии Атрибуты:Align = выравнивание по горизонтали (left, center,

по горизонтали (left, center, right)
Noshade выключение теней (сплошная

темная линия)
Color=цвет цвет линии
Size=число толщина линии
Width=число длина линии

Слайд 25 Создание таблиц

Таблица задается командой ... .

Внутри

Создание таблицТаблица задается командой ... . Внутри этих тэгов задаются строки

этих тэгов задаются строки командами ... .

Внутри

строк задаются клетки (ячейки) командами ... .

Слайд 26 Атрибуты

Align=выравнивание (left, right, center)
Bgcolor=цвет

цвет фона всей таблицы (цвет можно изменить для каждой

ячейки)
Bordercolor=цвет цвет границы таблицы
Border=число ширина рамки таблицы
Colspan=число определяет, сколько столбцов в ширину будет занимать данная ячейка (для объединения ячеек)
Rowspan=число определяет, сколько строк в высоту будет занимать данная ячейка (для объединения ячеек)