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

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

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

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

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

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

Содержание

2. Структура Web-сайтаТема урока:
3. Контейнеры Код страницы Заголовок Название Web-страницы Основное содержание страницы
4. Назовем Web-страницу «Компьютер» Компьютер
5. Поместим на страницу текст «Все о компьютерах»Все о компьютерах
6. Текст программы:КомпьютерВсе о компьютерах
7. Сохранять Web-страницы нужно с расширением .htmlНапример, Мой
8. Форматирование текста:Размер шрифта в заголовках задается тэгами
9. Абзацы:Разделение текста на абзацы производится контейнером .
10. Программирование Web-сайтаКомпьютер
11. Вставка рисункаФорматы .GIF, .JPG, .PNG. Тэг
12. Вставка рисункаИли
13. Создание других страниц сайта Заголовок страницы
14. ГиперссылкиГиперссылки состоят из указателя ссылки и адресной
15. Гиперссылки
16. Адрес электронной почты вставляется так:Полезно на странице
18. Создание списка нумерованногоСписок располагается внутри контейнера ,
19. Создание списка маркированногоСоздадим теперь вложенный маркированный список
20. Создание нумерованного списка Системные программыПрикладные программыСистемы программирования
21. Создание вложенного спискаТЕКСТОВЫЕ РЕДАКТОРЫ ГРАФИЧЕСКИЕ РЕДАКТОРЫ ЭЛЕКТРОННЫЕ ТАБЛИЦЫ СИСТЕМЫ УПРАВЛЕНИЯ БАЗАМИ ДАННЫХ.
23. Словарь компьютерных терминов:Контейнер списка определений , Внутри
25. ТаблицыТаблица задается контейнером , внутри которого содержится
26. Вставить таблицу в файл hardware .htmlНАИМЕНОВАНИЕТИПИЗГОТОВИТЕЛЬЦЕНАПРОЦЕССОРPENTIUMINTEL2500 РУБЛЕЙМАТЕРИНСКАЯ ПЛАТАAbitGIGABAIT2700 РУБЛЕЙ
28. Формы на Web- страницахФормы включают в себя
29. Открыть в Блокноте файл Anketa.html и добавить
30. Переключатели Пользователю предоставляется возможность отнести себя к
31. Открыть в Блокноте файл Anketa.html и добавить
32. Флажки Флажки задаются тэгом со значением атрибута
33. Пример: Какие из сервисов Интернета вы используете наиболее часто:wwwe-mailFTP
34. Поля списковТеперь выясним, какой из браузеров предпочитает
35. Открыть в Блокноте файл Anketa.html и добавить
36. Текстовая областьСоздается с помощью тэга с обязательными
37. Отправка формыОтправка введенной в форму информации, а
38. Скачать презентацию
39. Похожие презентации

Структура Web-сайтаТема урока:

Контейнеры Код страницы Заголовок Название Web-страницы Основное содержание страницы

Назовем Web-страницу «Компьютер» Компьютер

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

Текст программы:КомпьютерВсе о компьютерах

Сохранять Web-страницы нужно с расширением .htmlНапример, Мой сайт .htmlПринято сохранять титульный файл

Форматирование текста:Размер шрифта в заголовках задается тэгами от Н1 до Н6:Все о

Абзацы:Разделение текста на абзацы производится контейнером . Для каждого абзаца можно применить

Вставка рисункаФорматы .GIF, .JPG, .PNG. Тэг с атрибутом SRC, который

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

ГиперссылкиГиперссылки состоят из указателя ссылки и адресной части ссылки.Адресная часть – URL

Адрес электронной почты вставляется так:Полезно на странице помещать ссылку на адрес электронной

Создание списка нумерованногоСписок располагается внутри контейнера , а каждый элемент списка –

Создание списка маркированногоСоздадим теперь вложенный маркированный список для одного из элементов основного

Создание нумерованного списка Системные программыПрикладные программыСистемы программирования

Создание вложенного спискаТЕКСТОВЫЕ РЕДАКТОРЫ ГРАФИЧЕСКИЕ РЕДАКТОРЫ ЭЛЕКТРОННЫЕ ТАБЛИЦЫ СИСТЕМЫ УПРАВЛЕНИЯ БАЗАМИ ДАННЫХ.

Словарь компьютерных терминов:Контейнер списка определений , Внутри него термин – тэг определение

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

Вставить таблицу в файл hardware .htmlНАИМЕНОВАНИЕТИПИЗГОТОВИТЕЛЬЦЕНАПРОЦЕССОРPENTIUMINTEL2500 РУБЛЕЙМАТЕРИНСКАЯ ПЛАТАAbitGIGABAIT2700 РУБЛЕЙ

Формы на Web- страницахФормы включают в себя текстовые поля, раскрывающиеся списки, флажки,

Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий текстовые поля

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

Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий группу переключателей.

Флажки Флажки задаются тэгом со значением атрибута type=“checkbox”Флажки, объединенные в группу могут

Пример: Какие из сервисов Интернета вы используете наиболее часто:wwwe-mailFTP

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

Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий раскрывающий список.

Текстовая областьСоздается с помощью тэга с обязательными атрибутами: NAME, задающим имя области,

Отправка формыОтправка введенной в форму информации, а также очистка полей от уже

Для того, чтобы при щелчке по кн. «Отправить» данные из формы передавались

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

Слайд 2 Структура Web-сайта
Тема урока:

Слайд 3 Контейнеры
Код страницы
Заголовок
Название Web-страницы
Основное содержание

страницы

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

Компьютер

Слайд 5 Поместим на страницу текст «Все о компьютерах»

Все о

компьютерах

Слайд 6 Текст программы:

Компьютер

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

Слайд 7 Сохранять Web-страницы нужно с расширением .html

Например, Мой сайт

Сохранять Web-страницы нужно с расширением .htmlНапример, Мой сайт .htmlПринято сохранять титульный

.html
Принято сохранять титульный файл сайта под именем
Index.html

Слайд 8 Форматирование текста:
Размер шрифта в заголовках задается тэгами от

Форматирование текста:Размер шрифта в заголовках задается тэгами от Н1 до Н6:Все

Н1 до Н6:

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

Тип выравнивания заголовка задает атрибут

ALIGN

Слайд 9 Абзацы:
Разделение текста на абзацы производится контейнером . Для

Абзацы:Разделение текста на абзацы производится контейнером . Для каждого абзаца можно

каждого абзаца можно применить свой тип выравнивания. Поместим на

титульную страницу текст, разбитый на абзацы с различным выравниванием:

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

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

Слайд 10 Программирование Web-сайта

Компьютер

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

программном обеспечении и ценах на компьютерные комплектующие.

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

Слайд 11 Вставка рисунка
Форматы .GIF, .JPG, .PNG.
Тэг

Вставка рисункаФорматы .GIF, .JPG, .PNG. Тэг с атрибутом SRC, который указывает

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

к файлу).
Расположение рисунка относительно текста –атрибут ALIGN:
TOP
MIDDLE
BOTTON
LEFT
RIGHT
Вставить рисунок в контейнер перед абзацем текста.

Слайд 12 Вставка рисунка

Или

компьютер "
ALIGN="RIGHT">

Слайд 13 Создание других страниц сайта

Заголовок страницы

Создайте

страницы Программы, Словарь, Комплектующие, Анкета.
Сохраните их в файлах с

названиями:
software.html
glossary.html
hardware.html
anketa.html

Слайд 14 Гиперссылки
Гиперссылки состоят из указателя ссылки и адресной части

ГиперссылкиГиперссылки состоят из указателя ссылки и адресной части ссылки.Адресная часть –

ссылки.
Адресная часть – URL – адрес документа.
Принято размещать гиперссылки

в нижней части титульной страницы, поэтому разместим их после введенного текста в новом абзаце.
В качестве указателя гиперссылок выберем названия страниц нашего сайта: Программы, Словарь, Комплектующие, Анкета.
Указатели гиперссылок разделяются пробелами ( ) . Для каждой гиперссылки определим адрес перехода, (контейнер ) с атрибутом HREF, значением которого является URL – адрес.

Слайд 15 Гиперссылки

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

Слайд 16 Адрес электронной почты вставляется так:
Полезно на странице помещать

Адрес электронной почты вставляется так:Полезно на странице помещать ссылку на адрес

ссылку на адрес электронной почты, по которому посетители могут

связаться с администрацией сайта.

E-mail:
mailbox@provaider.ru

По щелчку мыши по ссылке на адрес электронной почты будет открываться программа Outlook Express, где в строке Кому будет указан заданный в ссылке адрес

Слайд 17

Слайд 18 Создание списка нумерованного
Список располагается внутри контейнера ,

а каждый элемент списка – тэгом . С помощью

атрибута TYPE тэга <ОL> можно задать вид нумерации: арабские цифры по умолчанию, “I” (римские цифры), “а” (строчные буквы).
Открыть в Блокноте файл Software.html и добавить следующий HTML-код, задающий список:

Системные программы
Прикладные программы
Системы программирования

Слайд 19 Создание списка маркированного
Создадим теперь вложенный маркированный список для

Создание списка маркированногоСоздадим теперь вложенный маркированный список для одного из элементов

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

, а каждый элемент списка определяется также тэгом

. С помощью атрибута TYPE тэга

Прикладные программы.

Слайд 20 Создание нумерованного списка

Системные программы
Прикладные программы
Системы

программирования

Слайд 21 Создание вложенного списка

ТЕКСТОВЫЕ РЕДАКТОРЫ
ГРАФИЧЕСКИЕ РЕДАКТОРЫ
ЭЛЕКТРОННЫЕ

ТАБЛИЦЫ
СИСТЕМЫ УПРАВЛЕНИЯ БАЗАМИ ДАННЫХ.

Слайд 22

Слайд 23 Словарь компьютерных терминов:
Контейнер списка определений ,
Внутри него

Словарь компьютерных терминов:Контейнер списка определений , Внутри него термин – тэг

термин – тэг
определение -

Процессор

Центральный процессор, производящий

вычисления в двоичном коде.

Оперативная память

Устройство, в котором хранятся программы и данные

Слайд 24

Слайд 25 Таблицы
Таблица задается контейнером , внутри которого содержится описание

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

структуры таблицы и ее содержимого.
Любая таблица состоит из строк,

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

Слайд 26 Вставить таблицу в файл hardware .html

НАИМЕНОВАНИЕ

COLOR="CYAN">ТИП
ИЗГОТОВИТЕЛЬ
ЦЕНА

ПРОЦЕССОР
PENTIUM
INTEL
2500 РУБЛЕЙ

МАТЕРИНСКАЯ

ПЛАТА
Abit
GIGABAIT
2700 РУБЛЕЙ

Слайд 27

Слайд 28 Формы на Web- страницах
Формы включают в себя текстовые

Формы на Web- страницахФормы включают в себя текстовые поля, раскрывающиеся списки,

поля, раскрывающиеся списки, флажки, переключатели и т.д. Формы заключаются

в контейнер
Текстовые поля задаются тэгом со значением атрибута type=“text”.
Атрибут NAME является обязательным и служит для идентификации полученной информации, Атрибут SIZE задает длину поля ввода данных.
Для того, чтобы анкета читалась необходимо разделять строки с помощью тэга перевода строки
.

Слайд 29 Открыть в Блокноте файл Anketa.html и добавить следующий

Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий текстовые

HTML-код, задающий текстовые поля для ввода данных. Просмотреть результат

в браузере:

Слайд 30 Переключатели
Пользователю предоставляется возможность отнести себя к одной

Переключатели Пользователю предоставляется возможность отнести себя к одной из групп пользователей:

из групп пользователей: учащийся, студент, учитель.
Переключатели создается тэгом

со значением атрибута type=“radio”. Все элементы в группе должны иметь одинаковые значения атрибута Name=“Group”
Другим обязательным атрибутом должно быть VALUE, принимающий, в нашем случае, значения "schoolboy“, "student“, "teacher"

Слайд 31 Открыть в Блокноте файл Anketa.html и добавить следующий

Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий группу

HTML-код, задающий группу переключателей. Просмотреть результат в браузере:
Укажите, к

какой группе пользователей вы себя относите:

NAME="group" value="schoolboy">учащийся

NAME="group" value="student">студент

NAME="group" value="teacher">учитель

Слайд 32 Флажки
Флажки задаются тэгом со значением атрибута

Флажки Флажки задаются тэгом со значением атрибута type=“checkbox”Флажки, объединенные в группу

type=“checkbox”
Флажки, объединенные в группу могут иметь одинаковые значения атрибута

Name=“Group”
Другим обязательным атрибутом должно быть VALUE, принимающий, в нашем случае, значения “www“, “e-mail“, “ftp“
Добавить HTML-код, задающий флажки для выбора нескольких элементов. Просмотреть результат в браузере:

Слайд 33 Пример:
Какие из сервисов Интернета вы используете наиболее

часто:

www

e-mail

FTP

Слайд 34 Поля списков
Теперь выясним, какой из браузеров предпочитает посетитель

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

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

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

Слайд 35 Открыть в Блокноте файл Anketa.html и добавить следующий

Открыть в Блокноте файл Anketa.html и добавить следующий HTML-код, задающий раскрывающий

HTML-код, задающий раскрывающий список. Просмотреть результат в браузере:

SELECTED> Internet Explorer

Слайд 36 Текстовая область
Создается с помощью тэга с обязательными

Текстовая областьСоздается с помощью тэга с обязательными атрибутами: NAME, задающим имя

атрибутами: NAME, задающим имя области, ROWS – число строк

, COLS – число столбцов.
добавить HTML-код, создающий текстовую область. Просмотреть результат в браузере:
Какую еще информацию вы хотели бы видеть на нашем сайте?

ROWS=4 COLS=30><br></TEXTAREA<br><BR><br><br>																	</div>
																					<hr>
						</div>
											<div class="descrip">
							<h3 id="slide37">
								<a href="/img/tmb/12/1129552/e341001719dd096289bb50006a01f787-720x.jpg" target="_blank">Слайд 37</a>
								Отправка формы<br>Отправка введенной в форму информации, а также							</h3>
							<div class="image">
								<a href="/img/tmb/12/1129552/e341001719dd096289bb50006a01f787-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Отправка формыОтправка введенной в форму информации, а также очистка полей от уже введенной информации осуществляется кнопками. Для создания кн., отправляющей инф-ю, атрибуту TYPE=“submit“, value=«Отправить».Для создания кн., очищающую инф-ю, атрибуту TYPE=“reset“, value=«Очистить».добавить HTML-код, создающий текстовую область. Просмотреть результат в браузере: "><img src="/img/tmb/12/1129552/e341001719dd096289bb50006a01f787-720x.jpg" title="Создание веб сайта" alt="Отправка формыОтправка введенной в форму информации, а также очистка полей от"></a>
							</div>
															<div class="text">
									<h4>очистка полей от уже введенной информации осуществляется кнопками. Для</h4>
																			создания кн., отправляющей инф-ю, атрибуту TYPE=“submit“, value=«Отправить».<br>Для создания кн., очищающую инф-ю, атрибуту TYPE=“reset“, value=«Очистить».<br>добавить HTML-код, создающий текстовую область. Просмотреть результат в браузере: <br><INPUT TYPE="SUBMIT"<br>value="Отправить"><br><INPUT TYPE="RESET"<br>value="Очистить"><br><br>																	</div>
																					<hr>
						</div>
									</div>

<div class="custom"  >
	
<div id="yandex_rtb_R-A-11464146-5"></div>
<script>
window.yaContextCb.push(() => {
    Ya.Context.AdvManager.render({
        "blockId": "R-A-11464146-5",
        "renderTo": "yandex_rtb_R-A-11464146-5"
    })
})
</script></div>
                                    <div class="content dl-content" style="margin-top: 20px">
                        <form action="" method="post" class="js_captcha dl-form">
                            <div>
                                <ul>
                                    <li>Имя файла: sozdanie-veb-sayta.pptx</li>
                                    <li>Количество просмотров: 144</li>
                                    <li>Количество скачиваний: 0</li>
                                </ul>
                                <div class="g-recaptcha" data-sitekey="6Lf0iN8nAAAAACKv8U8VhTtj8F1wq0TA-RBjxFb2"></div>
                                <input type="submit" value="Скачать презентацию">
                                <input type="hidden" name="task" value="dodownload">
                                <input type="hidden" name="092c4db7155b49152bfa556bc0bf374d" value="1" />                            </div>
                            <div class="clear"></div>
                        </form>
                        <div class="adBlockDownload">
                            <div class="banners"></div>
                        </div>
                    </div>
                												<div class="itemNavigation">
					<div class="itemNavigation-wrapper">
													<div class="itemNavigation-item">
								- Предыдущая
								<a class="itemNavigation-link" href="/literatura/drevnerusskaya-literatura-10">Древнерусская литература</a>
							</div>
																			<div class="itemNavigation-item">
								Следующая -
								<a class="itemNavigation-link" href="/istoriya/zhizn-na-sele-v-starinu-1">Жизнь на селе в старину</a>
							</div>
											</div>
				</div>
							</div>
			<div class="right">
				<div class="banners">

<div class="custom"  >
	
<div id="yandex_rtb_R-A-11464146-1"></div>
<script>
window.yaContextCb.push(() => {
    Ya.Context.AdvManager.render({
        "blockId": "R-A-11464146-1",
        "renderTo": "yandex_rtb_R-A-11464146-1"
    })
})
</script></div>
				</div>
				<div class="list related">
					<h2>Похожие презентации</h2>
											<div class="wrapper">
							<a href="/informatika/vybor-nauchnogo-rukovoditelya">
								<img src="/img/tmb/15/1432155/867354d29ec1852efdee894ba6cda0eb-210x.jpg" alt="Выбор научного руководителя">
								<span class="desc">
            				<span>Выбор научного руководителя</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 126</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/591029-prezentatsiya-vypolnenie-zadaniy-173-177-semenov">
								<img src="/img/tmb/6/591029/52629cf6fc802f7bd7eb7333a1cef4cd-210x.jpg" alt="Презентация Выполнение заданий 173-177 Семенов, Рудченко (4 класс)">
								<span class="desc">
            				<span>Презентация Выполнение заданий 173-177 Семенов, Рудченко (4 класс)</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 135</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/dostavka-multimediynogo-kontenta-v-internet">
								<img src="/img/tmb/13/1247782/f600ac7e9e03eb5ed439eb8cde1b43fa-210x.jpg" alt="Доставка мультимедийного контента в Интернет">
								<span class="desc">
            				<span>Доставка мультимедийного контента в Интернет</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 107</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/professii-v-kotoryh-neobhodimy-znaniya-po">
								<img src="/img/tmb/12/1127905/79ad8cd5f78aa66c06c56d2083fc33d2-210x.jpg" alt="Профессии, в которых необходимы знания по работе с базами данных">
								<span class="desc">
            				<span>Профессии, в которых необходимы знания по работе с базами данных</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 146</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/lichnost-i-internet">
								<img src="/img/tmb/11/1059836/5b31925d95bbe72ab008affafcebb45b-210x.jpg" alt="Личность и интернет">
								<span class="desc">
            				<span>Личность и интернет</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 165</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/modelirovanie-dvizheniya-v-srede-logomiry_">
								<img src="/img/tmb/13/1296789/29f3f0ee92e9b022f8349472bb11fd6a-210x.jpg" alt="Моделирование движения в среде Логомиры">
								<span class="desc">
            				<span>Моделирование движения в среде Логомиры</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 95</span>
            			</span>
							</a>
						</div>
																<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="cntWrapper">
			<div class="list">
                <h2 class="right-heading" id="related">Похожие презентации</h2>
									<div class="wrapper">
						<a href="/informatika/571149-shtldlk-boyynsha-elektrondy-kesteler">
							<img src="/img/tmb/6/571149/dec377328f61a1504c4ee92d7d06c6c5-210x.jpg" alt="Үштілділік бойынша Электронды кестелер">
							<span class="desc">
        				<span>Үштілділік бойынша Электронды кестелер</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 133</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/611233-prezentatsiya-po-informatiki-na-temu-istoriya-4">
							<img src="/img/tmb/7/611233/cd5e32ab75fa1f6fe6dfd98fca349bb8-210x.jpg" alt="Презентация по информатики на тему История Linux">
							<span class="desc">
        				<span>Презентация по информатики на тему История Linux</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 143</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/650717-vektornoe-kodirovanie-6-klass">
							<img src="/img/tmb/7/650717/6479427c3bd80d9aa9dd53f0c4ac612f-210x.jpg" alt="Векторное кодирование 6 класс">
							<span class="desc">
        				<span>Векторное кодирование 6 класс</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 146</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/tvorcheskaya-itogovaya-rabota-lastonogie">
							<img src="/img/tmb/13/1208171/e70d6e818a18502eb2a5ee4eb383b083-210x.jpg" alt="Творческая итоговая работа Ластоногие">
							<span class="desc">
        				<span>Творческая итоговая работа Ластоногие</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 98</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/556877-prezentatsiya-po-informatike-na-temu-informatsionnaya-20">
							<img src="/img/tmb/6/556877/96ae06fd7adf95308caf07aa1f5900fe-210x.jpg" alt="Презентация по информатике на тему Информационная безопасность. Безопасность, гигиена, эргономика, ресурсосбережение">
							<span class="desc">
        				<span>Презентация по информатике на тему Информационная безопасность. Безопасность, гигиена, эргономика, ресурсосбережение</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 191</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/ekipazh-it-empire">
							<img src="/img/tmb/15/1411461/5133551b96a3099fd3c8522c3f2b155f-210x.jpg" alt="Экипаж IT Empire">
							<span class="desc">
        				<span>Экипаж IT Empire</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 102</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/nestandartnye-diagrammy">
							<img src="/img/tmb/13/1246809/1b1cbd17e1ce7619ab7525323526c7b8-210x.jpg" alt="Нестандартные диаграммы">
							<span class="desc">
        				<span>Нестандартные диаграммы</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 136</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/programmirovanie-na-yazyke-paskal-grafika">
							<img src="/img/tmb/15/1430174/ade31d2361d52d7f3ace6a789682e708-210x.jpg" alt="Программирование на языке Паскаль. Графика">
							<span class="desc">
        				<span>Программирование на языке Паскаль. Графика</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 139</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/elektronnyy-dokument-i-fayl_">
							<img src="/img/tmb/13/1238391/d324cc1116885719c28162dee6ac9874-210x.jpg" alt="Электронный документ и файл">
							<span class="desc">
        				<span>Электронный документ и файл</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 110</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/prezentatsiya-dlya-fizkultminutki-prezentatsiya-k-uroku">
							<img src="/img/tmb/8/749559/a4561be6e5c01fb5a5dbc49db9d5f83c-210x.jpg" alt="Презентация для физкультминутки презентация к уроку по информатике (3,4 класс) по теме">
							<span class="desc">
        				<span>Презентация для физкультминутки презентация к уроку по информатике (3,4 класс) по теме</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 134</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/ponyatie-sistemy-1">
							<img src="/img/tmb/14/1335366/52421f5a0405a5acff6e9dca11f01448-210x.jpg" alt="Понятие системы">
							<span class="desc">
        				<span>Понятие системы</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 119</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/mediapleery">
							<img src="/img/tmb/11/1077252/d2d42cfc29626f7f4cd402a5e33a1e8d-210x.jpg" alt="Медиаплееры">
							<span class="desc">
        				<span>Медиаплееры</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 143</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/617398-istoriya-razvitiya-vychislitelnoy-tehniki-16">
							<img src="/img/tmb/7/617398/974ac116237d4f8ae54f4724bdfaeb40-210x.jpg" alt="История развития вычислительной техники">
							<span class="desc">
        				<span>История развития вычислительной техники</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 159</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/chto-est-dizayn">
							<img src="/img/tmb/13/1277699/621401c806e0add8c3dd1c71c84f62e7-210x.jpg" alt="Что есть дизайн?">
							<span class="desc">
        				<span>Что есть дизайн?</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 105</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/informatsionnye-resursy-obshchestva">
							<img src="/img/tmb/13/1257080/646916d01c410b9d2c15562d72ce0216-210x.jpg" alt="Информационные ресурсы общества">
							<span class="desc">
        				<span>Информационные ресурсы общества</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 163</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/kak-ustroen-kompyuter-4">
							<img src="/img/tmb/12/1184978/9e9978f84c733a02f43f9e8be052790f-210x.jpg" alt="Как устроен компьютер">
							<span class="desc">
        				<span>Как устроен компьютер</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 118</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/personalnye-dannye-i-ih-zashchita-1">
							<img src="/img/tmb/12/1179210/905005a8220344636152fcc3bbc53ee0-210x.jpg" alt="Персональные данные и их защита">
							<span class="desc">
        				<span>Персональные данные и их защита</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 126</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/osnovnye-ponyatiya-yazyka-programmirovaniya-pascal-abc_">
							<img src="/img/tmb/14/1360031/10a851df9caa12e8941f152116c3c0d5-210x.jpg" alt="Основные понятия языка программирования Pascal ABC">
							<span class="desc">
        				<span>Основные понятия языка программирования Pascal ABC</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 116</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/yazyk-kak-sposob-predstavleniya-informatsii">
							<img src="/img/tmb/14/1393772/3c3aa5534c56e614734f8441776c6482-210x.jpg" alt="Язык как способ представления информации">
							<span class="desc">
        				<span>Язык как способ представления информации</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 153</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/osnovy-raboty-s-tablichnym-protsessorom-ms">
							<img src="/img/tmb/15/1478209/efa2440c1e1ef3ed7a232610b53f804d-210x.jpg" alt="Основы работы с табличным процессором MS Excel">
							<span class="desc">
        				<span>Основы работы с табличным процессором MS Excel</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 142</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/mehanizm-offlaynovyh-vzaimoraschetov-s-partnerami">
							<img src="/img/tmb/15/1435863/d485caf1b713026b5737eefd4628420d-210x.jpg" alt="Механизм оффлайновых взаиморасчетов с партнерами">
							<span class="desc">
        				<span>Механизм оффлайновых взаиморасчетов с партнерами</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 106</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/oformlenie-prezentatsiy-1">
							<img src="/img/tmb/12/1141412/3ff1a3112194c68f2276ca23f0f5c9f0-210x.jpg" alt="Оформление презентаций">
							<span class="desc">
        				<span>Оформление презентаций</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 119</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/postroenie-kvartirnoy-lvs">
							<img src="/img/tmb/11/1082701/50f9ea5b69e3212acb91662fd32feb26-210x.jpg" alt="Построение квартирной ЛВС">
							<span class="desc">
        				<span>Построение квартирной ЛВС</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 157</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/virusy-antivirusy">
							<img src="/img/tmb/12/1173755/3eb04c812deef3960ed6b12c64392dfe-210x.jpg" alt="Вирусы. Антивирусы">
							<span class="desc">
        				<span>Вирусы. Антивирусы</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 144</span>
        			</span>
						</a>
					</div>
								<div class="clear"></div>
			</div>
		</div>
	</div>
</div>

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

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

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

Содержание

Слайд 2 Структура Web-сайтаТема урока:

Слайд 3 Контейнеры Код страницы Заголовок Название Web-страницы Основное содержание

страницы

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

Слайд 5 Поместим на страницу текст «Все о компьютерах»Все о

компьютерах

Слайд 6 Текст программы:КомпьютерВсе о компьютерах

Слайд 7 Сохранять Web-страницы нужно с расширением .htmlНапример, Мой сайт

.htmlПринято сохранять титульный файл сайта под именем Index.html

Слайд 8 Форматирование текста:Размер шрифта в заголовках задается тэгами от

Н1 до Н6:Все о компьютерахТип выравнивания заголовка задает атрибут

Слайд 9 Абзацы:Разделение текста на абзацы производится контейнером . Для

каждого абзаца можно применить свой тип выравнивания. Поместим на

Слайд 10 Программирование Web-сайтаКомпьютер

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

Слайд 11 Вставка рисункаФорматы .GIF, .JPG, .PNG. Тэг

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

Слайд 12 Вставка рисункаИли

компьютер "ALIGN="RIGHT">

Слайд 13 Создание других страниц сайта Заголовок страницы Создайте

страницы Программы, Словарь, Комплектующие, Анкета.Сохраните их в файлах с

Слайд 14 ГиперссылкиГиперссылки состоят из указателя ссылки и адресной части

ссылки.Адресная часть – URL – адрес документа.Принято размещать гиперссылки