Что такое 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-2962960-4"></div>
<script>window.yaContextCb.push(()=>{
	Ya.Context.AdvManager.render({
		"blockId": "R-A-2962960-4",
		"renderTo": "yandex_rtb_R-A-2962960-4"
	})
})
</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>Количество просмотров: 123</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="56844abb40299dcc39bc2fb82de4c948" 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-2962960-2"></div>
<script>window.yaContextCb.push(()=>{
	Ya.Context.AdvManager.render({
		"blockId": "R-A-2962960-2",
		"renderTo": "yandex_rtb_R-A-2962960-2"
	})
})
</script></div>
				</div>
				<div class="list related">
					<h2>Похожие презентации</h2>
											<div class="wrapper">
							<a href="/informatika/spam-i-zashchita-ot-nego_">
								<img src="/img/tmb/13/1264324/6757d7ec1a27d261cd91fa542b85628f-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/sostavlenie-algoritmov-s-tsiklom-4-klass">
								<img src="/img/tmb/12/1147444/2fa7290f23e8b13ccfc1d279a3bbf6bd-210x.jpg" alt="Составление алгоритмов с циклом 4 класс">
								<span class="desc">
            				<span>Составление алгоритмов с циклом 4 класс</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 108</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/519948-prezentatsiya-robotizirovannyy-uborochnyy-kompleks">
								<img src="/img/tmb/6/519948/352380dee732c8380d4df48fdb6d7e78-210x.jpg" alt="Презентация Роботизированный уборочный комплекс">
								<span class="desc">
            				<span>Презентация Роботизированный уборочный комплекс</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 145</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/protsessy-v-operatsionnyh-sistemah">
								<img src="/img/tmb/15/1479876/4d9ebc30c03b860966f345fccea2cd8f-210x.jpg" alt="Процессы в операционных системах">
								<span class="desc">
            				<span>Процессы в операционных системах</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 124</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/pamyat-dlya-kompyutera">
								<img src="/img/tmb/12/1132539/5cc71a730738f8c47d9ce3bc8dfb09eb-210x.jpg" alt="Память для компьютера">
								<span class="desc">
            				<span>Память для компьютера</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 114</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/589596-prezentatsiya-po-informatike-na-temu-blmd">
								<img src="/img/tmb/6/589596/87df3e1e500a98cb607ffef72bdd56e0-210x.jpg" alt="Презентация по информатике на тему Білімді информатик сайысы /9-сынып/">
								<span class="desc">
            				<span>Презентация по информатике на тему Білімді информатик сайысы /9-сынып/</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 123</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/poiskovye-sistemy-internet">
							<img src="/img/tmb/14/1352176/66055ec660254d43b5e30db10e4f418a-210x.jpg" alt="Поисковые системы Интернет">
							<span class="desc">
        				<span>Поисковые системы Интернет</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 91</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/dizaynerskiy-otdel">
							<img src="/img/tmb/12/1165966/cfde8770bf18358911e64d8f90370ba9-210x.jpg" alt="Дизайнерский отдел">
							<span class="desc">
        				<span>Дизайнерский отдел</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 151</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/yazyk-programmirovaniya-paskal-2_">
							<img src="/img/tmb/13/1268918/0105ed33c1573809e2d42ed0decab8c2-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/flash-pamyat_">
							<img src="/img/tmb/13/1240272/7fb19ee817eca6dfff7209d337122fb3-210x.jpg" alt="Flash-память">
							<span class="desc">
        				<span>Flash-память</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 116</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/informatika-osnovnye-ponyatiya-i-opredeleniya">
							<img src="/img/tmb/15/1417312/3ff088a46100a3bc71862cc7184c5731-210x.jpg" alt="Информатика. Основные понятия и определения">
							<span class="desc">
        				<span>Информатика. Основные понятия и определения</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 97</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/graficheskiy-redaktor-gimp-2">
							<img src="/img/tmb/14/1334586/257df12b04164fdb367d9c21361c84cb-210x.jpg" alt="Графический редактор GIMP">
							<span class="desc">
        				<span>Графический редактор GIMP</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 113</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/protokol-ssh">
							<img src="/img/tmb/11/1039180/9e50c187c787b35bdca996dbe489cac5-210x.jpg" alt="Протокол SSH">
							<span class="desc">
        				<span>Протокол SSH</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 169</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/programmnoe-obespechenie-kompyutera-15">
							<img src="/img/tmb/15/1404967/9cf163c4a54bd290d5b0cc8e6a66d721-210x.jpg" alt="Программное обеспечение компьютера">
							<span class="desc">
        				<span>Программное обеспечение компьютера</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 97</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/klassifikatsiya-kompyuternyh-setey">
							<img src="/img/tmb/12/1119568/676b5ccfa651295a95767abd1fddd7c2-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/delovye-prezentatsii">
							<img src="/img/tmb/13/1268433/6af564b54c0c79c7650d7a397db753ed-210x.jpg" alt="Деловые презентации">
							<span class="desc">
        				<span>Деловые презентации</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 100</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/aptechka-sistemnogo-administratora">
							<img src="/img/tmb/15/1459268/547048d556809435d26655318412f999-210x.jpg" alt="Аптечка системного администратора">
							<span class="desc">
        				<span>Аптечка системного администратора</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 97</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/programmy-dlya-raboty-s-internetom">
							<img src="/img/tmb/14/1326263/908bfaac4363fd6b08375c0d7493a946-210x.jpg" alt="Программы для работы с интернетом">
							<span class="desc">
        				<span>Программы для работы с интернетом</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 125</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/vvedenie-v-informatiku-4">
							<img src="/img/tmb/15/1444546/3ee40fb16628a4b4f6150772b16caf00-210x.jpg" alt="Введение в информатику">
							<span class="desc">
        				<span>Введение в информатику</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 115</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/urok-10-sostav-i-deystviya-obekta">
							<img src="/img/tmb/13/1205726/9ea9f47cee69cc420cf14ea15a94a9a1-210x.jpg" alt="Урок 10. Состав и действия объекта. Общие названия и отдельные объекты">
							<span class="desc">
        				<span>Урок 10. Состав и действия объекта. Общие названия и отдельные объекты</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 95</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/657951-prezentatsiya-po-informatike-na-temu-istoriya-47">
							<img src="/img/tmb/7/657951/13dd5b9829cc829232b481050f1e10c5-210x.jpg" alt="Презентация по информатике на тему История развития ЭВМ (6 класс)">
							<span class="desc">
        				<span>Презентация по информатике на тему История развития ЭВМ (6 класс)</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 131</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/ispolzovanie-vneshnih-funktsiy-v-msc">
							<img src="/img/tmb/14/1337719/fa0bdc7a8bdeb09361efa7305d79edff-210x.jpg" alt="Использование внешних функций в MSC">
							<span class="desc">
        				<span>Использование внешних функций в MSC</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 108</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/kontrolnaya-rabota-po-informatike">
							<img src="/img/tmb/13/1276497/87d9ffeea528ea6bdce7528f5e05b34c-210x.jpg" alt="Контрольная работа по информатике">
							<span class="desc">
        				<span>Контрольная работа по информатике</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 78</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/prezentatsiya-ispolzovanie-ikt-na-urokah-v">
							<img src="/img/tmb/8/785736/96c37740e8a2bf648d739c9e864ecddb-210x.jpg" alt="Презентация Использование ИКТ на уроках в начальной школе презентация по информатике по теме">
							<span class="desc">
        				<span>Презентация Использование ИКТ на уроках в начальной школе презентация по информатике по теме</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 125</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/predstavlenie-informatsii-6_">
							<img src="/img/tmb/14/1349857/3b16032b52b35215e345a8261b9b5db9-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/kompyuternye-seti-vidy-kompyuternyh-setey-1">
							<img src="/img/tmb/12/1157740/0cc1556da6c1f4bc62f96c36d53e3482-210x.jpg" alt="Компьютерные сети. Виды компьютерных сетей">
							<span class="desc">
        				<span>Компьютерные сети. Виды компьютерных сетей</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 93</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/kompyuternaya-zavisimost-17">
							<img src="/img/tmb/14/1364352/59dd62f67601c600cadf29bb164e3119-210x.jpg" alt="Компьютерная зависимость">
							<span class="desc">
        				<span>Компьютерная зависимость</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 148</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/578715-prezentatsiya-po-informatsionnym-tehnologiyam-praktikum-oblachnye">
							<img src="/img/tmb/6/578715/ef5baa70264a18b93a80feef43ec25fe-210x.jpg" alt="Презентация по информационным технологиям : Практикум Облачные технологии.">
							<span class="desc">
        				<span>Презентация по информационным технологиям : Практикум Облачные технологии.</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 56</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/sortirovka-i-poick-dannyh-v-elektronnyh_">
							<img src="/img/tmb/13/1286006/7bff3d26cf67edbea3198beabc476601-210x.jpg" alt="Сортировка и поиcк данных в электронных таблицах Excel">
							<span class="desc">
        				<span>Сортировка и поиcк данных в электронных таблицах Excel</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 113</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/bazy-dannyh-osnovnoe-opredelenie-klassifikatsiya-bd">
							<img src="/img/tmb/15/1415180/b421e0fe329a4fa2fc1d4b61c87c6811-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="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 – адрес документа.Принято размещать гиперссылки