Создание WEB страниц легко!

Автор Andrei Golubev
Создание WEB страниц   легко!

Здравствуйте дорогие друзья.

С вами. Татьяна Иванова все серии компьютерный ликбез и сегодня начинаем новый курс который называется создание web-страниц легко род первое первое, что нам нужно с вами устроить — это то, что HTML не является языком программирования он предназначен для форматирования текста. Ну, что ж.

Давайте разберем структуру HTML документа 1С html документ есть как и у нас с вами голова тело в голове документов служебная информация в том числе название нашей странице, но заметьте — это не название статьи которая будет размещена на страничке, а название странички.

Я уже документа содержит текст картинки фото то есть всё, что мы хотим сказать или показать. Миру Какие инструменты нам понадобятся для создания web-страницы. Ну во-первых — это браузер любой браузер который установлен на вашем компьютере подойдёт для этой цели у меня установлен Mozilla Firefox. Поэтому я буду демонстрировать. Вам урок именно в этом браузере и второе, что нам необходимо — это вы можете использовать любой блокнот который имеется у вас на компьютере. Если вы ни разу ещё не пользовались блокнотом, что вы можете найти его пройдя вот. Такой путь нажимаете кнопочку пуск все программы стандартные выбираете блокнот чтобы нам не растерять все наши картинки и записи которые мы будем использовать при создании нашей страничке создадим папку на диске D. Вот видишь здесь у меня уже созданная папка. Я назвала её. Мой первый сайт. Вы можете назвать как вам нравится, но так как я буду всё время обращаться к этой. Папке то лучше для того чтобы вам легче было обучение. Назовите точно также как и я назвала. Мой первый сайт. Итак начнем. Если Вы повторите за мной все шаги то уже сегодня вы сможете создать свою первую страничку любой html документ открывается тегам HTML. Это самый первый трек который изображён здесь у меня на странице блокнота и подчеркнут красным цветом, что же такое тик-так — это оформленная информация о документе о тексте или картинки заключённые в статье для которых используются знаки меньше и больше первой строке вот я уже сказала вы видите Tag HTML существует парные и непарные теги менялись подчёркнуто одинаковым цветом далеко не все существующие теги. Но те которые имеются на этой странице они подчёркнуты одинаковым цветом бывают открываю и закрываю они отличаются между собой только тем, что у закрывающего тега есть вот такая косая палочка которая называется флеш также есть непарные теги. Это здесь для примера выделен Tag BR я вот в угол прямоугольника выделила чтобы вам было хорошо видно — это так означает переход на другую строчку с помощью этого тега можно задать расстояние между строчками — это вот как если бы вы нажали на клавишу Enter и ваш текст перешёл строчку. Вот для этого же используется вот этот трек после тега HTML идёт Tag Head чтобы голова означает голову нашего документа в нашем случае в голове расположена название этой странице чтобы задать название вводим текст пишем моя первая страничка и вводим закрывающий тег текст подчеркнут жёлтым цветом вам здесь — это хорошо видно и. Как видите Tag title имеет и парный закрывающие — это обязательно теперь надо закрыть голову мы будем закрывающий тег Head такси подчёркнуто синим. Синенькая палочкой вам тоже — это хорошо видно — это тоже парный так он закрыл как открывающий и закрывающий с косой линией теперь. Мы открываем тело документа здесь будет находиться всё то, что мы хотим рассказать нашим читателям тело документа открывается ты gambody — это слово переводится как тело. Далее для примера я взяла текст школа. Сергея Медведева интернет для новичков добро и разделила эти две строчки BR. Вы можете тоже самое. И потом мы посмотрим, что у нас получилось. Теперь мы введём закрывающий тег Body Flash и html5 закрывающий тег. Всё теперь. Давайте сохраним. Этот документ нажимаем левой кнопкой мышки на окно выпадающем меню выбираем сохранить как в открывшемся. Как выглядит изображена выбираем мой компьютер затем диск D и здесь находим папочку которую мы с вами создали. Мой первый сайт внизу я выделила красным прямоугольником вводим имя документа я назвала его School кстати желательно всегда писать название документа латинскими буквами. И заметьте, что здесь обозначена расширение документа HTML — это нужно обязательно именно так записать потом вы поймете. Почему нажимаем сохранить и вот наш документ сохранён его можно просматривать в браузере. Как в документ именно потому, что мы там дописали HTML. Именно поэтому он сохранился в таком виде. Именно поэтому теперь можно просматривать. Этот документ в браузере. Как в документ. Давайте посмотрим как — это будет дважды щелкаем левой кнопки мышки на этом значки и вот наша страничка. Ура у нас всё получилось дорогие друзья начало есть следующем уроке я расскажу вам как украсить. Наш текст цветовой до встречи на втором уроке.

0 комментариев
0

Читайте также