🗊Создание Web-сайта

Категория: Информатика
Нажмите для полного просмотра!
Создание Web-сайта, слайд №1Создание Web-сайта, слайд №2Создание Web-сайта, слайд №3Создание Web-сайта, слайд №4Создание Web-сайта, слайд №5Создание Web-сайта, слайд №6Создание Web-сайта, слайд №7Создание Web-сайта, слайд №8Создание Web-сайта, слайд №9Создание Web-сайта, слайд №10Создание Web-сайта, слайд №11Создание Web-сайта, слайд №12Создание Web-сайта, слайд №13Создание Web-сайта, слайд №14Создание Web-сайта, слайд №15Создание Web-сайта, слайд №16Создание Web-сайта, слайд №17Создание Web-сайта, слайд №18Создание Web-сайта, слайд №19Создание Web-сайта, слайд №20Создание Web-сайта, слайд №21Создание Web-сайта, слайд №22
Скачать
Вы можете ознакомиться и скачать Создание Web-сайта. Презентация содержит 22 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1


Создание Web-сайта
Описание слайда:
Создание Web-сайта

Слайд 2


Создание Web-сайта «Компьютер» HTML-код страницы помещается внутрь контейнера <HTML> </HTML> Web-страница разделяется на две логические части: заголовок и содержание. Заголовок заключается в контейнер <HEAD></HEAD> Название содержится в контейнере <TITLE></TITLE >
Описание слайда:
Создание Web-сайта «Компьютер» HTML-код страницы помещается внутрь контейнера <HTML> </HTML> Web-страница разделяется на две логические части: заголовок и содержание. Заголовок заключается в контейнер <HEAD></HEAD> Название содержится в контейнере <TITLE></TITLE >

Слайд 3


Назовем нашу страницу «Компьютер»: <HEAD> <TITLE>Компьютер</TITLE> </HEAD> Основное содержание страницы помещается в контейнер <BODY></BODY> и может включать текст, таблицы, бегущие строки, ссылки на графические изображения и звуковые файлы и так далее. Поместим на страницу текст «Все о компьютере»: <BODY> Все о компьютере </BODY>
Описание слайда:
Назовем нашу страницу «Компьютер»: <HEAD> <TITLE>Компьютер</TITLE> </HEAD> Основное содержание страницы помещается в контейнер <BODY></BODY> и может включать текст, таблицы, бегущие строки, ссылки на графические изображения и звуковые файлы и так далее. Поместим на страницу текст «Все о компьютере»: <BODY> Все о компьютере </BODY>

Слайд 4


В окне приложения Блокнот ввести HTML-код Web-страницы. Сохранить файл под именем index.htm(html) в папке сайта. Загрузить этот файл в окно браузера для просмотра. В окне приложения Блокнот ввести HTML-код Web-страницы. Сохранить файл под именем index.htm(html) в папке сайта. Загрузить этот файл в окно браузера для просмотра. <HTML> <HEAD> <TITTLE>Компьютер</TITTLE> </HEAD> <BODY> Все о компьютере </BODY> </HTML>
Описание слайда:
В окне приложения Блокнот ввести HTML-код Web-страницы. Сохранить файл под именем index.htm(html) в папке сайта. Загрузить этот файл в окно браузера для просмотра. В окне приложения Блокнот ввести HTML-код Web-страницы. Сохранить файл под именем index.htm(html) в папке сайта. Загрузить этот файл в окно браузера для просмотра. <HTML> <HEAD> <TITTLE>Компьютер</TITTLE> </HEAD> <BODY> Все о компьютере </BODY> </HTML>

Слайд 5


Форматирование текста Размер шрифта для имеющихся в тексте заголовков задается тэгами от <H1>(самый крупный) до <H6>(самый мелкий). Заголовок выдели крупным шрифтом: <H1>Все о компьютере </H1>
Описание слайда:
Форматирование текста Размер шрифта для имеющихся в тексте заголовков задается тэгами от <H1>(самый крупный) до <H6>(самый мелкий). Заголовок выдели крупным шрифтом: <H1>Все о компьютере </H1>

Слайд 6


Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN, которому требуется присвоить определенное значение. <H1 ALIGN=“center”>Все о компьютере </H1>
Описание слайда:
Задать тип выравнивания заголовка для тэга заголовка позволяет атрибут ALIGN, которому требуется присвоить определенное значение. <H1 ALIGN=“center”>Все о компьютере </H1>

Слайд 7


Создание Web-сайта, слайд №7
Описание слайда:

Слайд 8


Создание Web-сайта, слайд №8
Описание слайда:

Слайд 9


Создание Web-сайта, слайд №9
Описание слайда:

Слайд 10


Вставка изображений Для вставки изображений используется тэг <IMG> с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в том же каталоге, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла: <IMG SRC=“computer.gif”> Если файл находится в другом каталоге на данном локальном компьютере, то значением атрибута должно быть полное имя файла. Например: <IMG SRC=“С:\computer\computer.gif”> Если файл находится на удаленном сервере в Интернете, то должен быть указан URL-адрес этого файла. Например: <IMG SRC=“http://www.server.ru/computer.gif”>
Описание слайда:
Вставка изображений Для вставки изображений используется тэг <IMG> с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в том же каталоге, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла: <IMG SRC=“computer.gif”> Если файл находится в другом каталоге на данном локальном компьютере, то значением атрибута должно быть полное имя файла. Например: <IMG SRC=“С:\computer\computer.gif”> Если файл находится на удаленном сервере в Интернете, то должен быть указан URL-адрес этого файла. Например: <IMG SRC=“http://www.server.ru/computer.gif”>

Слайд 11


Поясняющий текст
Описание слайда:
Поясняющий текст

Слайд 12


Создание Web-сайта, слайд №12
Описание слайда:

Слайд 13


Практическое задание Создать титульную страницу вашего сайта. Поэкспериментировать с форматированием текста и размещением графики. Задайте для страницы фон. Используемые тэги : Фоновое изображение <BODY BACKGROUND=“URL”> Цвет фона <BODY BGCOLOR=“#RRGGBB”>
Описание слайда:
Практическое задание Создать титульную страницу вашего сайта. Поэкспериментировать с форматированием текста и размещением графики. Задайте для страницы фон. Используемые тэги : Фоновое изображение <BODY BACKGROUND=“URL”> Цвет фона <BODY BGCOLOR=“#RRGGBB”>

Слайд 14


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

Слайд 15


Создать пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета» и сохранить их с именами software.htm, glossary.htm, hardware.htm и anketa.htm в каталоге сайта
Описание слайда:
Создать пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета» и сохранить их с именами software.htm, glossary.htm, hardware.htm и anketa.htm в каталоге сайта

Слайд 16


Создание Web-сайта, слайд №16
Описание слайда:

Слайд 17


Создание Web-сайта, слайд №17
Описание слайда:

Слайд 18


Создание Web-сайта, слайд №18
Описание слайда:

Слайд 19


Вставить в титульную страницу код, создающий ссылку на адрес электронной почты: <ADDRESS> <A HREF=mailto:mailbox@provaider.ru>E-mail:mailbox@provaider.ru</A> </ADDRESS>
Описание слайда:
Вставить в титульную страницу код, создающий ссылку на адрес электронной почты: <ADDRESS> <A HREF=mailto:mailbox@provaider.ru>E-mail:mailbox@provaider.ru</A> </ADDRESS>

Слайд 20


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

Слайд 21


Создание Web-сайта, слайд №21
Описание слайда:

Слайд 22


Создание Web-сайта, слайд №22
Описание слайда:

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию