Что такое 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>Количество просмотров: 142</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="c27f972b617e723342485ae9827ca858" 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/etapy-resheniya-zadach-s-pomoshchyu-evm">
								<img src="/img/tmb/15/1474576/dbeb31c6cfe9945835c04c5ff7121fe9-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/informatizatsiya-obshchestva-1">
								<img src="/img/tmb/11/1063745/1bb60fa4ae8386373194228207d7fb4f-210x.jpg" alt="Информатизация общества">
								<span class="desc">
            				<span>Информатизация общества</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 177</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/velikaya-otechestvennaya-voyna-1947">
								<img src="/img/tmb/11/1047248/dba482632634cd6ad5be2d4dbe3c5b12-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/programmirovanie-graficheskoy-animatsii">
								<img src="/img/tmb/12/1197911/2e0995c4a21c373b48aac9cb6e12beb8-210x.jpg" alt="Программирование графической анимации">
								<span class="desc">
            				<span>Программирование графической анимации</span>
            				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 158</span>
            			</span>
							</a>
						</div>
																	<div class="wrapper">
							<a href="/informatika/vozmozhnosti-i-osnovnye-sluzhby-seti-internet">
								<img src="/img/tmb/14/1333946/907b356b79a4fcb7a7ec62f08a5897f7-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/imitatsionnoe-modelirovanie-3">
								<img src="/img/tmb/15/1401176/6d294e149c58ba0995acf2ce4cf28eda-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="clear"></div>
				</div>
			</div>
		</div>
		<div class="cntWrapper">
			<div class="list">
                <h2 class="right-heading" id="related">Похожие презентации</h2>
									<div class="wrapper">
						<a href="/informatika/sozdanie-web-sayta-s-pomoshchyu-ms_">
							<img src="/img/tmb/14/1358260/3c52c9b93a8c8257ec9fc308db4aceed-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> 133</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/518101-zhertvy-dtp">
							<img src="/img/tmb/6/518101/95a9890a980272b51116148cc1c13d88-210x.jpg" alt="Жертвы ДТП">
							<span class="desc">
        				<span>Жертвы ДТП</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 236</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/ustroystvo-kompyutera-40">
							<img src="/img/tmb/15/1456490/a12c391230a7dc94020df2d44aa9b061-210x.jpg" alt="Устройство компьютера">
							<span class="desc">
        				<span>Устройство компьютера</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 108</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/obshchie-svedeniya-o-sistemah-elektrosvyazi">
							<img src="/img/tmb/15/1476781/5588def3b687dbf1d187dc2ba0ae83a8-210x.jpg" alt="Общие сведения о системах электросвязи">
							<span class="desc">
        				<span>Общие сведения о системах электросвязи</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 179</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/master-klass-programmiruemyy-mini-robot-bee">
							<img src="/img/tmb/8/797784/ee61e3cac7fd890978a2bccdf7ed3010-210x.jpg" alt="Мастер-класс Программируемый мини-робот Bee-bot методическая разработка по информатике (младшая, средняя, старшая, подготовительная группа) по теме">
							<span class="desc">
        				<span>Мастер-класс Программируемый мини-робот Bee-bot методическая разработка по информатике (младшая, средняя, старшая, подготовительная группа) по теме</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 118</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/osnovn-skladov-kompyutera-pochatkov-navichki-roboti">
							<img src="/img/tmb/15/1475951/61df5754c835ba02ab75dfdffbb3bef5-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/527479-prezentatsiya-po-informatike-na-temu-hranenie-13">
							<img src="/img/tmb/6/527479/520a9e15092c2dca67c18efd7b7b0716-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/operatsionnye-sistemy-meynfreymov-1">
							<img src="/img/tmb/15/1443145/34077f83011b5d27cb17e32d23b8a56d-210x.jpg" alt="Операционные системы Мейнфреймов">
							<span class="desc">
        				<span>Операционные системы Мейнфреймов</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 213</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/internet-brauzer-opera_">
							<img src="/img/tmb/14/1344058/3ebe66cae31f948e341a59f31f5b811b-210x.jpg" alt="Интернет браузер Opera">
							<span class="desc">
        				<span>Интернет браузер Opera</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 166</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/oznakomlenie-detey-s-zheleznodorozhnym-transportom-s-1">
							<img src="/img/tmb/9/848004/8837777c3bc72949194ad9890609ec96-210x.jpg" alt="Ознакомление детей с железнодорожным транспортом (с использованием компьютера) презентация урока для интерактивной доски по информатике (старшая группа)">
							<span class="desc">
        				<span>Ознакомление детей с железнодорожным транспортом (с использованием компьютера) презентация урока для интерактивной доски по информатике (старшая группа)</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 50</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/566265-prezentatsiya-po-informatike-na-temu-keste-5">
							<img src="/img/tmb/6/566265/3a27885497aabd7787b1de48fedc3d43-210x.jpg" alt="Презентация по информатике на тему Кесте. Кестемен жұмыс (6 класс)">
							<span class="desc">
        				<span>Презентация по информатике на тему Кесте. Кестемен жұмыс (6 класс)</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 169</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/kompyuternaya-grafika-24_">
							<img src="/img/tmb/14/1357406/a65e7ac3ae8120a1510e7400b6dccd8a-210x.jpg" alt="Компьютерная графика">
							<span class="desc">
        				<span>Компьютерная графика</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 102</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/tehnologiya-tsifrovyh-podpisey">
							<img src="/img/tmb/15/1417602/ea7f2eb625f0f4d1f0efccc98b793c9f-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/informatsionnye-tehnologii-schet-v-drevnem-mire">
							<img src="/img/tmb/15/1433394/3b49724082b4e537b28c9fc58bc8c6b6-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/power-point-2004">
							<img src="/img/tmb/12/1117052/ac94e322ae07a4a65e51dfd8c65b53cf-210x.jpg" alt="Power Point">
							<span class="desc">
        				<span>Power Point</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 118</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/657149-graficheskiy-redaktor-paint-3-5">
							<img src="/img/tmb/7/657149/9889028d70a0645918b25d60343c5931-210x.jpg" alt="Графический редактор PAINT 3">
							<span class="desc">
        				<span>Графический редактор PAINT 3</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 124</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/shkola-molodogo-programmista-1">
							<img src="/img/tmb/15/1417101/4364261f055fd6d1e2c3bd307273fb88-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/kompyuternye-perevodchiki_">
							<img src="/img/tmb/13/1260499/5dbfa3cab82bd852d68d8f5ce52b1c33-210x.jpg" alt="Компьютерные переводчики">
							<span class="desc">
        				<span>Компьютерные переводчики</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 108</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/projektowanie-aplikacji-internetowych">
							<img src="/img/tmb/15/1420294/f4914d5a93cb0e4cad0c47486563ea39-210x.jpg" alt="Projektowanie Aplikacji Internetowych">
							<span class="desc">
        				<span>Projektowanie Aplikacji Internetowych</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 117</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/novinki-v-kompyuternoy-tehnike_">
							<img src="/img/tmb/14/1377364/b6b2ea79bed0fd3b8a2d00b02d8159b3-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/klaviatura-11">
							<img src="/img/tmb/12/1151545/44be12ca28cac6994376307a5c280bd9-210x.jpg" alt="Клавиатура">
							<span class="desc">
        				<span>Клавиатура</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 131</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/604236-igra-po-informatike-svoya-igra-final">
							<img src="/img/tmb/7/604236/d942a951e5658a6c30004ee116fe18e3-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/mnogopotochnoe-programmirovanie-lektsiya-1-standarty-c">
							<img src="/img/tmb/15/1403309/98256a5da3c943740cc548eb0cd96a0d-210x.jpg" alt="Многопоточное программирование (Лекция 1). Стандарты C++, контейнеры C++, красно-черные деревья, B-деревья">
							<span class="desc">
        				<span>Многопоточное программирование (Лекция 1). Стандарты C++, контейнеры C++, красно-черные деревья, B-деревья</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 113</span>
        			</span>
						</a>
					</div>
									<div class="wrapper">
						<a href="/informatika/osnovnye-pravila-vvoda-teksta-v-tekstovom_">
							<img src="/img/tmb/14/1362577/12064e081f1ae0aad0dda3c8caef8bc5-210x.jpg" alt="Основные правила ввода текста в текстовом процессоре WORD">
							<span class="desc">
        				<span>Основные правила ввода текста в текстовом процессоре WORD</span>
        				<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 135</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 – адрес документа.Принято размещать гиперссылки