LiveInternet Рейтинг блогов Статистика сайтов + Сервис блогов

Начать поиск
 

Legionary

59 1

О чем думаете?

 -Тэги

eurovision 2009 flash flash игры flash игры онлайн flv плеер html liveinternet mp3 opera pablo picasso youtube александр рыбак александр рыбак фото антипатии архив баллы бегущая бесплатно блоги большая браузеры вКонтакте видео вопросы вставить голосование грузить дебютный альбом дизайн для начинающих дневники евровидение евровидение 2009 жюри загрузить звезды игры изображение интернет интерфейс как как скачать виде с как сменить почту картинки картины конкурс космос лента друзей лиру логические логические игры москва мп3 музыка народ настройки настройки дневника начинающих новичкам новички обучение онлайн ответы отношения пабло пикассо первый канал пикассо планеты посты почта программа программы расширенный регистрация редактор рыбак фото рыбак фотографии самая сделать симпы скачать скачать игры смотреть создать спец-коды строка судьи теги текст уведомления уроки финал флеш фоновая фотографии фрна художники цвет цвет ссылок цвета

 -Всегда под рукой

 -Кнопки рейтинга «Яндекс.блоги»

 -Подписка по e-mail

 
Получать сообщения дневника на почту.

 -Поиск по дневнику

люди, музыка, видео, фото
Поиск сообщений в Legionary

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Дата регистрации: 16.05.2009
Записей в дневнике: 171
Комментариев в дневнике: 4419
Написано сообщений: 7267
Популярные отчеты:
кто смотрел дневник по каким фразам приходят

Начинаем изучать html

Пятница, 06 Ноября 2009 г. 06:38 (ссылка)
Процитировано 225 раз + в цитатник или сообщество +поставить ссылку
Начинаем изучать html

Как я и обещал, начнем изучать эту непонятную вещь - html. Платформу для испытаний можете создать на народе, об этом я уже писал ТуТ
Сразу оговорюсь,- писать я буду так, как мне удобнее и как считаю понятнее. Без лишней терминологии и пр. Просто, чтобы ввести вас в курс дела, как говорится :-) К лиру это особого отношения не имеет, но тоже пригодится в дальнейшем и тут:-)
Когда-то давно услышал я это непонятное "html" и побежал искать всякие разные учебники и пр. Наткнулся на уж ну совсем простой учебник... а все-равно... не все доходило с первого раза:-( Так что тут постараюсь все изложить максимально просто и доходчиво:-)

Html - это набор неких символов. Они объясняют вашему браузеру ( то, через что вы выходите в интернет) что и почем:-)
Например, что вот это слово должно показываться читателю ( т.е. вам) жирным шрифтом, а не обычным. Или что какая либо картинка должна стоять именно там-то и там-то и т.д. и т.п.

Начнем практиковаться в строительстве сайтов используя html. Положено начинать на своем личном компьютере в блокнотике... но это, на мой взгляд, не так удобно.Но об этом я тоже расскажу на всякий случай, но позже:-) Поэтому идем к себе на народ , где мы уже создали себе место под сайт. Авторизуемся ( заходим под логином и паролем) и начинаем.
С главной переходим в мастерскую:

 (282x66, 8Kb)
Далее смотрим справа:
 (288x132, 15Kb)
Жмем надпись по стрелке.
Теперь нам надо создать главную страницу нашего будущего сайта. Жмем по стрелке ( вверху справа):


 (387x71, 9Kb)
Нас спросят как мы хотим назвать эту страничку. Т.к. мы делаем главную стр. сайта, имя ей надо прописать "index". ( остальным страницам уже будем давать свои имена, а для главной надо именно так). Вставляем по стрелке слово index:
 (328x59, 5Kb)
Должно получиться так, без лишних пробелов и значков:

 (328x62, 5Kb)
После чего, жмем "ок" справа. В окне вылезут такие надписи, где жмем "вернуться к управлению файлами":
 (259x79, 10Kb)

Нас перекинет на страничку с нашими файлами. Вот этот "index.html", который мы только что создали, это тоже файл, так что он есть в списке, смотрим:
 (238x65, 5Kb)

Жмем на квадратик по этой стрелочке. Нам откроется окошко с белым полем и непонятными надписями. Вот в этом окошке мы и будем "писать" наш сайт. А точнее, пока только практиковаться на уроках в html. В дальнейшем, чтобы не повторять описание всей этой процедуры буду говорить просто - "заходим в редактор страницы". И вы должны зайти вот к этому окошку:-)

Теперь собственно к самому html.
В html используются, так называемые, "теги". Эти теги выполняют определенные функции.
Вид у них, в принципе, одинаковый,- это "символы" заключенные в треугольные скобки.
Например тег <b>
Каждый тег ( за редким исключением) должен "открываться" и закрываться". Т.е. начинать "свою работу" и заканчивать.Закрывается он вот таким символом после первой треугольной скобки, пример: </b>
Объясню на элементарном примере, зачем это:
Есть предложение - Мама мыла раму
Нам надо, чтобы слово "мыла" было написано жирным шрифтом, но только оно! Поэтому тег, отвечающий за жирное написание шрифта, мы открываем перед словом "мыла", а закрываем после:
Мама <b>мыла</b> раму

И вот что получится:
Мама мыла раму

Надеюсь принцип вы поняли:-)
Вот еще некоторые теги для форматирования текста:

<b>Текст</b> Жирный Текст
<i>Текст</i> Курсивный Текст
<sup>Текст</sup> Верхний индекс e=mc2
<sub>Текст</sub> Нижний индекс H2O
<pre>Текст</pre> Текст пишется как есть (включая все пробелы)
<em>Текст</em> Курсивный Текст
<strong>Текст</strong> Жирный Текст

Можно использовать сразу несколько тегов. Например, чтобы сделать одно и то же слово и жирным шрифтом и курсивом одновременно. Ставить и закрывать теги нужно в верной последовательности. Например открыли первый тег, открыли второй тег... закрыли второй тег, закрыли первый. А точнее:

<b><i>Текст</i></b>

Теперь испытайте это все на практике. Заходим в редактор страницы и практикуемся.
В вашем редакторе уже прописаны некоторые теги, о которых мы еще не говорили. Пока не буду описывать их значение, скажу так,- ничего не удаляем из того, что там уже есть, а практику ведем между между тегами <body> и </body>
А точнее говоря тут:
 (450x150, 15Kb)

Чтобы посмотреть что у вас получилось, в этом же окошке, слева снизу жмем кнопочку:
 (445x68, 6Kb)

Вот пока и все:-) На этом закончим наш первый урок.

Домашнее задание:
Применить к тексту несколько тегов одновременно;-)


На этом все:-) удачи:-)
Рубрики: html для начинающих
Теги:  
Обратиться Комментировать Подписаться Отписаться [+ в друзья]
К дневнику Комментарии: [Новые]
reix   2 1 обратиться по имени Пятница, 06 Ноября 2009 г. 06:43 (ссылка)
Неужели вся премудрость до меня когда-нибуть дойдёт
Спасибо, Legionary!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 06:44ссылка
Legionary 59 1
reix , со временем:-) обязательно все придет:-)) удачи:-)))
Аццкий_Аноним   обратиться по имени Re: Начинаем изучать html Пятница, 06 Ноября 2009 г. 07:10 (ссылка)
Может стоило объяснить, что html - это HyperText Markup Language («язык разметки гипертекста»)? ;) Или все и так про это знают?

LI 7.05.22
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 17:37ссылка
Аццкий_Аноним , клево) такие умные слова знаем)
Исходное сообщение Legionary

Сразу оговорюсь,- писать я буду так, как мне удобнее и как считаю понятнее. Без лишней терминологии и пр. Просто, чтобы ввести вас в курс дела, как говорится :-)
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:39ссылка
Legionary 59 1
Аццкий_Аноним , Нет, это совершенно лишняя информация:-))))))) она мало что несет за собой:-)) но я рад, что мои посты заставляют тебя учиться;-) и узнавать новые словосочетания:-)
Аццкий_Аноним   обратиться по имени Re: Начинаем изучать html Пятница, 06 Ноября 2009 г. 07:12 (ссылка)
Кстати, объянил бы сходства и различия тегов "b" и "strong", "i" и "em".

LI 7.05.22
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 17:39ссылка
Аццкий_Аноним , ну ведь мы же умные, можем погуглить и поискать.. просто, на всякий... вдруг и вправду нинаешь)
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:39ссылка
Legionary 59 1
Аццкий_Аноним , при одном условии:-) ты мне объяснишь смысл этого действия;-))
Галина60   42 0 обратиться по имени Пятница, 06 Ноября 2009 г. 07:15 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:40ссылка
Legionary 59 1
Галина60 , пожалуйста:-))
AliFerster   96 1 обратиться по имени Пятница, 06 Ноября 2009 г. 07:30 (ссылка)
имхо, к <b> и <i> лучше не приучать - даже новичков.
пусть уж лучше <strong> и <em> пишут - это хоть немного правильней.
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:41ссылка
Legionary 59 1
AliFerster , немного??? а как же тогда совсем верно? если учесть что речь именно об html?;-)))
Аццкий_Аноним   обратиться по имени Re: Ответ в Legionary; Начинаем изучать html Пятница, 06 Ноября 2009 г. 07:35 (ссылка)
Исходное сообщение AliFerster: имхо, к <b> и <i> лучше не приучать - даже новичков.

пусть уж лучше <strong> и <em> пишут - это хоть немного правильней.

Но - длиннее!!!

LI 7.05.22
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:42ссылка
Legionary 59 1
Аццкий_Аноним , учимся копировать, а не писать ручками;) объяснить как?;-))
Wella_Wella   обратиться по имени Пятница, 06 Ноября 2009 г. 08:08 (ссылка)
Спасибо!!! Всё понятно!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:43ссылка
Legionary 59 1
Wella_Wella , всегда пожалуйста:-))
Чайка_М   1 0 обратиться по имени Пятница, 06 Ноября 2009 г. 08:41 (ссылка)
Спасибо большое. Заберу себе, буду изучать
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:44ссылка
Legionary 59 1
Чайка_М , пожалуйста:-)) успехов в изучении:-))
Алла_Иванова   21 0 обратиться по имени Пятница, 06 Ноября 2009 г. 09:56 (ссылка)
Спасибо, попробую, может что-то и получиться.
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:44ссылка
Legionary 59 1
Алла_Иванова , должно получиться:-))) удачи:-))
Mariya_Medichi   19 2 обратиться по имени Пятница, 06 Ноября 2009 г. 11:56 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:45ссылка
Legionary 59 1
Mariya_Medichi , Вам спасибо:-))
Иду_по_тропиночке   22 0 обратиться по имени Пятница, 06 Ноября 2009 г. 12:39 (ссылка)
Начнём изучение)
Ответить С цитатой В цитатник
Перейти к дневнику
Леди_Муррр   110 0 обратиться по имени Пятница, 06 Ноября 2009 г. 12:53 (ссылка)
Legionary , хех))Ну что ж,надо попробовать))Урок от тебя-это всегда понятный урок))А задание мне спецом на вечер придумал?
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:45ссылка
Legionary 59 1
Леди_Муррр , ну как...зато при деле;-)))
pappesa   18 0 обратиться по имени Пятница, 06 Ноября 2009 г. 13:11 (ссылка)
Спасибо! Попробуе начать изучать.
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:46ссылка
Legionary 59 1
pappesa , всегда пожалуйста:-)) удачи:-))
Kleooa   62 0 обратиться по имени Пятница, 06 Ноября 2009 г. 15:36 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:46ссылка
Legionary 59 1
Kleooa , пожалуйста:-))
grandmother   3 0 обратиться по имени Пятница, 06 Ноября 2009 г. 16:47 (ссылка)
Спасибо. А понятно или нет можно сказать только тогда, когда применишь на практике
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:46ссылка
Legionary 59 1
grandmother , впринципе да:-)) но я очень надеюсь, что все получится:-)) удачи:-))
мелвек   13 0 обратиться по имени Пятница, 06 Ноября 2009 г. 17:14 (ссылка)
Прочитала,вроде очень всё доступно пониманию)) Но попрактикуюсь позже...Сыну надо рефераты печатать - сессия
началась,т.ч. доступ к компу у меня тепереча лимитированный.
45834575_43980589_38337656_1e5763041bbd (437x260, 60Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:48ссылка
Legionary 59 1
мелвек , :-)))))))) очееень знакомая ситуация))))) ну не переживай особо тока, лан?;-))
Inmira   обратиться по имени Пятница, 06 Ноября 2009 г. 17:35 (ссылка)
Сипасиб)))))
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:48ссылка
Legionary 59 1
Inmira , да, блин, не за что
yrokez   0 0 обратиться по имени Пятница, 06 Ноября 2009 г. 18:02 (ссылка)
Ударим пробегом,по без дорожью и компьютерной безграмотностиспасибо
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:48ссылка
Legionary 59 1
yrokez , хорошо сказано:-)))
Наталия_Поталова   2 0 обратиться по имени Пятница, 06 Ноября 2009 г. 18:28 (ссылка)
Спасибо за уроки!!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:49ссылка
Legionary 59 1
Наталия_Поталова , всегда пожалуйста:-)))
Изида_Мориа   14 0 обратиться по имени Пятница, 06 Ноября 2009 г. 19:36 (ссылка)
Спасибо,милый Лёша ))) будем стараться :-))
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 19:50ссылка
Legionary 59 1
Изида_Мориа , молодец!!!:-)))
Ират   21 0 обратиться по имени Пятница, 06 Ноября 2009 г. 19:56 (ссылка)
Ждем продолжения!
 (352x114, 2Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 20:06ссылка
Legionary 59 1
Ират , Вам спасибо:-) продолжение будет:-))
Синица_в_ботах   11 0 обратиться по имени Пятница, 06 Ноября 2009 г. 21:01 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 12:41ссылка
Legionary 59 1
Синица_в_ботах , всегда пожалуйста:-))
Как_Ухо_Рентген   1 0 обратиться по имени Суббота, 07 Ноября 2009 г. 02:24 (ссылка)
Большое спасибо автору этой темы. Как нельзя вовремя.
Только вот я что-то не понял один пример:
Текст
- один тег закрыли. А второй, который "В"? Или его не нать закрывать, этого "Б", пусть так и будет? Это как в "Царе": "... а видишь девочка одни ворота, вход, а выхода нет. А знаешь почему? Придет Иисус, войдет в Храм, а выйти не сможет, и останеться с нами навечно..." Так и тут да? Открыли и .... открыли. Или я чего-то не так понял?

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 12:45ссылка
Legionary 59 1
Как_Ухо_Рентген , ох да, точно:-) спасибо большое:-) опечатался:-)) исправил:-)) закрывать конечно надо все:-)
Как_Ухо_Рентген   1 0 обратиться по имени Суббота, 07 Ноября 2009 г. 02:26 (ссылка)
Пример "Текст"
Ответить С цитатой В цитатник
Перейти к дневнику
sophy-catherine   2 0 обратиться по имени Суббота, 07 Ноября 2009 г. 05:02 (ссылка)
Ох. Валез незаменимый Вы человек у нас! Спасибо большое! Душка!
_1_~3 (357x160, 28Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 12:46ссылка
Legionary 59 1
sophy-catherine , э.... не очень понял..но пожалуйста:-))
chernichka009   0 0 обратиться по имени Суббота, 07 Ноября 2009 г. 06:00 (ссылка)
Большое спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 12:46ссылка
Legionary 59 1
chernichka009 , всегда пожалуйста:-))
ГАЛИНА_симонова   36 0 обратиться по имени Суббота, 07 Ноября 2009 г. 06:04 (ссылка)
СПАСИБО,ПОКА НЕ ДОХОДИТ

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 12:46ссылка
Legionary 59 1
ГАЛИНА_симонова , все получится:-) я уверен:-))
Бархатная_шляпка   10 0 обратиться по имени Суббота, 07 Ноября 2009 г. 06:14 (ссылка)
Кое - какими тэгами пользуюсь , но знаний не хватает. Большое вам спасибо за толковый урок! Жду с нетерпением продолжения! Есстественно утащила себе.
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 12:47ссылка
Legionary 59 1
Бархатная_шляпка , всегда пожалуйста:-)) вещь конечно не каждому нужная, но интересная:-))удачи:-))
Sozvezdiedev   0 0 обратиться по имени Суббота, 07 Ноября 2009 г. 06:21 (ссылка)
Спасибо, беру в цитатник
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 12:48ссылка
Legionary 59 1
Sozvezdiedev , Вам спасибо:-))
 
К дневнику Комментарии:  [Новые]

Добавить комментарий:
Текст комментария: показать смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
Подписаться на комментарии
Подписать картинку

Copyright © 2002-2009 liveinternet.ru: показано количество просмотров и посетителей за 24 часа LiveInternet
Развлечения