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

Содержание

Этапы создания: Создаем папку www в ней будем сохранять документ Откроем программу Блокнот: Пуск => Программы => Стандартные  => БлокнотНапечатаем сами нужные коды

Слайд 1Cоздаем сайт своими руками

Cоздаем сайт  своими руками

Слайд 2Этапы создания:
Создаем папку www в ней будем сохранять документ
Откроем

программу Блокнот: Пуск => Программы => Стандартные  => Блокнот
Напечатаем сами нужные коды
Этапы создания: Создаем папку www в ней будем сохранять документ Откроем программу Блокнот: Пуск => Программы =>

Слайд 3Любой сайт начинается с главной страницы и эта страница всегда называется

index и другого названия у первой страницы быть не может! Мы изучаем создание сайтов на языке HTML, поэтому и расширение у нашей первой страницы будет такое же: index.html
Любой сайт начинается с главной страницы и эта страница всегда называется index и другого названия у первой

Слайд 4Кроме главной страницы сайта есть ещё и другие страницы, их можно

называть как угодно, например: 1.html  2.html или second_page.html самое главное, чтобы названия страниц были на английском языке и по возможности без пробелов (можно использовать цифры), иначе страницы названные кириллицей (русскими буквами) работать не будут.
Кроме главной страницы сайта есть ещё и другие страницы, их можно называть как угодно, например: 1.html  2.html

Слайд 5Изображения сайта обычно хранятся в отдельной папке и чаще всего она

называется images, название папки может быть любым, например просто img. Изображения, как и страницы, должны называться только английскими буквами или цифрами, ни каких русских букв быть не должно!
Изображения сайта обычно хранятся в отдельной папке и чаще всего она называется images, название папки может быть

Слайд 6www - в этой папке будут храниться абсолютно все файлы создаваемого

сайта.
www - в этой папке будут храниться абсолютно все файлы создаваемого сайта.

Слайд 7Значения главных тегов

Значения главных  тегов

Слайд 8 - тег, который сообщает браузеру о начале HTML-страницы
и соответственно

тег
сообщает браузеру о конце HTML-страницы
- тег, который сообщает браузеру о начале HTML-страницы и соответственно тег сообщает браузеру о конце HTML-страницы

Слайд 9страница - Не правильно!
страница - Не правильно!
страница - Не правильно! страница

- Правильно!

страница - Не правильно!страница - Не правильно!страница - Не правильно! страница - Правильно!

Слайд 10 - "голова" страницы, внутри этого тега (контейнера) пишут служебную информацию

о странице, в основном эта информация предназначена для поисковиков (Яндекс, Рамблер) и она не отображается в браузере.
- "тело" страницы, внутри этого тега (контейнера) содержится информация, которая отображается на странице при открытии её в браузере.
-

Слайд 11
«Название страницы»

«Название страницы»

Слайд 12 - этот тег сообщает браузеру как называется HTML-страница, это название

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

Название сайта

- этот тег сообщает браузеру как называется HTML-страница, это название можно увидеть если открыть страницу и

Слайд 13
тег, который создаёт переход на новую строку

тег, который создаёт переход на новую строку

Слайд 14


Мой любимый сайт

Хочу все знать


Работаем вместе?


Мой любимый сайтХочу все знатьРаботаем вместе?

Слайд 15 - эта строка означает что HTML-страница имеет

кодировку windows-1251 (кириллица), если вы будете создавать сайт на английском языке, то в этой строке нужно указать кодировку windows-1252 (западноевропейская).
- эта строка означает что HTML-страница имеет кодировку windows-1251 (кириллица), если вы будете создавать сайт на

Слайд 16

Мой любимый сайт


Хочу все знать


Работаем вместе?


Мой любимый сайт Хочу все знатьРаботаем вместе?

Слайд 17
Есть ещё один тег, который создает переход на новый абзац:
абзац

Есть ещё один тег, который создает переход на новый абзац:абзац

Слайд 18Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Заголовок 6

хочу все знать

Заголовок 1Заголовок 2Заголовок 3Заголовок 4Заголовок 5Заголовок 6хочу все знать

Слайд 19Теги изменения размера шрифта
р а з

е р
Хочу все знать
Теги изменения размера шрифтар а з м е р  Хочу все знать

Слайд 20Выделить текст жирным можно парным тегом - этот тег уже

устарел, но его все ещё применяют, а вот новым тегом теперь считается аналогичный тег .
Выделить текст жирным можно парным тегом - этот тег уже устарел, но его все ещё применяют, а

Слайд 21
Работаем - тег центра

Работаем - тег центра

Слайд 22Атрибуты bgcolor и text обеспечивают установку цвета фона и текста WEB-страницы


Атрибуты bgcolor и text обеспечивают установку цвета фона и текста WEB-страницы

Слайд 23Красный текст сам текст меняет цвет


- меняем

цвет страницы
Красный текст  сам текст меняет цвет - меняем цвет страницы

Слайд 24
вставка заднего фона с помощью картинки

картинки

на фон

вставка заднего фона с помощью картинки картинки на фон

Слайд 26

Мой любимый сайт


Хочу все знать


Работаем

вместе?


А лучше сами





Мой любимый сайт Хочу все знатьРаботаем вместе? А лучше сами

Слайд 28
Для замены виде фона применяем

Для замены виде фона применяем

Слайд 29Существует три основных вида списков в HTML-документе:
нумерованный
ненумерованный
список описаний


Существует три основных вида списков в HTML-документе:  нумерованный ненумерованный список описаний

Слайд 30Нумерованные списки
Пронумерованный список начинается стартовым тэгом и завершается тэгом

. Каждый элемент списка начинается с тэга
  • .


    1. Программирование
    2. Алгоритмизация
    3. Проектирование

  • Нумерованные списки Пронумерованный список начинается стартовым тэгом и завершается тэгом . Каждый элемент списка начинается с тэга

    Слайд 31Тэг может иметь параметры:

    ,
    где TYPE –

    вид счетчика
    A - большие латинские буквы (A,B,C...)
    a - маленькие латинские буквы (a,b,c...)
    I - большие римские цифры (I,II,III...)
    i - маленькие римские цифры (i,ii,iii...)
    1 - обычные цифры (1,2,3...)
    START=n – число, с которого начинается отсчет
    Тэг может иметь параметры: ,где TYPE – вид счетчика A - большие латинские буквы (A,B,C...) a -

    Слайд 32 Программирование
    Алгоритмизация
    Проектирование


    Программирование


  • Алгоритмизация
  • Проектирование

  • Программирование Алгоритмизация Проектирование  Программирование Алгоритмизация Проектирование

    Слайд 33Ненумерованные списки.
    Маркированный список начинается стартовым тэгом и завершается тэгом

    .


    • Программирование
    • Алгоритмизация
    • Проектирование

    Ненумерованные списки. Маркированный список начинается стартовым тэгом и завершается тэгом .  Программирование Алгоритмизация Проектирование

    Слайд 34
    Тэг может иметь параметр:

    Тип тэга определяет

    внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square).
    Тэг может иметь параметр: Тип тэга определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle)

    Слайд 35Программирование
    Алгоритмизация
    Проектирование


    Программирование
    Алгоритмизация
    Проектирование



    Программирование Алгоритмизация Проектирование  Программирование Алгоритмизация Проектирование

    Слайд 36список описаний
    Вложенные или многоуровневые списки могут представлять собой комбинации нумерованных и

    ненумерованных списков
    список описанийВложенные или многоуровневые списки могут представлять собой комбинации нумерованных и ненумерованных списков

    Что такое shareslide.ru?

    Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


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

    Яндекс.Метрика

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

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