Что такое 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>Количество просмотров: 147</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="53699075a2b5acefa1cb315b3266e26c" 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/redaktor-prezentatsii">
								<img src="/img/tmb/12/1198651/9b433fa80d1a7062d6382f72e72c46ec-210x.jpg" alt="Редактор презентации">
								<span class="desc">
            				<span>Редактор презентации</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 132</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/stroenie-kompyutera">
								<img src="/img/tmb/12/1179139/79d02ce7959e00ae228f038099686e7c-210x.jpg" alt="Строение компьютера">
								<span class="desc">
            				<span>Строение компьютера</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 209</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/508616-prezentatsiya-na-vneurochnoe-zanyatie-po-informatike">
								<img src="/img/tmb/6/508616/902a95d73194c818be30e0c979e2eeb4-210x.jpg" alt="Презентация на внеурочное занятие по информатике Координатная сетка">
								<span class="desc">
            				<span>Презентация на внеурочное занятие по информатике Координатная сетка</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 80</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/630248-prezentatsiya-k-uroku-vidy-informatsii">
								<img src="/img/tmb/7/630248/221a7575883941d480861198ef31e9b0-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/printsipy-i-etapy-postroeniya-isu">
								<img src="/img/tmb/13/1234027/f617c1b01f863f15c72e1c0c94139ba2-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/opyt-raboty-multimedia-konstruktor-kak-sredstvo">
								<img src="/img/tmb/8/797238/0ced93110ae4f7552346b80008eb030f-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="clear"></div>
				</div>
			</div>
		</div>
		<div class="cntWrapper">
			<div class="list">
                <h2 class="right-heading" id="related">Похожие презентации</h2>
									<div class="wrapper">
						<a href="/informatika/srednyaya-gruppa">
							<img src="/img/tmb/8/733682/508ff69677b0f2a89e8cd8f9b4afdc50-210x.jpg" alt="Средняя группа">
							<span class="desc">
        				<span>Средняя группа</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 166</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/struktura-pochtovyh-soobshcheniy">
							<img src="/img/tmb/12/1176873/8a841caf39d22ea2c7c5d765ef72faec-210x.jpg" alt="Структура почтовых сообщений">
							<span class="desc">
        				<span>Структура почтовых сообщений</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 185</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/kodirovanie-i-obrabotka-zvukovoy-informatsii_">
							<img src="/img/tmb/13/1230031/2c97b7c196a8f911ad16d3ebdda4d2b5-210x.jpg" alt="Кодирование и обработка звуковой информации">
							<span class="desc">
        				<span>Кодирование и обработка звуковой информации</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 103</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/kodirovanie-tekstovoy-informatsii-7">
							<img src="/img/tmb/14/1325418/68bf324bbe15c72864f01d12d9c19f0f-210x.jpg" alt="Кодирование текстовой информации">
							<span class="desc">
        				<span>Кодирование текстовой информации</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 113</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/maksimalno-dlinnaya-obshchaya-podposledovatelnost-mdp-lcs">
							<img src="/img/tmb/15/1465836/4e18358c0878b4355a7f0e1c8a8c2704-210x.jpg" alt="Максимально длинная общая подпоследовательность (МДП, LCS)">
							<span class="desc">
        				<span>Максимально длинная общая подпоследовательность (МДП, LCS)</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 110</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/obshchie-svedeniya-o-yazyke-programmirovaniya-paskal-3">
							<img src="/img/tmb/15/1464062/18be3affdd6f62772d62a7a46a2b2fc9-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/kompyuternye-virusy-42">
							<img src="/img/tmb/13/1276229/d852ab97a26464a11734f705037ad6d7-210x.jpg" alt="Компьютерные вирусы">
							<span class="desc">
        				<span>Компьютерные вирусы</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 103</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/znatoki-informatiki-3">
							<img src="/img/tmb/12/1191610/7c740d60f7b5c6ea2a2354d9683b4670-210x.jpg" alt="знатоки информатики">
							<span class="desc">
        				<span>знатоки информатики</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 142</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/windows-movie-maker">
							<img src="/img/tmb/11/1064960/ee89584667a5df531a59184df07da606-210x.jpg" alt="Windows Movie Maker">
							<span class="desc">
        				<span>Windows Movie Maker</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 204</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/520444-blm-alushylardy-zertteu-mdenietn-alyptastyru-zhyes">
							<img src="/img/tmb/6/520444/cbcb7df397619374b827bf66346ce0d9-210x.jpg" alt="Білім алушылардың зерттеу мәдениетін қалыптастыру жүйесі">
							<span class="desc">
        				<span>Білім алушылардың зерттеу мәдениетін қалыптастыру жүйесі</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 149</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/611651-prezentatsiya-po-informatike-na-temu-graficheskiy-17">
							<img src="/img/tmb/7/611651/a17ab5c2d92ddce309635551c630025e-210x.jpg" alt="Презентация по информатике на тему Графический интерфейс ОС (8 класс)">
							<span class="desc">
        				<span>Презентация по информатике на тему Графический интерфейс ОС (8 класс)</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 157</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/statistikany-damu-kezeder-1">
							<img src="/img/tmb/15/1418281/6e662e34d9ce9fe21864ca2fa3c7737e-210x.jpg" alt="Статистиканың даму кезеңдері">
							<span class="desc">
        				<span>Статистиканың даму кезеңдері</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 128</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/adresatsiya-v-seti-2">
							<img src="/img/tmb/12/1140943/e72f0cdde743a7f30eefc3fff3bad186-210x.jpg" alt="Адресация в сети">
							<span class="desc">
        				<span>Адресация в сети</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 127</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/razrabotka-avtomatizirovannoy-sistemy-upravleniya-zayavkami-na">
							<img src="/img/tmb/15/1465333/d3f967833213be44b13ffc9e298e4740-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/lineynye-algoritmy_">
							<img src="/img/tmb/13/1231536/e175604f87a0343752bf3eae8a8083c6-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/sozdanie-multimediynoy-interaktivnoy-prezentatsii">
							<img src="/img/tmb/12/1103528/5f2be9e56067254cab2baa6eeb6cee87-210x.jpg" alt="Создание мультимедийной интерактивной презентации">
							<span class="desc">
        				<span>Создание мультимедийной интерактивной презентации</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 129</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/mobilnyy-kompyuternyy-klass">
							<img src="/img/tmb/11/1093660/8825a8e8e13b153a67c62ff97e533e86-210x.jpg" alt="Мобильный компьютерный класс">
							<span class="desc">
        				<span>Мобильный компьютерный класс</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 169</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/vspomogatelnye-algoritmy-i-podprogrammy_">
							<img src="/img/tmb/14/1368557/77e118ac48be316a7e57b05d121977cd-210x.jpg" alt="Вспомогательные алгоритмы и подпрограммы">
							<span class="desc">
        				<span>Вспомогательные алгоритмы и подпрограммы</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 130</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/osnovnye-ponyatiya-informatiki">
							<img src="/img/tmb/15/1432687/36b95498cbc2ccf2c1dc2423ab6bb366-210x.jpg" alt="Основные понятия информатики">
							<span class="desc">
        				<span>Основные понятия информатики</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 184</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/logicheskie-osnovy-evm">
							<img src="/img/tmb/14/1322454/5706330b5b808821de78aaf8a19355b2-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/573037-interaktivnaya-igra-morskoy-boy-po-informatike">
							<img src="/img/tmb/6/573037/c9d8f3bc43e503b903d3cdd9f07ab94b-210x.jpg" alt="Интерактивная игра Морской Бой по информатике">
							<span class="desc">
        				<span>Интерактивная игра Морской Бой по информатике</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 182</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/organizatsiya-i-osnovnye-ustroystva-pamyat-kompyutera_">
							<img src="/img/tmb/13/1298017/580abc9f6f1c486d3bacbad2ae992f4b-210x.jpg" alt="Организация и основные устройства память компьютера">
							<span class="desc">
        				<span>Организация и основные устройства память компьютера</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 120</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/informatsiya-i-ee-kodirovanie-1">
							<img src="/img/tmb/12/1100028/8f03ca127666c99614886ff86d54eeb3-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/sozdanie-web-sayta-s-pomoshchyu-ms">
							<img src="/img/tmb/12/1141686/980ed285f604e46862152f61135bae41-210x.jpg" alt="Создание Web-сайта с помощью MS Word">
							<span class="desc">
        				<span>Создание Web-сайта с помощью MS Word</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 201</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 – адрес документа.Принято размещать гиперссылки