🗊Презентация WEB - сайты и WEB – страницы

Категория: Интернет
Нажмите для полного просмотра!
WEB - сайты и WEB – страницы, слайд №1WEB - сайты и WEB – страницы, слайд №2WEB - сайты и WEB – страницы, слайд №3WEB - сайты и WEB – страницы, слайд №4WEB - сайты и WEB – страницы, слайд №5WEB - сайты и WEB – страницы, слайд №6WEB - сайты и WEB – страницы, слайд №7WEB - сайты и WEB – страницы, слайд №8WEB - сайты и WEB – страницы, слайд №9WEB - сайты и WEB – страницы, слайд №10WEB - сайты и WEB – страницы, слайд №11WEB - сайты и WEB – страницы, слайд №12WEB - сайты и WEB – страницы, слайд №13WEB - сайты и WEB – страницы, слайд №14WEB - сайты и WEB – страницы, слайд №15WEB - сайты и WEB – страницы, слайд №16WEB - сайты и WEB – страницы, слайд №17WEB - сайты и WEB – страницы, слайд №18WEB - сайты и WEB – страницы, слайд №19WEB - сайты и WEB – страницы, слайд №20WEB - сайты и WEB – страницы, слайд №21WEB - сайты и WEB – страницы, слайд №22WEB - сайты и WEB – страницы, слайд №23WEB - сайты и WEB – страницы, слайд №24WEB - сайты и WEB – страницы, слайд №25WEB - сайты и WEB – страницы, слайд №26WEB - сайты и WEB – страницы, слайд №27WEB - сайты и WEB – страницы, слайд №28WEB - сайты и WEB – страницы, слайд №29WEB - сайты и WEB – страницы, слайд №30WEB - сайты и WEB – страницы, слайд №31

Содержание

Вы можете ознакомиться и скачать презентацию на тему WEB - сайты и WEB – страницы. Доклад-сообщение содержит 31 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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


Слайд 1


WEB - сайты и WEB – страницы, слайд №1
Описание слайда:

Слайд 2





Публикация во Всемирной паутине реализуется в форме  WEB – сайтов.
Сайт является интерактивным средством представления информации.
Публикация во Всемирной паутине реализуется в форме  WEB – сайтов.
Сайт является интерактивным средством представления информации.
WEB - сайт  состоит из WEB – страниц, объединенных гиперссылками. WEB – страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.
Описание слайда:
Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из WEB – страниц, объединенных гиперссылками. WEB – страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.

Слайд 3


WEB - сайты и WEB – страницы, слайд №3
Описание слайда:

Слайд 4





Какова цель создания вашего сайта?
Какова цель создания вашего сайта?
Какие новые возможности предоставляет ваш сайт?
Кто будет основной (и вторичной) аудиторией вашего сайта? 
Какого они возраста? 
Чем они занимаются? 
Сколько времени они предположительно проведут на вашем сайте? 
Что может привлечь их повторно посетить ваш сайт?
Описание слайда:
Какова цель создания вашего сайта? Какова цель создания вашего сайта? Какие новые возможности предоставляет ваш сайт? Кто будет основной (и вторичной) аудиторией вашего сайта? Какого они возраста? Чем они занимаются? Сколько времени они предположительно проведут на вашем сайте? Что может привлечь их повторно посетить ваш сайт?

Слайд 5





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

Слайд 6





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

Слайд 7


WEB - сайты и WEB – страницы, слайд №7
Описание слайда:

Слайд 8





Где предполагается разместить сайт?
Где предполагается разместить сайт?
Какие страницы будут обновляться, как часто и кем?
Предполагается ли получение информации от посетителей сайта?
Предполагается ли регистрация посетителей сайта
Описание слайда:
Где предполагается разместить сайт? Где предполагается разместить сайт? Какие страницы будут обновляться, как часто и кем? Предполагается ли получение информации от посетителей сайта? Предполагается ли регистрация посетителей сайта

Слайд 9


WEB - сайты и WEB – страницы, слайд №9
Описание слайда:

Слайд 10


WEB - сайты и WEB – страницы, слайд №10
Описание слайда:

Слайд 11





Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тэгов (контейнер).
Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тэгов (контейнер).
HTML – код страницы помещается внутрь контейнера
                                                   
Заголовок WEB – страницы заключается в контейнер
Название WEB – страницы  содержится в контейнере
Основное содержание страницы помещается в контейнер
Описание слайда:
Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тэгов (контейнер). Вид WEB – страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тэгов (контейнер). HTML – код страницы помещается внутрь контейнера Заголовок WEB – страницы заключается в контейнер Название WEB – страницы содержится в контейнере Основное содержание страницы помещается в контейнер

Слайд 12





Создание WEB сайта
Создание WEB сайта

 На диске D создайте папку Компьютер
 Откройте окно текстового редактора Блокнот
 В окне приложения введите HTML – код WEB – страницы.
 Сохраните файл под именем index.html
 Загрузите этот файл в окно браузера для просмотра.
<HTML>
    <HEAD>
          <TITLE> КОМПЬЮТЕР </TITLE>
   </HEAD>
            <BODY> ВСЕ О КОМПЬЮТЕРЕ </BODY>
</HTML>
Описание слайда:
Создание WEB сайта Создание WEB сайта На диске D создайте папку Компьютер Откройте окно текстового редактора Блокнот В окне приложения введите HTML – код WEB – страницы. Сохраните файл под именем index.html Загрузите этот файл в окно браузера для просмотра. <HTML> <HEAD> <TITLE> КОМПЬЮТЕР </TITLE> </HEAD> <BODY> ВСЕ О КОМПЬЮТЕРЕ </BODY> </HTML>

Слайд 13


WEB - сайты и WEB – страницы, слайд №13
Описание слайда:

Слайд 14


WEB - сайты и WEB – страницы, слайд №14
Описание слайда:

Слайд 15





Форматирование текста
Форматирование текста
Размер шрифта задается тэгами от <H1> (самый крупный)  до  <H6> (самый мелкий).
Некоторые тэги имеют атрибуты, которые являются именами свойств и принимают определенные значения.
ALIGN =“ center”  – тип выравнивания заголовка
С помощью тега FONT  можно задать параметры форматирования  шрифта.
 FASE=“arial”- гарнитура шрифта
 SIZE=4 – размер шрифта
COLOR=“blue” – цвет шрифта
Описание слайда:
Форматирование текста Форматирование текста Размер шрифта задается тэгами от <H1> (самый крупный) до <H6> (самый мелкий). Некоторые тэги имеют атрибуты, которые являются именами свойств и принимают определенные значения. ALIGN =“ center” – тип выравнивания заголовка С помощью тега FONT можно задать параметры форматирования шрифта. FASE=“arial”- гарнитура шрифта SIZE=4 – размер шрифта COLOR=“blue” – цвет шрифта

Слайд 16





Заголовок целесообразно отделить от остального содержания  страницы горизонтальной линией – тэг  <HR> 
Заголовок целесообразно отделить от остального содержания  страницы горизонтальной линией – тэг  <HR> 
Разделение текста на абзацы производится с помощью контейнера  <P>  </P>
Описание слайда:
Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией – тэг <HR> Заголовок целесообразно отделить от остального содержания страницы горизонтальной линией – тэг <HR> Разделение текста на абзацы производится с помощью контейнера <P> </P>

Слайд 17







В контейнер <BODY> вставить последовательность. Просмотреть  результат в браузере.
<BODY>
<FONT COLOR = "BLUE"> 
 <H1 ALIGN="CENTER"> ВСЕ О КОМПЬЮТЕРЕ </H1>
   </FONT>
 </BODY> 
 <HR>
            <BODY>
              <FONT COLOR= "green">
              <H2> <P ALIGN="LEFT"> На этом сайте вы можете получить информацию о компьютере,  его программном обеспечении и ценах на компьютерные комплектующие.    </P>
         <P ALIGN="RIGHT"> Терминологический словарь познакомит вас с 
                          компьютерными терминами.       </P>
             </BODY>
Описание слайда:
  В контейнер <BODY> вставить последовательность. Просмотреть результат в браузере. <BODY> <FONT COLOR = "BLUE"> <H1 ALIGN="CENTER"> ВСЕ О КОМПЬЮТЕРЕ </H1> </FONT> </BODY> <HR> <BODY> <FONT COLOR= "green"> <H2> <P ALIGN="LEFT"> На этом сайте вы можете получить информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие. </P> <P ALIGN="RIGHT"> Терминологический словарь познакомит вас с компьютерными терминами. </P> </BODY>

Слайд 18


WEB - сайты и WEB – страницы, слайд №18
Описание слайда:

Слайд 19


WEB - сайты и WEB – страницы, слайд №19
Описание слайда:

Слайд 20





Вставка изображений
Вставка изображений
На WEB – страницы обычно помещают изображения трех форматах – GIF, JPG, PNG. Если рисунок сохранен в другом формате, то его преобразовывают в графическом редакторе  (PHOTO EDITOR).
Для  вставки изображения используется тэг <IMG> с атрибутами: 
SRC=“computer.gif”, который указывает место хранения файла. 
ALT=“компьютер” – поясняющий текст
Расположить рисунок относительно текста позволяет атрибут  ALIGN=“ritght”
Описание слайда:
Вставка изображений Вставка изображений На WEB – страницы обычно помещают изображения трех форматах – GIF, JPG, PNG. Если рисунок сохранен в другом формате, то его преобразовывают в графическом редакторе (PHOTO EDITOR). Для вставки изображения используется тэг <IMG> с атрибутами: SRC=“computer.gif”, который указывает место хранения файла. ALT=“компьютер” – поясняющий текст Расположить рисунок относительно текста позволяет атрибут ALIGN=“ritght”

Слайд 21







В контейнер <BODY> вставить перед абзацами текста тэг вставки изображения, просмотреть результат в браузере.
<IMG SRC="computer.gif" ALT="Компьютер" ALIGN="RIGHT">
Описание слайда:
  В контейнер <BODY> вставить перед абзацами текста тэг вставки изображения, просмотреть результат в браузере. <IMG SRC="computer.gif" ALT="Компьютер" ALIGN="RIGHT">

Слайд 22


WEB - сайты и WEB – страницы, слайд №22
Описание слайда:

Слайд 23


WEB - сайты и WEB – страницы, слайд №23
Описание слайда:

Слайд 24





Гиперссылки на WEB–страницах
Гиперссылки на WEB–страницах
Первая страница должна предоставить посетителю WEB – сайта возможность начать  путешествие по сайту. Для этого на титульную страницу должны  быть помещены гиперссылки на другие страницы.
Для создания гиперсвязей необходимо, прежде всего, создать заголовки WEB – страниц. Такие страницы пока могут быть пустыми (без содержания). Все созданные страницы необходимо сохранить в виде файлов в папке сайта. 
Каждая страница будет содержать следующий HTML- код:
<HTML>
    <HEAD>
          <TITLE> ЗАГОЛОВОК СТРАНИЦЫ</TITLE>
   </HEAD>
            <BODY>  ПРОГРАММЫ </BODY>
</HTML>
Описание слайда:
Гиперссылки на WEB–страницах Гиперссылки на WEB–страницах Первая страница должна предоставить посетителю WEB – сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы. Для создания гиперсвязей необходимо, прежде всего, создать заголовки WEB – страниц. Такие страницы пока могут быть пустыми (без содержания). Все созданные страницы необходимо сохранить в виде файлов в папке сайта. Каждая страница будет содержать следующий HTML- код: <HTML> <HEAD> <TITLE> ЗАГОЛОВОК СТРАНИЦЫ</TITLE> </HEAD> <BODY> ПРОГРАММЫ </BODY> </HTML>

Слайд 25





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

Слайд 26





Контейнер гиперссылок <A> </A> .
Контейнер гиперссылок <A> </A> .
Атрибут  HREF=“адрес документа”
&nbsp – разделяет гиперссылки пробелами.
Вставьте в титульную страницу код, создающий панель гиперссылки.
<P ALIGN="CENTER">
[<A HREF="SOFTWARE.HTML"> ПРОГРАММЫ</A>] &nbsp
[<A HREF="GLOSSARY.HTML"> СЛОВАРЬ</A>] &nbsp
[<A HREF="HARDWARE.HTML"> КОМПЛЕКТУЮЩИЕ</A>] &nbsp
 </P>
Описание слайда:
Контейнер гиперссылок <A> </A> . Контейнер гиперссылок <A> </A> . Атрибут HREF=“адрес документа” &nbsp – разделяет гиперссылки пробелами. Вставьте в титульную страницу код, создающий панель гиперссылки. <P ALIGN="CENTER"> [<A HREF="SOFTWARE.HTML"> ПРОГРАММЫ</A>] &nbsp [<A HREF="GLOSSARY.HTML"> СЛОВАРЬ</A>] &nbsp [<A HREF="HARDWARE.HTML"> КОМПЛЕКТУЮЩИЕ</A>] &nbsp </P>

Слайд 27


WEB - сайты и WEB – страницы, слайд №27
Описание слайда:

Слайд 28


WEB - сайты и WEB – страницы, слайд №28
Описание слайда:

Слайд 29





 Полезно на титульной странице создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. 
 Полезно на титульной странице создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. 
Контейнер адреса  <ADRESS> </ADRESS>
Атрибут  HREF=“адрес электронной почты”
Вставьте в титульную страницу код, создающий ссылку на адрес электронной почты.
<ADRESS>
<A HREF="MAILTO:NIZHNEUDINSK48@YNDEX.RU">
 E-MAIL: NIZHNEUDINSK48@YNDEX.RU</A>
</ADRESS>
Описание слайда:
Полезно на титульной странице создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. Полезно на титульной странице создать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. Контейнер адреса <ADRESS> </ADRESS> Атрибут HREF=“адрес электронной почты” Вставьте в титульную страницу код, создающий ссылку на адрес электронной почты. <ADRESS> <A HREF="MAILTO:NIZHNEUDINSK48@YNDEX.RU"> E-MAIL: NIZHNEUDINSK48@YNDEX.RU</A> </ADRESS>

Слайд 30


WEB - сайты и WEB – страницы, слайд №30
Описание слайда:

Слайд 31


WEB - сайты и WEB – страницы, слайд №31
Описание слайда:



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