Создание Web-сайта - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Содержание ▲

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

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

Слайд 1

Описание слайда:

Создание Web-сайта

Слайд 2

Описание слайда:

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

Слайд 3

Описание слайда:

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

Слайд 4

Описание слайда:

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

Слайд 5

Описание слайда:

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

Слайд 6

Описание слайда:

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

Слайд 7

Описание слайда:

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

Слайд 8

Описание слайда:

Тэг FONT Задает параметры форматирования любого фрагмента текста. Атрибут FACE задает тип шрифта (FACE=“Arial”) SIZE – размер (SIZE=10) COLOR – цвет (COLOR=“blue”) - Для отделения заголовка от остального содержания страницы горизонтальной линией используется тэг Задать синий цвет заголовка: Все о компьютерах

Слайд 9

Описание слайда:

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

Слайд 10

Описание слайда:

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

Слайд 11

Описание слайда:

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

Слайд 12

Описание слайда:

Вставка рисунка Форматы .GIF, .JPG, .PNG. Тэг с атрибутом SRC, который указывает место хранения файла (путь к файлу). Расположение рисунка относительно текста –атрибут ALIGN: TOP MIDDLE BOTTON LEFT RIGHT Вставить рисунок в контейнер перед абзацем текста.

Слайд 13

Описание слайда:

Вставка рисунка Или

Слайд 14

Описание слайда:

Создание других страниц сайта Заголовок страницы Создайте страницы: Сохраните их в файлах с названиями: Программы software.html Словарь glossary.html Комплектующие hardware.html Анкета anketa.html :

Слайд 15

Описание слайда:

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

Слайд 16

Описание слайда:

Гиперссылки

Слайд 17

Описание слайда:

Адрес электронной почты вставляется так: Полезно на странице помещать ссылку на адрес электронной почты, по которому посетители могут связаться с администрацией сайта. E-mail: mailbox@provaider.ru По щелчку мыши по ссылке на адрес электронной почты будет открываться программа Outlook Express, где в строке Кому будет указан заданный в ссылке адрес

Слайд 18

Описание слайда:

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

Слайд 19

Описание слайда:

Создание списка маркированного Создадим теперь вложенный маркированный список для одного из элементов основного списка. Список располагается внутри контейнера , а каждый элемент списка определяется также тэгом . С помощью атрибута TYPE тэга можно задать вид маркера списка: “disc” (диск), “Square” (квадрат), “circle” (окружность). Добавить HTML-код, задающий вложенный список для элемента Прикладные программы.

Слайд 20

Описание слайда:

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

Слайд 21

Описание слайда:

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

Слайд 22

Описание слайда:

Словарь компьютерных терминов: Контейнер списка определений , Внутри него термин – тэг определение - Процессор Центральный процессор, производящий вычисления в двоичном коде. Оперативная память Устройство, в котором хранятся программы и данные

Слайд 23

Описание слайда:

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

Слайд 24

Описание слайда:

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

Теги Создание сайта

Похожие презентации