Вторник, 13.11.2018, 04:16 | Поддержать проект
Познавательный Интернет-журнал
"Умеха - мир самоделок"
Самоделки, советы, ответы,
кулинарные рецепты и статьи.

Всегда есть, что почитать!
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
ActionTeaser.ru - тизерная реклама
Главное меню
Основные рубрики
DCR (Полный курс) [13]
Библиотека
Календарь
«  Ноябрь 2015  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
30
Архив записей
BC
GA
 
Главная » 2015 » Ноябрь » 29 » DCR - занятие четвертое, где мы освоим азы сайтостроительства, узнаем про язык HTML и напишем свою первую страницу в HTML-редакторе
DCR - занятие четвертое, где мы освоим азы сайтостроительства, узнаем про язык HTML и напишем свою первую страницу в HTML-редакторе
14:08

Дистанционный курс киберсантаРад приветствовать Вас на четвертом занятии моего курса!

Если помните, то на третьем занятии мы говорили о том, из чего, из каких источников можно (и нужно) получать доход. О том, что Заработок в Интернете складывается по многопоточному принципу, т.е. с каждой деятельности понемногу.

Относительно, конечно, но определились, с чего будем начинать зарабатывать в сети.

Узнали, что такое цифровой товар, где его можно взять, а так же узнали, что его можно сделать самим и, что это не так сложно, как может показаться на первый взгляд.

Сегодня у нас по плану HTML. Не зная азов этого простого языка текстовой разметки, Вы не сможете делать сайты или создавать электронные книги. Поэтому не очень глубоко, но коснемся этой темы и на примере попробуем создать простенький документ в стандартном приложении к MS Office - визуальном редакторе FrontPage.

Для начала, чтобы не мучить Вас долгими пересказами того, о чем и без меня было много написано, предлагаю скачать книгу-учебник по HTML из приложения к данному занятию.

Вот теперь, когда книга у Вас, начните ее читать и попробуйте выполнять те рекомендации, которые в ней приведены. Посмотрите, как все просто! Вы уже почти поняли, что такое HTML! Осталось немного, просто потренироваться.

При всем при этом, Вы и не обязаны заучивать значения всех тэгов, просто держите учебник под рукой, он иногда будет Вам нужен. А мы тем временем поразбираемся немного с FrontPage, создавать сайт в котором может даже ребенок.

Пробуем написать 1 лист в HTML-редакторе.

Для начала, запускаем сам редактор, получаем пустой белый лист. Вот с него и начнем.

Обратите внимание, что слева внизу присутствует вот такое меню с закладками. "Normal" - это то, что мы видим во время создания HTML-документа. При нажатии на закладку "HTML", мы увидим сам код, в котором волей-неволей придется научиться ориентироваться. Закладка "Preview" позволяет сделать предварительный просмотр того, что мы там натворили.

Вот, что получится, если нажать закладку "HTML": видим код. Это абсолютно "голый" документ, в нем нет пока ничего.

Давайте попробуем в нем что-то написать.

Переходим на закладку "Normal" и пишем. Все равно что, нам главное посмотреть.
 
И вот, как то же самое выглядит в коде.

Как видно из картинки, текст поместился между тэгами <body> и </body>.

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

Что же касается визуальных редакторов, то здесь все действия больше похожи на работу во всем нам привычном текстовом редакторе Word.

Давайте, к примеру, раскрасим наш текст. Если в коде нам пришлось бы прописывать тэг <color> (<font color="#CC0000">Здравствуйте!</font>), то в визуальном редакторе можно просто выделить необходимый участок текста и назначить ему цвет.

Вот, что получается в итоге.

Зайдите в закладку "HTML" и обратите внимание на тэг <title>. Это один из самых значимых тэгов для Вашего будущего сайта. Он отвечает за то, что Вы (и посетители сайта) будете видеть в самом верху броузера, на него же первым делом обращают внимание поисковые машины, при индескации страниц Вашего сайта. Поэтому на каждом листе, если темы разные, необходимо коротко и точно прописать тему листа. Итак, прописываем в коде вот такую надпись: <title>Мои первые шаги в HTML</title>, сохраняем документ и смотрим в броузере, что получилось.

Можно считать, что стартовые познания по FrontPage у Вас теперь есть. Берем небольшой тайм-аут, для того, чтобы у Вас было некоторое время на эксперименты с HTML и визуальным редактором. Открывайте редактор, открывайте учебник и посмотрите внимательно темы, которые могут Вас интересовать.

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


Домашнее задание к четвертому занятию

Поработайте в FrontPage. Вспомните, как это делается в Word-е, поменяйте цвета текста, шрифты, размер шрифтов. Побалуйтесь немного тэгами, убедитесь, что все это не так сложно на самом деле, как может показаться. Создайте несколько HTML-листов. Пусть у Вас появится чувство, что Вы это можете, пусть даже изредка прибегая к помощи учебника.


Приложения к занятию № 4:

Электронная книга Первые шаги - Учебник по хтмл

Электронная книга Изучение HTML 3.2 на примерах


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

Плавно переходим к освоению пятого занятия Курса, где и попробуем этот самый сайт создать. (Не убирайте далеко учебник по HTML! Он теперь будет нам очень часто необходим!)


Здесь Вы можете сказать автору Курса свое "спасибо":

WM-аттестация (проверить аттестат)

Внимание! Автор против копирования данного материала! © Владимир Мао

Категория: DCR (Полный курс) | Просмотров: 649 | Добавил: Mao | Теги: DCR, html, интернет, хтмл, Сайт, бизнес, коммерция | Рейтинг: 5.0/1 |
Всего комментариев: 0

Комментарии
Имя *:
Email:
Код *:

Читать еще:

Шесть дюжин полезных статей и советов


Парники, теплицы: устройство, оборудование, уход


Цветы, флористика: в доме и на клумбе


Деревья, кустарники: плодовые и декоративные


Огород: овощи, бахчевые, бобовые, зелень и приправы, грибы


Живность: животноводство, птицеводство, пчеловодство, рыбоводство


Закрома: устройство погребов, подвалов, пополнение и хранение запасов

Автор-составитель © Владимир Мао
Поиск по сайту
Сейчас читают
TL
Рассылка сайта
Подписаться на информационные рассылки сайта
AT
GA
Enter
Логин:
Пароль:
География "Умехи"
Онлайн всего: 1
Гостей: 1
Зарегистрированных: 0



Проект "Умеха - мир самоделок" существует с 2005 года и с тех пор постоянно наполняется и совершенствуется. Основная доля документов, представленных на сайте материалов, предназначена для людей хозяйственных, интересующихся ведением собственного подсобного хозяйства, строительством, ремонтом и благоустроиством собственных домов, квартир или дачных участков.

У хорошего хозяина обязателно дожна быть своя мастерская и необходимые инструменты. К сожалению, не все станки по карману рядовому домашнему мастеру, с этой целью на сайте представлена большая коллекция чертежей и описаний самодельных токарных станков по дереву и металлу, а так же других инструментов и приспособлений для домашнего мастера.

Для людей занимающихся ведением своего личного подсобного хозяйства (ЛПХ) или фермерством, большая рубрика "Свое хозяйство" для удобства поделена на несколько узкотематических разделов, среди которых отдельными пунктами выделены такие темы, как парники и теплицы, цветы и флористика, деревья и кустарники, птицеводство и животноводство, пчеловодство и рыбоводство. Много статей опубликовано по теме "Сад и Огород".

Для любителей и любительниц кухонного искусства на сайте огранизована большая кулинарная рубрика. В ней Вы всегда найдете рецепты салатов, супов, закусок, напитков и экзотических блюд по своему вкусу. С недавних пор существует так же рубрика о красоте, здоровьи, правильном питании и здоровом образе жизни (ЗОЖ) вообще.

Работа в Интернете - этот вопрос нет-нет, да интересует Интернет-пользователей. Этот пробел я по-немногу наполняю своими силами и рассчитываю на помощь в этом деле добровольных авторов. Для этого на сайте так же имеется специальное место.

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

И это далеко не все возможности сайта "Умеха - мир самоделок".

  • Копирование материалов сайта возможно при условии прямой активной ссылки на сайт Познавательный Интернет-журнал "Умеха - мир самоделок"
    и обязательным указанием автора и источника материала, кроме материалов, где в конце явно указано на запрет копирования.
  • По всем вопросам вы можете обратиться к администратору сайта через форму обратной связи


    Яндекс.Метрика Финансовые вопрсы