🗊Презентация Создание сайта с помощью html

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Создание сайта с помощью html, слайд №1Создание сайта с помощью html, слайд №2Создание сайта с помощью html, слайд №3Создание сайта с помощью html, слайд №4Создание сайта с помощью html, слайд №5Создание сайта с помощью html, слайд №6Создание сайта с помощью html, слайд №7Создание сайта с помощью html, слайд №8Создание сайта с помощью html, слайд №9Создание сайта с помощью html, слайд №10Создание сайта с помощью html, слайд №11Создание сайта с помощью html, слайд №12Создание сайта с помощью html, слайд №13Создание сайта с помощью html, слайд №14Создание сайта с помощью html, слайд №15Создание сайта с помощью html, слайд №16Создание сайта с помощью html, слайд №17Создание сайта с помощью html, слайд №18Создание сайта с помощью html, слайд №19Создание сайта с помощью html, слайд №20Создание сайта с помощью html, слайд №21Создание сайта с помощью html, слайд №22Создание сайта с помощью html, слайд №23Создание сайта с помощью html, слайд №24Создание сайта с помощью html, слайд №25Создание сайта с помощью html, слайд №26Создание сайта с помощью html, слайд №27Создание сайта с помощью html, слайд №28Создание сайта с помощью html, слайд №29Создание сайта с помощью html, слайд №30Создание сайта с помощью html, слайд №31Создание сайта с помощью html, слайд №32Создание сайта с помощью html, слайд №33Создание сайта с помощью html, слайд №34Создание сайта с помощью html, слайд №35Создание сайта с помощью html, слайд №36
Скачать

Содержание ▲

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

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

Слайд 1


Создание сайта с помощью html
Описание слайда:
Создание сайта с помощью html

Слайд 2


Введение HTML это только фундамент профессионального сайта, т.к. этот язык «примитивен» и является скорее оболочкой сайта, нежели новомодной начинкой. Этот простенький язык может помочь в развитие бизнеса, поэту, художнику, самый же главный потенциал знания HTML это экономия при создании своего сайта. Язык HTML очень прост, и пользоваться им может абсолютно каждый, для этого быть программистом необязательно, достаточно иметь навыки пользования Интернетом.
Описание слайда:
Введение HTML это только фундамент профессионального сайта, т.к. этот язык «примитивен» и является скорее оболочкой сайта, нежели новомодной начинкой. Этот простенький язык может помочь в развитие бизнеса, поэту, художнику, самый же главный потенциал знания HTML это экономия при создании своего сайта. Язык HTML очень прост, и пользоваться им может абсолютно каждый, для этого быть программистом необязательно, достаточно иметь навыки пользования Интернетом.

Слайд 3


HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы
Описание слайда:
HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы

Слайд 4


Программы для создания HTML – файлов: Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.) Шаблоны Программы-преобразователи
Описание слайда:
Программы для создания HTML – файлов: Редакторы (HTML Wirtel, HTML Assistant, WebEdit, HomeSite, Блокнот и т.д.) Шаблоны Программы-преобразователи

Слайд 5


Программы для просмотра Web - страниц Microsoft Internet Explorer Netscape Communicator The Bat! Opera и т.д.
Описание слайда:
Программы для просмотра Web - страниц Microsoft Internet Explorer Netscape Communicator The Bat! Opera и т.д.

Слайд 6


Программы для создания HTML – файлов: Блокнот (для создания страницы) Internet Explorer (для интерпретации файлов)
Описание слайда:
Программы для создания HTML – файлов: Блокнот (для создания страницы) Internet Explorer (для интерпретации файлов)

Слайд 7


Гипертекст – это текст, содержащий специальные разметочные теги. Гипертекст – это текст, содержащий специальные разметочные теги.
Описание слайда:
Гипертекст – это текст, содержащий специальные разметочные теги. Гипертекст – это текст, содержащий специальные разметочные теги.

Слайд 8


Пример тега <HTML> </HTML> Типы тегов Парные (влияет на текст с того места, где употреблён тег, до того места, где указан признак окончания его действия) Непарные
Описание слайда:
Пример тега <HTML> </HTML> Типы тегов Парные (влияет на текст с того места, где употреблён тег, до того места, где указан признак окончания его действия) Непарные

Слайд 9


Категории тегов Структурные теги Теги символов Теги форматирования абзацев Теги оформления списков данных Теги логического форматирования текста Теги физического форматирования текста
Описание слайда:
Категории тегов Структурные теги Теги символов Теги форматирования абзацев Теги оформления списков данных Теги логического форматирования текста Теги физического форматирования текста

Слайд 10


Структура HTML - документа
Описание слайда:
Структура HTML - документа

Слайд 11


<HTML> </HTML> начинает описание HTML - файла
Описание слайда:
<HTML> </HTML> начинает описание HTML - файла

Слайд 12


Раздел заголовка Начинается тегом <HEAD> Заканчивается тегом </HEAD> Mежду данными тегами располагается тег <TITLE> </TITLE> (этот тег используется для задания названия документа)
Описание слайда:
Раздел заголовка Начинается тегом <HEAD> Заканчивается тегом </HEAD> Mежду данными тегами располагается тег <TITLE> </TITLE> (этот тег используется для задания названия документа)

Слайд 13


Раздел содержательной части Начинается тегом <BODY> Заканчивается тегом </BODY> (между которыми располагается содержимое HTML - документа)
Описание слайда:
Раздел содержательной части Начинается тегом <BODY> Заканчивается тегом </BODY> (между которыми располагается содержимое HTML - документа)

Слайд 14


Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html) <HTML> <HEAD> <TITLE>Заголовок HTML – документа </TITLE> </HEAD> <BODY> Это тело HTML – документа. Здесь можно разместить всё, что угодно. </BODY> </HTML>
Описание слайда:
Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html) <HTML> <HEAD> <TITLE>Заголовок HTML – документа </TITLE> </HEAD> <BODY> Это тело HTML – документа. Здесь можно разместить всё, что угодно. </BODY> </HTML>

Слайд 15


Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)
Описание слайда:
Создать файл в Блокноте (сохраните в файле Пример, указав расширение *. html)

Слайд 16


Теги символов Теги логического форматирования текста Теги физического форматирования текста
Описание слайда:
Теги символов Теги логического форматирования текста Теги физического форматирования текста

Слайд 17


Теги логического форматирования текста <CITE> </CITE> <CODE> </CODE> <DEL> </DEL> <DFN> </DFN> <INS> </INS> <EM> </EM> <KBD> </KBD> <SAMP> </SAMP> <STRONG> </STRONG> <VAR> </VAR>
Описание слайда:
Теги логического форматирования текста <CITE> </CITE> <CODE> </CODE> <DEL> </DEL> <DFN> </DFN> <INS> </INS> <EM> </EM> <KBD> </KBD> <SAMP> </SAMP> <STRONG> </STRONG> <VAR> </VAR>

Слайд 18


Теги физического форматирования текста <B> </B> <I> </I> <U> </U> <TT> </TT> <STRIKE> </STRIKE> <S> </S> <BIG> </BIG> <SMALL> </SMALL> <SUB> </SUB> <SUP> </SUP> <FONT> </FONT> <BASEFONT>
Описание слайда:
Теги физического форматирования текста <B> </B> <I> </I> <U> </U> <TT> </TT> <STRIKE> </STRIKE> <S> </S> <BIG> </BIG> <SMALL> </SMALL> <SUB> </SUB> <SUP> </SUP> <FONT> </FONT> <BASEFONT>

Слайд 19


<ACRONYM></ACRONYM> используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из начальных букв словосочетания); используя тег <TITLE> - можно указать «расшифровку» акронима, которая появляется на экране, когда курсор располагается на акрониме.
Описание слайда:
<ACRONYM></ACRONYM> используется для отметки аббревиатур, акронимов (акроним – произносимое слово, состоящее из начальных букв словосочетания); используя тег <TITLE> - можно указать «расшифровку» акронима, которая появляется на экране, когда курсор располагается на акрониме.

Слайд 20


Пример использования тега <ACRONYM>: <ACRONYM TITLE=«Муниципальное казённое общеобразовательное учреждение»> МКОУ </ACRONYM> «Глядянская средняя общеобразовательная школа»
Описание слайда:
Пример использования тега <ACRONYM>: <ACRONYM TITLE=«Муниципальное казённое общеобразовательное учреждение»> МКОУ </ACRONYM> «Глядянская средняя общеобразовательная школа»

Слайд 21


Пример использования тега <ACRONYM>:
Описание слайда:
Пример использования тега <ACRONYM>:

Слайд 22


Тег <FONT> позволяет изменить шрифт
Описание слайда:
Тег <FONT> позволяет изменить шрифт

Слайд 23


Параметры тега <FONT> FACE (задаёт название шрифта, которым будет выводится текст) SIZE (задаёт размеры шрифта в условных единицах от 1 до 7) COLOR (устанавливает цвет шрифта, который может задаваться с помощью стандартных имён или набором шестнадцатеричных цифр)
Описание слайда:
Параметры тега <FONT> FACE (задаёт название шрифта, которым будет выводится текст) SIZE (задаёт размеры шрифта в условных единицах от 1 до 7) COLOR (устанавливает цвет шрифта, который может задаваться с помощью стандартных имён или набором шестнадцатеричных цифр)

Слайд 24


Задание цвета на языке HTML
Описание слайда:
Задание цвета на языке HTML

Слайд 25


Пример использования параметра Color: <FONT COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR> или <FONT COLOR=#008000> Шрифт размера 6, цвет зелёный </FONT> <BR>
Описание слайда:
Пример использования параметра Color: <FONT COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR> или <FONT COLOR=#008000> Шрифт размера 6, цвет зелёный </FONT> <BR>

Слайд 26


Примеры использования параметров тега <FONT> : <FONT FACE=“ARIAL”> Название шрифта </FONT> <BR> <FONT SIZE=5> Шрифт размера 5 </FONT> <BR> <FONT FACE=“ARIAL” SIZE=+3 COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR>
Описание слайда:
Примеры использования параметров тега <FONT> : <FONT FACE=“ARIAL”> Название шрифта </FONT> <BR> <FONT SIZE=5> Шрифт размера 5 </FONT> <BR> <FONT FACE=“ARIAL” SIZE=+3 COLOR=Green> Шрифт размера 6, цвет зелёный </FONT> <BR>

Слайд 27


Тег <BASEFONT>
Описание слайда:
Тег <BASEFONT>

Слайд 28


Примеры использования тега <BASEFONT> : <BASEFONT FACE=“Courier” COLOR=#008080> Шрифт по умолчанию размера 3<BR> <BASEFONT SIZE=2>Шрифт размера 2<BR> <BASEFONT SIZE=4 COLOR=Olive> Шрифт размера 4, цвет оливковый <BR>
Описание слайда:
Примеры использования тега <BASEFONT> : <BASEFONT FACE=“Courier” COLOR=#008080> Шрифт по умолчанию размера 3<BR> <BASEFONT SIZE=2>Шрифт размера 2<BR> <BASEFONT SIZE=4 COLOR=Olive> Шрифт размера 4, цвет оливковый <BR>

Слайд 29


Пример использования параметра Color c тегом <BODY>: <BODY BGCOLOR=#008080> Задание цвета фона <BR>
Описание слайда:
Пример использования параметра Color c тегом <BODY>: <BODY BGCOLOR=#008080> Задание цвета фона <BR>

Слайд 30


Создание сайта с помощью html, слайд №30
Описание слайда:

Слайд 31


Примеры использования тега <P> : <P ALIGN=LEFT> Выравнивание по левой границе окна<BR> <P ALIGN=CENTER> Выравнивание по центру окна<BR> <P ALIGN=RIGHT> Выравнивание по правой границе окна<BR> <P ALIGN=JUSTIFY> Выравнивание по ширине окна<BR>
Описание слайда:
Примеры использования тега <P> : <P ALIGN=LEFT> Выравнивание по левой границе окна<BR> <P ALIGN=CENTER> Выравнивание по центру окна<BR> <P ALIGN=RIGHT> Выравнивание по правой границе окна<BR> <P ALIGN=JUSTIFY> Выравнивание по ширине окна<BR>

Слайд 32


Тег <HR>
Описание слайда:
Тег <HR>

Слайд 33


Пример использования тега <HR> : <HR ALIGN=LEFT WIDHT=20 SIZE=30 COLOR=#00FF00>
Описание слайда:
Пример использования тега <HR> : <HR ALIGN=LEFT WIDHT=20 SIZE=30 COLOR=#00FF00>

Слайд 34


Тег <H1>
Описание слайда:
Тег <H1>

Слайд 35


Вставка пробелов и специальных символов &nbsp &#34 &#177 &#178
Описание слайда:
Вставка пробелов и специальных символов &nbsp &#34 &#177 &#178

Слайд 36


Заключение В этой работе я описал и показал, как создать сайт «Субкультуры» с помощью html. Она показывает, что создать сайт не сложно и не нужно иметь каких-то особых навыков. Все что нужно это уметь пользоваться компьютером и Интернетом. Для меня самым сложным было добавить на страницы фон. Все остальное делается очень просто.
Описание слайда:
Заключение В этой работе я описал и показал, как создать сайт «Субкультуры» с помощью html. Она показывает, что создать сайт не сложно и не нужно иметь каких-то особых навыков. Все что нужно это уметь пользоваться компьютером и Интернетом. Для меня самым сложным было добавить на страницы фон. Все остальное делается очень просто.

Скачать

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