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

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


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

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

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

Яндекс.Метрика

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

Содержание

Структура Web-страницы
Создание Web-страниц Структура 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-страницы

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

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

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

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

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

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


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


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

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

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

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


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

Тело программы - начало тела  команды - конец тела БармаглотУгадай,

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

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


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

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

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

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


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

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

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


Слайд 7 Абзац

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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


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



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

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

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

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

size=22 color=0000FF>

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


Слайд 11 Списки

Списки

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

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

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

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

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

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

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

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

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

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


...


>
...


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


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

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

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


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

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

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

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

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

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

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


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

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

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

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




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


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

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

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

.

Атрибуты тега 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 - горизонтальное выравнивание по правому краю



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

Атрибуты:

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

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

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

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




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


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

Внутри

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

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

Внутри

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

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

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

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

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

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

Слайд 27 Заголовок для таблицы

Задается в тэге , после тэга

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

.
заголовок


Место расположения заголовка

Top - над таблицей;
Bottom - под таблицей.


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


Создание таблиц         (1,1)


(1,1)
(1,2)


(2,1)
(2,2)


(3,1)
(3,2)



  • Имя файла: sozdanie-web-stranits.pptx
  • Количество просмотров: 83
  • Количество скачиваний: 0