Записи Друзья Комментарии

HTMLka HTMLka

Аватар HTMLka

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

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

-Интересы

css html java script php web интернет сайты форумы

-Постоянные читатели

-_Silence_- Nekatury RainKage Данна-сан Ня_

-Статистика

Создан: 10.10.2007
Записей:
Комментариев:
Написано: 3

Отчеты:
Посетители
Поисковые фразы

Уроки

Всякие полезные сцылки:
Fantasy Flash

WELCOME TO THE COMMUNITY!
Гы, это сообщество посвящено созданию WEB-сайтов, WEB-документов и прочень WEB-шняги! XD
Автор этого позора - Селена_Селестра, так что все вопросы к ней, либо по асе: 447558049
Здесь будут не только уроки по тегам и прочему, но и полезные ссылки, так что Pleasing journey!
Селена Селестра

Комментарии (0)

Урок 3.

Воскресенье, 14 Октября 2007 г. 09:58 + в цитатник

RainKage (HTMLka) все записи автора Урок 3. Мета-тэги

Мета-тэги - информация для Обозревателя и поисковых машин. В HTML

документе всегда размещаются между тэгами <HEAD></HEAD>.

Большинство мета-тэгов являются не обязательными, поэтому решайте сами какие

использовать. Приведены самые полезные.

Кодировка. (обязательный мета тэг) Указав его, Обозреватель будет правильно

отображать текст страницы.

Пример использования:

Показ дополнительного файла перед основным. Вы можете использовать этот

мета-тэг для переадресации, не прибегая к навороченным скриптам.

Пример использования:

Данный пример загружает документ INDEX.HTM через 10 секунд.

Указание имени автора. Впишите свое имя или Nickname.

Пример использования:

Описание документа. Текст, который Вы укажите в этом тэге, будет

отображаться поисковиками. Длинна описания не должна превышать 200

символов.

Пример использования:

Ключевые слова для поисковиков. Укажите поисковикам, по каким словам им

осуществлять поиск информации, содержащейся на Вашей странице. Не пишите в этом

тэге одних и тех же слов. Длинна списка до 800 символов.

Пример использования:

Указание E-Mail. Содержит адрес автора сайта.

Пример использования:

Дата создания сайта. Содержит информацию о дате и времени создания сайта

(на английском языке).

Пример использования:

Можете воспользоватся моим создателем МЕТА-тэгов:

LENIN INC Meta

tegs creator v1.3

Взято с http://lenininc.narod.ru/
(Copyright ©2002 by Vladimir Drigalkin, LENIN INC, Kiev)

Комментарии (0)

Урок 2.

Суббота, 13 Октября 2007 г. 09:32 + в цитатник

RainKage (HTMLka) все записи автора Урок.2 Стили

Основное обучение я решила начать с изучения CSS ибо стили весчь важная.

CSS: Cascading Style Sheets (Таблицы каскадных стилей) – это набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходиться каждый раз описывать эти свойства. Применяя CSS, Вы можете один раз описать свойства элементов и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства стиля, описанного вами.

Вы можете сохранить описание стиля не в тексте вашей странички, а в отдельном файле – это позволит использовать описание стиля на любом количестве Web-страниц.

Описания стилей находятся в тэгах <STYLE></STYLE> и размешаются между тэгами <HEAD></HEAD>, а сами атрибуты отображаются в объединяющих скобках и разделяются ; (точкой с запятой) : {атрибут шрифта ; атрибут цвета ; атрибут размера ; и прочие атрибуты;}

Ну, например, вам нужен текст синего цвета, тогда вы пишете:

<STYLE> body { color: #blue; }</STYLE> и весь текст докумена по-умолчанию будет синим.

Если Вы распологаете стили в отдельном файле, тогда между тэгами <HEAD></HEAD> каждого HTML документа нужно добавить ссылку на CSS файл:

<LINK REL=STYLESHEET TYPE="text/css" HREF="Example.css">

В таблице приведены некоторые свойства элементов, управляемых с помощью CSS.

Свойства шрифта:
font-family	Используется для указания шрифта или шрифтового семейства, которым будет отображаться элемент. Пример: P {font-family: Verdana, sans-serif;}
font-weight	Определяет степень жирности шрифта с помощью трех параметров: lighter (обычный), bold (жирный), bolder (очень жирный) Пример: B {font-weight: bolder;}
font-size	Устанавливает размер шрифта. Параметр может указываться в процентах, пикселях или сантиметрах. Примеры использования для тэгов H1, H2, H3: H1 {font-size: 200%;} H2 {font-size: 150px;} H3 {font-size: 400pt;}
Свойства текста:
text-decoration	Устанавливает эффекты оформления шрифта, такие, как подчеркивание или зачеркивание текста Пример использования для тэга Н4: H4 {text-decoration: underline;} (подчеркивание) H4 {text-decoration: line-through;} (зачеркивание)
text-align	Определяет выравнивание элемента. Пример: P {text-align: left} (выравнивание по левому краю) P {text-align: right} (выравнивание по правому краю) P {text-align: justify} (выравнивание по ширине) P {text-align: center} (выравнивание по центру)
text-indent	Устанавливает отступ первой строки текста. Чаще всего используется для создания параграфов с табулированной первой строкой. Пример использования для тэга H1: H1 {text-indent: 60pt;}
line-height	Управляет интервалами между строками текста. Пример: P {line-height: 50 %}
Цвет элемента и фона:
color	Определяет цвет элемента I {color: yellow;} Пример использования для тэга H3: H3 {color: #0000FF;}
background-color	Устанавливает цвет фона для элемента. Пример использования для тэга H3: <H3 style=”background-color:gold; color:brown;”> Пример </H3> Пример
Свойства границ:
margin-left (слево) margin-right (справо) margin-top (сверху) margin-bottom (снизу)	Устанавливают значения отступов вокруг элемента. Пример использования для рисунка: IMG { margin-left: 20pt} IMG { margin-right: 20pt} IMG { margin-top: 20pt} IMG { margin-bottom: 20pt}
Единицы измерения:
px	Пиксели
cm	Сантиметры
mm	Миллиметры
pt или %	проценты

Комментарии (0)

Введение или Урок 1.

Пятница, 12 Октября 2007 г. 06:39 + в цитатник

RainKage (HTMLka) все записи автора Вообще создание сайта - вещь кропотливая и нудная. Особенно, если расбираться приходится самостоятельно и, вообще, вы - самоучка. Свою первую WEB-страничку я делала не одна, а в компании, чуть менее двух лет назад. Выгдяит она, как просто страничка с розовым фоном и красным тектом и просто кучей ссылок. И весит она соответственно - 3 кб. Жаль, расширение *.html не вывешивается в дневе, я бы показала... Но, впрочем, могу позже просто код показать, и вы уж сами там её сохраните XD

Вообще, я училась HTML сама, методом тыка в Dreamweaver'e 8'ом, переделывая сохранённые WEB-страницы одного форума. И, надо сказать, результат получился довольно неплохим... XD
Оригинал:there
И, собсна, что я сделалаthere

Ну, вопчем, воть каГ оно было ^__^''
хм, и,так, на заметку: основа настроек liveinternet.ru - HTML, так што вперёд X'D

ИтаГ, собсна Урок 1 - С чего начать, где писать, как писать и что писать?

Чего начать?

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

Следующее - найдите/придумайте/подберите тему. Не сайт "Про всё подряд", а про что-то своё. И плевать, если сайтов с подобной тематикой, которую вы выбрали, "чётто дохиракку". Вполне возможно, что вы владеете чем-то, чего на других сатйах нет ^_^

Я бы сказла таГ - неплохо бы разобраться, что вы уже можете, а что нет. Если создание самой простой странички, весом 1-10 кб, для вас трудностей не вызовет, это уже хорошо. А если да, то ничего страшного. Научитесь. Бил Гейтс тоже когда-то ламером был XD

И вкоце концов - выберите рекдактор, в котором работать будете. Их - чёртова тучча ^_^ Самые простые - Блокнот, Word, OpenOffice Writer или Microsoft Front Page на пару с WordPagе (ну, как он там пишется, это Вордпаг XD). Есть уже более специализированные. К примеру, тот же Dreamweaver. Я им, лично, и пользуюсь.

А чо писать-то?

Ответ логичный - код. Но этот код - штука сложная и даже, местами, непонятная...

Самое основное - кодировка, сообщающая кодировку языка (Юникод или чё-нить другое...) или тип определения документа (DTD - Documente Type Definition - он информирует клиентские браузеры о формате сожержимого)

3 главных дескриптора: html, head & title - эти три шняги обозначают воть что: html - информирует клиентские браузер о начале и окончании документа, head - с помощью "хеда" выделяется заголовок документа. В "хед" же чаще всего ставляют коды скриптов, CSS или ссылку на CSS. И, наконец, title - грубо говря, отображает заголовок документа в строке заголовка браузера. Например, когда вы открываете блог сообщества "HTMLka" - его "тайтл" - "Уроки : LiveInternet - Российский Сервис Онлайн-Дневников"

И ещё одна шняга, без которой ну никак: CSS (Она же Таблица Каскадных Стилей) - в ней помещается информация о фоновом цвете или изобаржении, шрифте, размере, цвете текста ии прочее о графике, цветовой вариации будущей WEB-страничке.

И самое главное, что надо понять: HTML-код состоит из дескрипторов, заключённых в угловые скобки (<дескриптор>)

Ну, воть пока всё, что надо знать начинаеющему WEB-строителю ^_^

Комментарии (0)

HTMLka

Среда, 10 Октября 2007 г. 15:23 + в цитатник

Сообщество, посвящённое созданию WEB-сайтов. Уроки, объяснения, ссылки....

WECLOME! and Pleasing journey! Селена Селестра

Страницы: [1] Календарь

LiveInternetLiveInternet

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

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

-Интересы

-Постоянные читатели

-Статистика

Уроки

Перейти к полной формеБыстрая запись

Урок 3.

Урок 2.

Пример

Введение или Урок 1.

HTMLka