Мобильный LiveInternet

HTML - язык гиперразметки 17-08-2015 10:32

Это цитата сообщения FlashStudio Оригинальное сообщение

HTML - язык гиперразметки

Вся информация о структуре web страницы записана кодами языка html, которые заключают между угловыми скобками <>, эти коды называются тэгами (tags), например, тэг <body>.

Подавляющее большинство тэгов являются парными, например <body></body>.
Тэг <body> открывает правило элемента body, а тэг </body> закрывает правило элемента body. Каждый тэг должен быть закрыт, после его открытия, иначе возникнут проблем с отображением Вашей веб страницы.
В тэгах, которые закрывают правило, добавляется знак слэш (/) в начале тэга.
Между парными тэгами находиться правило элемента этих тэгов. На примере кода нашего файла basic.htm, который мы создали, видно, что между парой тэгов <head></head> находиться правило элемента head:

<head>
<title>Документ без имени</title>
<meta http-equiv="Тип-содержимое" content="text/html; 
charset=windows-1251">
</head>

Обратите внимание, что между тэгами <head></head> находится пара тэгов <title></title>, между которыми находится имя документа.
Кроме того, между тэгами <head></head> находиться еще один непарный тэг:

<meta http-equiv="Тип-содержимое" content="text/html; 
charset=windows-1251">

В этом непарном тэге находятся правила, определяющие тип и кодировку web страницы (в нашем случае это html и windows-1251 соответственно).
Раз уж мы упомянули тэги <title></title> давайте сразу впишем между ними имя нашего сайта.
После создания веб страницы между парой тэгов <title></title> по умолчанию находиться текст: Документ без имени. Выглядит это следующим образом:

<title>Документ без имени</title>

Действуем также как и в Worde, в кодовом режиме убираем текст Документ без имени между тэгами <title></title> используя клавишу Backspace клавиатуры Вашего компьютера, она обозначается как стрелка налево.
Ставим курсор между тэгами <title></title> и набираем на клавиатуре компьютера имя сайта, например:

<title>Мой первый сайт</title>

Сайт может называться как угодно, например: «Я и моя коллекция тропических бабочек».

комментарии: 0 понравилось! вверх^ к полной версии

Как создать сайт на основе шаблона 17-08-2015 10:31

Это цитата сообщения FlashStudio Оригинальное сообщение

Как создать сайт на основе шаблона

Скачайте выбранный шаблон.
Извлеките папку с шаблоном из архива.
Файл index.html будет являться главной страницей сайта (ГЛАВНАЯ).
Определитесь, какие html-страницы будут на Вашем сайте.
На основе файла index.html создайте Ваши страницы, копируя файл index.html и переименовывая его согласно создаваемым страницам (например, contact, faq, about и т. д.).

Разместите созданные файлы страниц в ту же самую папку, в которой находится файл index.html
С помощью меню: горизонтального, вертикального и если имеется – меню внизу страниц (над футером) соедините гиперссылками страницы сайта и напишите названия кнопок меню (названия страниц сайта).
При этом обратите внимание на расширение страниц: info.html и info.htm – это страницы с разным расширением, ссылка на страницу, которая будет называться, например, НОВОСТИ (файл может быть назван news) может являться файлом news.htm, но записанный в тэгах как news.html не откроется.

В графическом редакторе создайте баннер для своего сайта, с такими же размерами, как и баннер шаблона.
Замените баннер шаблона на свой баннер, дав ему такое же название - banner, при этом расширение файла Вашего баннера, должно быть такое - же, как и баннера шаблона (JPEG или GIF), иначе вам придется производить изменения в файле стилей .css
Разместите графические файлы, которыми вы хотите оформить и заполнить ваши страницы в папку images.
Создайте тексты для размещения на страницах сайта в текстовом редакторе, например в Word, Вы потом будете просто копировать фрагменты текста и вставлять его на страницы сайта в соответствующие теги.
Начинайте заполнять страницы сайта текстовой и графической информацией, вставляя:
- заголовки между тэгами: <h1-6>Текст заголовка (h1, h2, h3, h4, h5 или h6)</h1-6>
- тексты абзацев между тегами: <p>Текст абзаца</p>
- тексты списков между тегами: <ul><li>Текст пункта списка</li></ul>
- изображения в теги: <img src="Ссылка на изображение">
- ссылки в теги: <a href="Адрес ссылки">Текст ссылки</a> и т. д.
Таким образом, заполняйте страницу за страницей.
После того, как страницы сайта будут заполнены контентом (текстовой и графической информацией) протестируйте меню сайта и все гиперссылки – все должно открываться, исправьте все ошибки.

Определитесь с хостингом, на котором Вы будите размещать свой сайт в сети Интернет – это может быть как платный, так и бесплатный хостинг.
Выберите доменное имя для своего сайта, например, www.my_site.ru, если домен занят, подберите свободный домен.

Пропишите во всех ссылках абсолютный адрес до файлов страниц сайта с учетом доменного имени сайта. Допустим, есть страница КОНТАКТ (файл может быть, например, contact.html), и у Вас, например, домен www.my_site.ru, тогда все ссылки, которые ведут на страницу КОНТАКТ, в данном случае должны выглядеть следующим образом: http://www. my_site.ru/contact.html
При этом нужно помнить, что файл главной страницы сайта (страница ГЛАВНАЯ) должен всегда называться index
В зависимости от выбранного Вами расширения он может быть: index.html, index.htm и пр.
Но абсолютный адрес до файла главной страницы любого сайта будет выглядеть следующим образом: www.имя_домена.ru или http://www.имя_домена.ru, в примере, который рассматривался выше, абсолютный адрес до главной страницы сайта будет: http://www. my_site.ru
Если планируете разместить сайт на платном хостинге, оплатите выбранное доменное имя и услуги размещения сайта на выбранном хостинге.

И, наконец, выгрузите файлы сайта по протоколу FTP на выбранный хостинг.
Если вы ничего не перепутали и все правильно заполнили, если деньги, которые Вы перевели хостингу, наконец, дошли и, в конце, концов, зачислены в бухгалтерию хостинга...
Наберите в строке вашего браузера Ваше доменное имя (в нашем примере это http://www. my_site.ru), и нажмите клавишу Enter на клавиатуре Вашего компьютера...
В Вашем браузере, на экране Вашего компьютера откроется Ваш сайт.
Вы его видите его - он в сети Интернет!

комментарии: 0 понравилось! вверх^ к полной версии

"НИКТО, КРОМЕ НАС" - НОВЫЙ КЛИП О. ГАЗМАНОВА. С ДНЕМ ВДВ! 02-08-2015 22:19

Это цитата сообщения Таня_Львова Оригинальное сообщение

"НИКТО, КРОМЕ НАС" - НОВЫЙ КЛИП О. ГАЗМАНОВА. С ДНЕМ ВДВ!

"НИКТО, КРОМЕ НАС" - НОВЫЙ КЛИП
О. ГАЗМАНОВА. С ДНЕМ ВДВ!

Олег Газманов подарил десантникам клип на песню "Никто, кроме нас!".
Песня Олега Газманова "Никто, кроме нас!" 2 августа традиционно будет звучать по всей стране. В 85-ю годовщину создания ВДВ выйдет новый видео клип, посвященный представителям этой особой воинской службы - десантникам. Навеки в нашем сердце десантные войска, мы, засыпая, видим синеву! Уже через несколько дней для всех, кто верит в Россию также, как Олег Газманов!

Над клипом работали:

Режиссер: Олеся Алейникова
Операторы: Екатерина Орловская, Евгений Козлов
Монтаж: Екатерина Орловская
Продюсер: Филипп Росса

Олег Михайлович Газманов

Певец, композитор, поэт. Народный артист России, кавалер ордена почёта России, 15-кратный лауреат фестиваля «Песня года», 7 - кратный обладатель национальной премии «Овация», лауреат одного из наиболее авторитетных международных фестивалей "The World Music Awards", Посол доброй воли детского фонда «ЮНИСЕФ» в России.

Награжден рядом престижных общественных наград, в том числе: лауреат премии МВД России, лауреат премии города Москвы и многих других фестивалей, наград и премий. 9 мая 1998 года на Площади звезд у входа в ГЦКЗ «Россия» была заложена именная Звезда Олега Газманова.
Является членом Союза писателей Москвы, общественного Совета министерства обороны Российской Федерации, общественного Совета министерства внутренних дел Российской Федерации.

Спасибо за Ваш визит и комментарии!

[600x17]
Таня Львова

комментарии: 0 понравилось! вверх^ к полной версии

Встречайте Unchecky! Долой потенциально нежелательные программы. 31-07-2015 01:04

Это цитата сообщения Лариса_Гурьянова Оригинальное сообщение

Встречайте Unchecky! Долой потенциально нежелательные программы.

Надоело снимать галочки с нежелательными предложениями во время установки программ?

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

Когда-нибудь пропускали галочку и потом часами удаляли нежелательное программное обеспечение?

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

Unchecky поможет оградить ваш компьютер от потенциально нежелательных программ.

СКАЧАТЬ

Встречайте Unchecky!

Долой потенциально нежелательные программы

[показать]

Снимает галочки за вас

Unchecky автоматически снимает галочки дополнительных программ, экономя ваше время и делая менее вероятным случайную установку нежелательных программ

[показать]

Предупреждает

Установщики часто пытаются встроить установку дополнительных программ как естественную часть процесса установки.

Unchecky предупреждает вас, когда вы пытаетесь согласиться на установку потенциально нежелательных программ, что делает их случайную установку менее вероятной.

Updates automatically

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

текстуры,заготовки для коллажей рамок 28-07-2015 13:54

Это цитата сообщения Arnusha Оригинальное сообщение

текстуры,заготовки для коллажей рамок

ДАЛЕЕ

комментарии: 0 понравилось! вверх^ к полной версии

текстуры,фоны 28-07-2015 13:50

Это цитата сообщения Arnusha Оригинальное сообщение

текстуры,фоны

ДАЛЕЕ

комментарии: 0 понравилось! вверх^ к полной версии

Из фотографии рисунок карандашом за 3 шага 15-06-2015 07:19

Это цитата сообщения Лариса_Гурьянова Оригинальное сообщение

Из фотографии рисунок карандашом за 3 шага

[показать]

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОПЕРАМ

Из фотографии рисунок карандашом за 3 шага

Мои работы по уроку

[300x279]

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

Веселого всем Хэллоуина! Красивейшая анимация и открытки Halloween (все с кодами) 31-05-2015 07:28

Это цитата сообщения Оленька_Коваленко Оригинальное сообщение

Веселого всем Хэллоуина! Красивейшая анимация и открытки Halloween (все с кодами)

[показать]
<a target="_blank" href="http://www.lady-of-rain.ru/"><img src="http://img-fotki.yandex.ru/get/9165/102699435.9e0/0_b9db0_d0750c0c_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/9165/102699435.9e0/0_b9db0_d0750c0c_XL.gif" target=_blank border="0">[показать]</a></a>

[показать]	[показать]
<img src="http://img-fotki.yandex.ru/get/4901/102699435.9e1/0_b9dbc_7ee30c0c_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/4901/102699435.9e1/0_b9dbc_7ee30c0c_XL.gif" target=_blank border="0">[показать]</a>	<img src="http://img-fotki.yandex.ru/get/9505/102699435.9e1/0_b9dbd_e0483041_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/9505/102699435.9e1/0_b9dbd_e0483041_XL.gif" target=_blank border="0">[показать]</a>

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

А ты храбрая девочка, Ваше высочество 28-05-2015 08:21

Это цитата сообщения Tatjanuschka Оригинальное сообщение

А ты храбрая девочка, Ваше высочество

[490x669]
Девочка, с чего ты вдруг решила,
что сумеешь приручить лесного зверя?
"Волк меняет шерсть, а не натуру",
Даже любит – сам себе не веря.
Даже если даст надеть ошейник,
поддаваясь ласковой истоме,
И положит морду на колени,
Вскоре затоскует вновь о доме.
Там в лесу щебечут малы птицы,
и свобода пахнет мятной стужей,
Молодая ждет его волчица,
Добрый человек ему не нужен.
Хватит, девочка, надеяться на ласку,
Волку поводок изрежет душу.
В жизни не бывает так, как в сказке,
и она мечты твои разрушит.
Он уйдет и вскоре все забудет,
Но возьмет частичку доброты,
Под луною песней затоскует,
Вдруг увидев в ней твои черты

© Copyright: Падший Ангел 8, 2012
Свидетельство о публикации №112051805290

********

А ты храбрая девочка, Ваше высочество,
Знаешь – я за спиной, и ничуть не растеряна…
Что ты делаешь здесь, в моём Волчьем урочище,
Где туманом обратная тропка застелена?
Не дрожишь как осинка, как лань осторожная,
Не пытаешься скрыться, следы свои путая…
Обречённое счастье моё невозможное,
Ну, зачем ты решилась придти сюда, глупая!
Там, за этим туманом – весна и цветение,
Соловьиный закат и иваны-царевичи,
Почему же ты выбрала невозвращение,
Распустив для меня две косы свои девичьи?
[350x224]
Здесь стволы у деревьев безжизненно-мшистые,
Даже ветер пугается карканья строгого,
Здесь колючие ели и вязы плечистые
Сторожат моё, Богом забытое, логово.
Знаешь, сколько прошло через эти объятия?
Сладко таяло сердце, согретое чарами…
Но на всех волкодлаках любовь, как заклятие –
Сколько нас ни люби, остаёмся волчарами.
Вот поэтому лес мой – не место свидания,
Сотню раз ты ещё в безрассудстве раскаешься!
Не разлука страшна, а… РАЗОЧАРОВАНИЕ.
Так чего ж ты молчишь...? почему улыбаешься?!
Но смыкаются губы под пальцами женщины,
Я послушен тебе как ручное чудовище…

- Ты забыл…, мы друг другу по-жизни обещаны.
Просто ты лишь моё дорогое сокровище!

©Сказоч-Ник (Юрий Егоров)

PS. Есть ли на Земле предназначение людей друг другу? Думаю,что есть.
[250x83]

комментарии: 0 понравилось! вверх^ к полной версии

Делаем кликабельные кнопочки на Рубрики в Дневнике 21-05-2015 17:50

Это цитата сообщения _Lyubasha_K_ Оригинальное сообщение

Делаем кликабельные кнопочки на Рубрики в Дневнике

[показать]
Здравствуйте...

[показать]

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

Делать такие кнопочки лучше тем, у кого не так много Рубрик и если нет подрубрик. Если Рубрик много, то лучше оставить всё как есть, компактнее смотрится удобнее для читателей.

урок провела
Любаша К

комментарии: 0 понравилось! вверх^ к полной версии

Список уроков.Как ОФОРМИТЬ ДНЕВНИК. 19-05-2015 07:24

Это цитата сообщения SvetlanaT Оригинальное сообщение

Список уроков.Как ОФОРМИТЬ ДНЕВНИК.

Здесь я собрала всё самое Основное,
И НЕОБХОДИМОЕ,в одном месте-
что вам может понадобиться...
Для ОФОРМЛЕНИЯ своего дневничка.
И как сделать его красивым и интересным.
Выбирайте,что вам нужно и нажимайте О,КЕЙ.

Читать далее...

комментарии: 0 понравилось! вверх^ к полной версии

Давайте скажем НЕТ ВОЙНЕ! 18-05-2015 23:45

Это цитата сообщения Elena_Luzan Оригинальное сообщение

Давайте скажем НЕТ ВОЙНЕ!

комментарии: 0 понравилось! вверх^ к полной версии

Создать Gif-картинку из видео с YouTube 18-05-2015 23:08

Это цитата сообщения bloginja Оригинальное сообщение

Создать Gif-картинку из видео с YouTube

[71x]

[показать]

[показать]

Как создать Gif-картинку из любого видео с YouTube

Есть пара вариантов, как это сделать:

1. Зайти на сайт http://www.gifyoutube.com/ и вставить ссылку на видео с YouTube. Нажать «Create gif»

[529x230]
и делать так, как написано ниже.
↓

2. Этот вариант я опишу подробно.
Читать дальше...

bloginja

[показать]

Серия сообщений "Онлайн":

Часть 1 - Мультимедийные приложения онлайн
Часть 2 - Визуальный "Редактор HTML кода"
...
Часть 12 - Создать флеш-шоу из фото. Онлайн
Часть 13 - Создать устойчивый пароль
Часть 14 - Создать Gif-картинку из видео с YouTube
Часть 15 - На сколько лет вы выглядите?

комментарии: 0 понравилось! вверх^ к полной версии

Флеш от Лоры...НЕВЕСТА 18-05-2015 22:58

Это цитата сообщения iro4kan Оригинальное сообщение

Флеш от Лоры...НЕВЕСТА

комментарии: 0 понравилось! вверх^ к полной версии

Огненный текст без фотошопа 18-05-2015 18:45

Это цитата сообщения Егорова_Таня Оригинальное сообщение

Огненный текст без фотошопа

Огненный текст
без фотошопа

Сегодня я расскажу, как сделать эффект огня на буквах. Это очень легко. Выбираете нужное "пламя" в рамке ниже. Копируете код из окошечка и вставляете вместо моих слов "Здесь будет Ваш текст" свой текст. Если захотите оформить таким огненным текстом стихи, то оставляйте между строк расстояние. Лучше всего такой текст смотрится на темных фонах. На светлом яркость теряется.

ТЕКСТ 1

<div style="font-size: 20px;color:#000000;font-family: Verdana;text-shadow: rgb(255, 255, 0) 0px -1px 2px, rgb(255, 204, 0) -1px -3px 3px, rgb(255, 153, 0) -1px -5px 4px, rgb(255, 102, 0) -1px -7px 5px, rgb(255, 51, 0) 0px -9px 6px, rgb(255, 0, 0) 4px -11px 7px; ">Здесь будет Ваш текст</div>

ТЕКСТ 3

<div style="font-size: 20px;color: #fff799; font-family: Verdana; margin: 10px auto; padding: 70px 0pt 0pt; text-shadow: 0pt 0pt 10px rgb(254, 252, 201), 5px -5px 15px rgb(255, 255, 0), -10px -10px 20px rgb(255, 174, 52), 10px -20px 25px rgb(236, 118, 12), -10px -30px 30px rgb(205, 70, 6), 0pt -40px 35px rgb(151, 55, 22), 5px -45px 40px rgb(69, 27, 14); text-transform: uppercase;">Здесь будет Ваш текст</div>

ТЕКСТ 2

<div style="font-size: 20px;color:#3f2305;font-family: Verdana;text-shadow: rgb(255, 255, 0) 0px -2px 4px, rgb(255, 204, 0) -2px -6px 6px, rgb(255, 153, 0) -2px -10px 8px, rgb(255, 102, 0) -2px -14px 10px, rgb(255, 51, 0) 0px -18px 12px, rgb(255, 0, 0) 2px -22px 14px; ">Здесь будет Ваш текст</div>

ТЕКСТ 4

<div style="font-size: 20px;color: #ffcc66; font-family: Verdana; margin: 10px auto; padding: 70px 0pt 0pt; text-shadow: 0pt 0pt 20px rgb(254, 252, 201), 10px -10px 30px rgb(254, 236, 133), -20px -20px 40px rgb(255, 174, 52), 20px -40px 50px rgb(236, 118, 12), -20px -60px 60px rgb(205, 70, 6), 0pt -80px 70px rgb(151, 55, 22), 10px -90px 80px rgb(69, 27, 14); text-transform: uppercase;">Здесь будет Ваш текст</div>

Из блога Егоровой Татьяны

На фото ниже выделены параметры, которые можно менять в коде.

[700x133]

Удачи!

еще разные уроки

комментарии: 0 понравилось! вверх^ к полной версии

Онлайн генератор HTML кодов для вставки SWF 18-05-2015 18:40

Это цитата сообщения здесь_нет_никого Оригинальное сообщение

Онлайн генератор HTML кодов для вставки SWF

Вставляем URL флешки в окошко-"Путь к SWF ", указываем ширину и высоту и нажимаем генерировать,копируем полученный код и вставляем в дневник, или на сайт (uCoz)

комментарии: 0 понравилось! вверх^ к полной версии

пейзажи png 18-05-2015 18:15

Это цитата сообщения Arnusha Оригинальное сообщение

пейзажи png

===>

комментарии: 0 понравилось! вверх^ к полной версии

Как сделать бегущий текст 18-05-2015 15:21

Это цитата сообщения Иван_Победоносов Оригинальное сообщение

Как сделать бегущий текст

КАК СДЕЛАТЬ БЕГУЩИЙ ТЕКСТ

Дорогие читатели представляю вашему вниманию html коды позволяющие сделать движущийся текст. Здесь представлены различные команды: движение текста с лево на право, с право на лево, с маленькой и большой скоростью, вверх и вниз и даже в рамочку. Бегущий текст можно использовать по разному. К примеру хотите вы привлечь внимание читателей к определённой информации, сделайте её в виде бегущего текста и вашу информацию обязательно прочтут.

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

1. Движение текста с права на лево

Ваш текст

Код для вставки:

2. Движение текста с права на лево, медленная скорость

Ваш текст

Код для вставки:

Если хотите скорость побыстрее, поставьте вместо числа 3 другое, например 10 или 25.

3. Движение текста с лево на право

Ваш текст

Код для вставки:

Далее >>>

комментарии: 0 понравилось! вверх^ к полной версии

Лучший музыкальный портал muz-play 18-05-2015 15:17

Это цитата сообщения Шадрина_Галина Оригинальное сообщение

Лучший музыкальный портал muz-play

[458x122]
Хочу познакомить вас с замечательным музыкальным порталом muz-play.net, где вы найдете много хорошей музыки, и не только.

[458x122]

Серия сообщений "Музыка":

Часть 1 - Коллекция песен, оставшихся нам от Советской эпохи.
Часть 2 - Самые известные новогодние песенки на сайте Музыкальная МАЛЫШКА
...
Часть 10 - Сайт для прослушивания и скачивания хитов 80-х и не только..
Часть 11 - Звучат песни военных лет.
Часть 12 - Лучший музыкальный портал muz-play

комментарии: 0 понравилось! вверх^ к полной версии

ПОМОЩНИК ДЛЯ МНОГИХ 18-05-2015 15:01

Это цитата сообщения Иришка-Манюшка Оригинальное сообщение

"Lenagold" - ПОМОЩНИК ДЛЯ МНОГИХ!

[показать]
Всем - привет!
Многим из нас хорошо известен сайт с огромным
количеством графических изображений.
Кто подзабыл, напоминаю.
[показать]

[показать]

[показать]
[показать]
[показать]
[показать]

[показать]

комментарии: 0 понравилось! вверх^ к полной версии