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

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


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

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

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

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

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

Содержание

создаем Web-страничкиСоздание Web-сайта «Компьютер»HTML-код страницы помещается внутрь контейнера Web-страница разделяется на две логические части: заголовок и содержание.Заголовок заключается в контейнер Название содержится в контейнере
создаем Web-страничкиСоздание Web-сайта создаем Web-страничкиСоздание Web-сайта «Компьютер»HTML-код страницы помещается внутрь контейнера Web-страница разделяется на две создаем Web-страничкиНазовем нашу страницу «Компьютер»:   Компьютер   Основное содержание создаем Web-страничкиВ окне приложения Блокнот ввести HTML-код Web-страницы. Сохранить файл под именем создаем Web-страничкиФорматирование текстаРазмер шрифта для имеющихся в тексте заголовков задается тэгами от создаем Web-страничкиЗадать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN, которому создаем Web-страничкиС помощью тэга FONT и его атрибутов можно задать параметры форматирования создаем Web-страничкиЗаголовок можно отделить от остального содержания страницы горизонтальной линией с помощью создаем Web-страничкиВ окне приложения БЛОКНОТ в контейнер вставить последовательность тэгов и просмотреть Вставка изображенийДля вставки изображений используется тэг с атрибутом SRC, который указывает на создаем Web-страничкиПоясняющий текстПоясняющий текст выводится с помощью атрибута ALT, значением которого является создаем Web-страничкиВ окне приложения БЛОКНОТ в контейнер вставить перед абзацами текста тэг Практическое заданиеСоздать титульную страницу вашего сайта. Поэкспериментировать с форматированием текста и размещением Гиперссылки на Web-страницахКаждая страница будет содержать следующий HTML-код:Заголовок станицы создаем Web-страничкиСоздать пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета» и сохранить их создаем Web-страничкиГиперссылка состоит из двух частей:Указателя ссылкиАдресной части ссылкиУказатель ссылки – это создаем Web-страничкиПанель навигации будет представлять собой абзац, выровненный по центру, в котором создаем Web-страничкиВставить в титульную страницу код, создающий панель навигации:[ Программы]  [ Словарь] создаем Web-страничкиВставить в титульную страницу код, создающий ссылку на адрес электронной почты:  E-mail:mailbox@provaider.ru Практическое заданиеРазместить панель навигации и электронный почтовый адрес на титульной странице разрабатываемого сайта. создаем Web-странички создаем Web-странички
Слайды презентации

Слайд 2 создаем Web-странички
Создание Web-сайта «Компьютер»
HTML-код страницы помещается внутрь контейнера

создаем Web-страничкиСоздание Web-сайта «Компьютер»HTML-код страницы помещается внутрь контейнера Web-страница разделяется на



Web-страница разделяется на две логические части: заголовок и

содержание.

Заголовок заключается в контейнер

Название содержится в контейнере

Слайд 3 создаем Web-странички
Назовем нашу страницу «Компьютер»:

Компьютер

создаем Web-страничкиНазовем нашу страницу «Компьютер»:  Компьютер  Основное содержание страницы



Основное содержание страницы помещается в контейнер

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

Поместим на страницу текст «Все о компьютере»:

Все о компьютере



Слайд 4 создаем Web-странички
В окне приложения Блокнот ввести HTML-код Web-страницы.

создаем Web-страничкиВ окне приложения Блокнот ввести HTML-код Web-страницы. Сохранить файл под

Сохранить файл под именем index.htm(html) в папке сайта. Загрузить

этот файл в окно браузера для просмотра.


Компьютер


Все о компьютере




Слайд 5 создаем Web-странички
Форматирование текста
Размер шрифта для имеющихся в тексте

создаем Web-страничкиФорматирование текстаРазмер шрифта для имеющихся в тексте заголовков задается тэгами

заголовков задается тэгами от
(самый крупный) до (самый мелкий).

Заголовок выдели крупным шрифтом:

Все о компьютере



Слайд 6 создаем Web-странички
Задать тип выравнивания заголовка для тэга заголовка

создаем Web-страничкиЗадать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN,

позволяет атрибут ALIGN, которому требуется присвоить определенное значение. Все

о компьютере

Слайд 7 создаем Web-странички
С помощью тэга FONT и его атрибутов

создаем Web-страничкиС помощью тэга FONT и его атрибутов можно задать параметры

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

FACE позволяет задать гарнитуру шрифта (например, FACE=“Arial”)
Атрибут SIZE- размер шрифта (например, SIZE=4)
Атрибут COLOR –цвет шрифта (например, COLOR = “blue”)

Таким образом, задать синий цвет заголовка моно с помощью тэга FONT с атрибутом COLOR :

Все о компьютере




Слайд 8 создаем Web-странички
Заголовок можно отделить от остального содержания страницы

создаем Web-страничкиЗаголовок можно отделить от остального содержания страницы горизонтальной линией с

горизонтальной линией с помощью одиночного тэга
Разделение текста на

абзацы производится с помощью контейнера


На титульной странице обычно размещается текст, кратко описывающий содержание сайта:

На самом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.


Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.



Слайд 9 создаем Web-странички
В окне приложения БЛОКНОТ в контейнер

создаем Web-страничкиВ окне приложения БЛОКНОТ в контейнер вставить последовательность тэгов и

вставить последовательность тэгов и просмотреть результат в браузере:

= “blue”>

Все о компьютере





На самом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.


Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.




Слайд 10 Вставка изображений
Для вставки изображений используется тэг с

Вставка изображенийДля вставки изображений используется тэг с атрибутом SRC, который указывает

атрибутом SRC, который указывает на место хранения файла на

локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в том же каталоге, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла:

Если файл находится в другом каталоге на данном локальном компьютере, то значением атрибута должно быть полное имя файла. Например:

Если файл находится на удаленном сервере в Интернете, то должен быть указан URL-адрес этого файла. Например:


Слайд 11 создаем Web-странички
Поясняющий текст
Поясняющий текст выводится с помощью атрибута

создаем Web-страничкиПоясняющий текстПоясняющий текст выводится с помощью атрибута ALT, значением которого

ALT, значением которого является текст, поясняющий, что должен был

бы увидеть пользователь на рисунке:
“Компьютер”
Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга , который может принимать 5 различных значений: TOP(верх), MIDDLE(середина), BOTTOM (низ), LEFT (слева) и RIGHT (справа).
Для того чтобы рисунок располагался по правому краю текста, тэг вставки изображения должен принять следующий вид:
“Компьютер”

Слайд 12 создаем Web-странички
В окне приложения БЛОКНОТ в контейнер вставить

создаем Web-страничкиВ окне приложения БЛОКНОТ в контейнер вставить перед абзацами текста

перед абзацами текста тэг вставки изображения, просмотреть результат в

браузере.
“Компьютер”



Слайд 13 Практическое задание
Создать титульную страницу вашего сайта. Поэкспериментировать с

Практическое заданиеСоздать титульную страницу вашего сайта. Поэкспериментировать с форматированием текста и

форматированием текста и размещением графики. Задайте для страницы фон.
Используемые

тэги :
Фоновое изображение
Цвет фона

Слайд 14 Гиперссылки на Web-страницах
Каждая страница будет содержать следующий HTML-код:


Заголовок

Гиперссылки на Web-страницахКаждая страница будет содержать следующий HTML-код:Заголовок станицы

станицы






Слайд 15 создаем Web-странички
Создать пустые страницы «Программы», «Словарь», «Комплектующие» и

создаем Web-страничкиСоздать пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета» и сохранить

«Анкета» и сохранить их с именами software.htm, glossary.htm, hardware.htm

и anketa.htm в каталоге сайта

Слайд 16 создаем Web-странички
Гиперссылка состоит из двух частей:
Указателя ссылки
Адресной части

создаем Web-страничкиГиперссылка состоит из двух частей:Указателя ссылкиАдресной части ссылкиУказатель ссылки –

ссылки
Указатель ссылки – это то, что мы видим на

Web-странице (текст или рисунок), обычно выделенный синим цветом и подчеркиванием. Активизация гиперссылки вызывает переход на другую страницу.
URL-адрес может быть абсолютным и относительным.
Абсолютный адрес документа, находящегося на удаленном компьютере в Интернете, будет включать имя сервера Интернета, путь к файлу и имя файла, например:
http://www.host.ru/Web-сайт/filename.htm
Абсолютный адрес документа, находящегося на локальном компьютере, будет включать в себя путь к файлу и имя файла, например:
С:/Web-сайт/filename.htm


Слайд 17 создаем Web-странички
Панель навигации будет представлять собой абзац, выровненный

создаем Web-страничкиПанель навигации будет представлять собой абзац, выровненный по центру, в

по центру, в котором указатели гиперссылок разделены пробелами ( ):

ALIGN=“center”>
[Программы]   [Словарь]   [Комплектующие]   [Анкета]


Теперь для каждой гиперссылки определим адрес перехода. Для этого используется контейнер гиперссылки с атрибутом HREF, значением которого является URL-адрес документа на локальном компьютере или в Интернете. Контейнер должен содержать указатель гиперссылки:
Указатель гиперссылки

Слайд 18 создаем Web-странички
Вставить в титульную страницу код, создающий панель

создаем Web-страничкиВставить в титульную страницу код, создающий панель навигации:[ Программы]  [

навигации:

[ Программы]  
[ Словарь]  
[

Комплектующие]  
[ Анкета]


Полезно на титульной странице сайта создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. Для этого необходимо атрибуту ссылки HREF присвоить URL-адрес электронной почты и вставить её в контейнер
, который задает стиль абзаца, принятый для указания адреса.


Слайд 19 создаем Web-странички
Вставить в титульную страницу код, создающий ссылку

создаем Web-страничкиВставить в титульную страницу код, создающий ссылку на адрес электронной почты: E-mail:mailbox@provaider.ru

на адрес электронной почты: E-mail:mailbox@provaider.ru


Слайд 20 Практическое задание
Разместить панель навигации и электронный почтовый адрес

Практическое заданиеРазместить панель навигации и электронный почтовый адрес на титульной странице разрабатываемого сайта.

на титульной странице разрабатываемого сайта.


Слайд 21 создаем Web-странички

создаем Web-странички

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