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


Делаем свой сайт

Содержание

В программе блокнот создадим 1-ю страничку, не забудем сохранить её под именем index.htmlДля просмотра страницы надо закрыть файл и открыть его в браузереДля редактирования файла его открывают в блокноте

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

Слайд 1Делаем свой сайт
Тема: «Моя семья»

Делаем свой сайтТема: «Моя семья»

Слайд 2В программе блокнот создадим 1-ю страничку, не забудем сохранить её

под именем index.html
Для просмотра страницы надо закрыть файл и открыть

его в браузере
Для редактирования файла его открывают в блокноте
В программе блокнот создадим 1-ю страничку, не забудем сохранить её под именем index.htmlДля просмотра страницы надо закрыть

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

Моя семья Здравствуйте, это моя

первая страница. Меня зовут…..


На страничке надо рассказать немного о себе

Вот текст простейшей Web-страницы на языке HTML  	Моя семья   	Здравствуйте, это моя первая страница.

Слайд 4Добавим строку заголовка, расположенную по центру
Моя семья

Обо мне
Здравствуйте, это

моя первая страница.


Меня зовут…..



Добавим строку заголовка, расположенную по центру  	Моя семья  		Обо мне	Здравствуйте, это моя первая страница.

Слайд 5Цвета
Названия цветов
Цвет в языке HTML задается двумя способами: по имени

и в виде шестнадцатеричного кода.
Многие цвета имеют (английские) имена

и эти названия понимают браузеры. Например,
white — белый
black — черный
red — красный
green — зеленый
blue — синий

Цвета Названия цветовЦвет в языке HTML задается двумя способами: по имени и в виде шестнадцатеричного кода. Многие

Слайд 6Шестнадцатеричные коды
 Другой способ задать цвет — указать его код в

формате RGB.
Цвет записывается в виде трех пар шестнадцатеричных цифр,

перед которыми ставится символ #. Каждая пара цифр может принимать значения в интервале от 00 до FF (или от 0 до 255 в десятичной записи). Первая пара обозначает яркость красного (R — red), вторая и третья - яркости зеленого (G — green) и синего (B — blue) в этом цвете.
Примеры цветов в шестнадцатеричном формате:
#FFFFFF — белый
#000000 — черный
#FF0000 — красный
#00FF00 — зеленый
#0000FF — синий

Шестнадцатеричные коды  Другой способ задать цвет — указать его код в формате RGB. Цвет записывается в виде

Слайд 7Раскрасим текст

Моя семья

Обо мне
Здравствуйте, это моя первая страница.


color="#CC0000"> Добро пожаловать! :)
Меня зовут…..


Раскрасим текст  	Моя семья  		Обо мне	Здравствуйте, это моя первая страница. Добро пожаловать! :) Меня зовут…..

Слайд 8Добавим новые страницы:
Скопируйте текст предыдущей страницы и вставьте его на

две новые страницы
2-ю страницу назовите family.html
3-ю hobby.html
Поменяйте заголовки страниц и

их содержание
Добавим новые страницы:Скопируйте текст предыдущей страницы и вставьте его на две новые страницы2-ю страницу назовите family.html3-ю hobby.htmlПоменяйте

Слайд 9Тег для вставки изображения (имиджа)
Этот пример говорит о том, что

изображение лежит в том же каталоге (директории, папке), в которой

лежит и web- страничка:

где my.jpg изображение, на которое идет ссылка на странице (имя может быть любое), все расположенное между кавычками - ссылка (путь к изображению).

Если изображение лежит в поддиректории (в папке, которая лежит в вашей основной папке), то ссылка на неё будет выглядеть так: Если картинка (или любой файл) лежит на другом сайте, то путь прописывается полностью: Принято все изображения класть в отдельную папку и тэг img не требует закрывающего тэга
Тег для вставки изображения (имиджа)Этот пример говорит о том, что изображение лежит в том же каталоге (директории,

Слайд 10Добавим на страницу изображение

Моя семья

Обо мне
Здравствуйте, это моя первая

страница.



Добро пожаловать! :)
Меня зовут…..


Добавим на страницу изображение  	Моя семья  		Обо мне	Здравствуйте, это моя первая страница. Добро пожаловать! :)

Слайд 11Атрибуты обтекания картинки текстом
текст слева

текст справа
текст может располагаться внизу картинки (это по умолчанию)

- (1), посередине - (2), и вверху - (3): (1) - (2) - (3) -
дополнительные возможности см. ПРИЛОЖЕНИЕ 2
Атрибуты обтекания картинки текстом текст слева текст справа текст может располагаться внизу картинки (это по умолчанию) -

Слайд 12Цвет фона
Цвет фона устанавливается в уже знакомом нам тэге :

000000 - код черного цвета, вы же свой

документ можете раскрасить любым другим.

Кстати, если цвет в не указывать, то по умолчанию он будет белым, хотя иногда цветом по умолчанию может являться любой другой, кроме белого, поэтому лучше всегда прописывайте цвет фона, а так же цвет основного текста в .
Пример на следующей странице.
Цвет фонаЦвет фона устанавливается в уже знакомом нам тэге :      000000 -

Слайд 13Пример
Моя семья Здравствуйте, это моя первая страница.

color="#CC0000"> Добро пожаловать! :)


Пример  	 		Моя семья  	  Здравствуйте, это моя первая страница. 	 	 Добро пожаловать!

Слайд 14Установка размера текста
Заголовки предназначены для выделения небольшой части текста (строки,

фразы).
Но, если вы хотите выделить большой фрагмент текста, то

заголовки для этого использовать нельзя. Для этого предназначен атрибут size тэга , который устанавливает желаемый размер шрифта: текст текст текст текст текст текст текст
Установка размера текстаЗаголовки предназначены для выделения небольшой части текста (строки, фразы). Но, если вы хотите выделить большой

Слайд 15Пример
Моя семья
Здравствуйте, это

моя первая страница.


Добро пожаловать! :)



Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых. А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)

Пример   Моя семья   	 	Здравствуйте, это моя первая страница.			 	 Добро пожаловать! :)

Слайд 17Создание ссылок на страницы
Тэг делает ссылкой заключенную в него

картинку или фразу (текст).
(1) - мои фотографии (2) -

мои фотографии (3) - мои фотографии
(1) документ лежит в той же директории (папке), что и документ, в котором мы ссылаемся на prf.html,
(2) документ лежит в поддиректории /photos,
(3) ссылка на сайт http://www.homepage.ru, где лежит нужный нам документ.
Создание ссылок на страницыТэг делает ссылкой заключенную в него картинку или фразу (текст).  (1) - мои

Слайд 18Для всех ссылок в документе можно прописать цвета:
link -

цвет просто ссылки,
alink - цвет активной ссылки (нажатой),
vlink -

цвет уже посещенной ссылки. Как и цвет для всего текста в документе, цвета ссылок мы прописываем в .
В нашем примере цвета для просто ссылки, активной и посещенной - одинаковые, но они могут быть разными – это на ваше усмотрение.
Для всех ссылок в документе можно прописать цвета: link - цвет просто ссылки,alink - цвет активной ссылки

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

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

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

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


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

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