Отправляет email-рассылки с помощью сервиса Sendsay

Создание собственного сайта от А до Я.

Рассылка закрыта

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

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Октябрь 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Студия Мастера Монтажа

Статистика

2.025 подписчиков
0 за неделю
←   Все выпуски   →

Создание собственного сайта от А до Я. 2 урок. Параметры тэга


Информационный Канал Subscribe.Ru

2 урок - Параметры тэга <BODY>. Организация ссылок.

Число подписчиков растет. Радует, что уже после первого выпуска, есть хорошие отзывы по рассылке.
Рассылка будет выходить 2 раза в неделю. Думаю так вы, не успеете забыть материал предыдущего урока, а также успеете освоить уже полученный.
Уже вышедшие уроки, можно прочесть по этой ссылке. Если вы по какой-либо причине пропустили прошлый выпуск, рекомендую перед чтением этого урока, пройти первый урок.
Так же в конце рассылки, будет новый раздел - письма читателей. Ответы, на ваши вопросы, присылаемые на softsmm@mail.ru.
Web Coder, именно на нее ориентируясь, будут написаны уроки. Поэтому все кто желает понять и свободно владеть HTML , качаем по этой ссылке (600 кб).
Читая прошлый урок, вы поняли, что HTML - это не язык программирования, а язык разметки документа. В сегодняшнем уроке мы разберем основные тэги форматирования текста, а также дополнительных параметров тэга <BODY>.
Параметры тэга <BODY>.
Сразу поясню расширять параметры тэга <BODY> не обязательно. Хотя в большинстве случаев позволит избежать прописывания, части тэгов в основной части вашей страницы. Думаю, вы запомнили, что тэг <BODY> указывает браузеру, на то тело документа, которая отражается в окне браузера.
<body background="image.gif" alink="#0000ff" link="#0000a0" bgcolor="#c0c0c0" link="#0000a0"> text="#000000" vlink="#800000">
Теперь разберем значение каждого дополнительного параметра. В будущем вы сами сможете решить, какие из этих параметров вы будете использовать в будущем HTML-документе, а может, и вообще откажитесь, от расширения этого тэга.
   background - фоновое изображение страницы. Чтобы лучше понять работу этого тэга, скопируйте в папку "Мой сайт", произвольное изображение. Впишите название файла, вместе с расширением между кавычками. Если вы решите использовать фоновое изображение, проверьте следующее:
1. - в названии файла, должны быть только латинские символы.
2. - не должно быть пробелов в названии. Для разделения названия используйте символ "_".
3. - Чем меньше будет размер вашей фоновой картинки тему лучше
   alink - определяет цвет активной ссылки. Есть несколько способов указания цвета. Возьмем, к примеру, синий цвет его можно прописать двумя способами:
1. - blue
2. - #0000ff (номер цвета, можно узнать прямо в Web Coder нажав "Вставка -> Цвет").
   link - определяет цвет еще не просмотренной ссылки.
   bgcolor - фоновый цвет страницы.
   text - цвет обычного текста.
   vlink - цвет просмотренной ссылки. То есть, как вы можете понять, можно придать оригинальный вид. Постарайтесь придерживаться следующего:
  • Чем строже будет ваш дизайн, тем лучше.
  • Использование фоновой картинки считается плохим тоном. Лучше отказаться от этого. Не верите, посмотрите все толковые проекты, ни где не используется фоновая картинка. Хотя это дело вкуса.
  • Не забывайте задать цвет вашей страницы. Независимо от того используете вы или нет фоновую картинку. Не малая часть просматривает страницы без графики, старайтесь делать так чтобы ваша страница, была аккуратной в обоих случаях.
  • Цвет просмотренной ссылки должен быть отличным от еще не просмотренной. Так вы сможете облегчить путешествие вашего будущего посетителя по вашему ресурсу.
Организация ссылок.
Ссылки это очень важная часть языка HTML, само название - "язык разметки гипертекста", указывает на принцип организации таких документов. Использование ссылок является неотъемлемой частью при создании HTML - документов. Ссылки вы встречали на любом сайте. Они позволяют связать несколько страниц, это своего рода указатели. Ссылка состоит из двух частей. Первая - это, что вы видите на странице (указательная часть), вторая часть указывает инструкцию браузеру (адресная часть). Когда вы щелкаете мышкой на ссылке, браузер загружает документ, на который указывает ссылка - URL адрес. Разберем указательную часть. Она может быть двух типов - текстовая и графическая.
Пример текстовой ссылки:
<a href="page2.html">Перейти на главную страницу.</a>
Пример графической ссылки:
<a href="page2.html"><img src="image2.gif" ></a>
Указатель ссылки может быть двух видов - абсолютным и относительным. Пример: вы создали папку "Мой сайт" на диске "C", в этой папке создаем еще одну страничку (например, page2.html). Так вот адрес к page2.html, мы можем указать следующим образом:
Вариант 1:
<a href="page2.html">Перейти на главную страницу.</a>
Это относительная ссылка, то есть вы указывается адрес относительно расположения страницы с которой осуществляется переход.
Вариант 2:
<a href="file://localhost/C:/Мой%20сайт/page2.html">Перейти на главную страницу.</a>
Это абсолютная ссылка. То есть вы указываете полный путь к файлу, который должен открыться.

Для того чтобы понять особенность работы того и другого типа ссылки, можно на этом примере: "Создайте две различные ссылки (абсолютную и относительную, на один и тот же файл). Теперь сделаем следующее, переносим файл index.html из начальной папки. Проверяем работу ссылок. Как вы сможете увидеть, относительная не будет работать. Причина относительно нового место положения index.html нужного файла нет. Возвращаем файл обратно в папку. Меняем имя начальной папки. Проверяем работу ссылок. Теперь все наоборот, не работает абсолютная ссылка. Потому что изменился полный адрес до нужного файла."
Усложните задачу создайте папку в вашей рабочей папке, например - work. Переместите вашу вторую страницу в эту папку. Теперь чтобы указать адрес до этого файла нужно указать - work/page.html.
Экспериментируйте больше ссылками, лучше один раз сделать, чем 100 раз прочитать.
Домашнее задание - создание, нескольких страниц связанных между собой ссылками.
Ссылки на другие страницы интернета:
Естественно вы будете организовать ссылки не только на ресурсы вашего сайта, но и ссылаться на другие ресурсы. В этом случае возможно применение только абсолютных ссылок. Разберем ссылки, которые могут вам пригодится:
Ссылка на электронную почту:
<a href="mailto:vash@mail.ru">Написать письмо Автору сайта.</a>
Выглядить это будет так = Написать письмо Автору сайта. Проверьте работу этого типа ссылок.
Ссылка на web страницу:
<a href="http://softsmm.h15.ru">Софт портал SMM.</a>
Выглядить это будет так = Софт портал SMM. Проверьте работу этого типа ссылок.

Теперь добавьте в изготовленные страницы эти типы ссылок. При регистрации на www.narod.ru вам сразу предоставляется гостевая книга. Ее адрес можно получить в мастерской. Она будет нужна вам для общения с вашими посетителями. Вы можете сделать внешнюю ссылку именно на гостевую книгу.
В следующем уроке я расскажу вам о дополнительных параметрах тэга - ссылок. А также разберем форматирование текста.
Письма читателей.
Благодарю за высказанное мнение по поводу рассылки. Да рассылка будет выходить 2 раза в неделю, ориентировочно воскресенье и четверг. Надеюсь, что вместе мы создадим не мало интересных проектов. От урока к уроку я буду, как можно проще объяснить разметку HTML. Но наряду с простотой я научу вас писать HTML - документы, по всем правилам. Также мы затронем раскрутку, продвижение созданного ресурса. Также для создании некоторых уроков, будут приглашаться другие Web-Дизайнеры (которые, по моему мнению достигли определенных успехов в той или иной области). Всего хорошего.
огромное вам спасибо за рассылку! Сколько кого не просил объяснить, что такое html, никто не мог толком объяснить. А тут так понятно и просто! и редактор WebCoder такой простой. просто радуюсь, что смог понять суть! сайт свой пока делать не буду, Сделаю хотя бы одну нормальную страничку в редакторе, а там посмотрим. Спасибо еще раз! Прислал: Андрей
Благодарю за высказанное мнение. Рад, что смог вам помочь. Понять это очень важно. Думаю, в будущем читая рассылку, вы сами, будете объяснять ищущим, что такое HTML.
Двенадцатого числа сего месяца в Вашей Просто полезной рассылке я увидел предложение подписаться на рассылку "Создание собственного сайта от А до Я". Так как в этой области у меня колоссальная нехватка знаний и не менее колоссальное желание их получить, я не преминул воспользоваться возможностью подписаться на Вашу рассылку в надежде получать ее регулярно и, что немаловажно для меня, именно с первого выпуска. По поводу частоты выхода рассылки считаю, что для начинающих изучать искусство создания сайта важна регулярность и такая размеренность выпусков, чтобы не забыть изученное на предыдущих уроках, и не охладеть к изучению чрезмерно "жестким графиком" освоения этой науки. Принимая во внимание то, что все мы люди занятые и то, что затягивать с обучением не стоит, считаю выход рассылки 2 - 3 раза в неделю замечательным. Первый урок понравился. Для меня начало сделано. Надеюсь благодаря Вашим урокам получить базу знаний в области создания сайтов и Web-программирования. Хорошо, если теоретические знания в рассылке будут подкрепляться соответствующими "жизненными" примерами, решениями конкретных задач, реально работающими конструкциями. Возвращаясь к первому уроку, хотелось бы также узнать, какие еще существуют редакторы HTML, хотя бы несколько из них, с Вашим мнением по поводу их (несколько не хватает поначалу в WebCoder, на мой взгляд, подсказок к элементам, кнопкам при подведении к ним курсора мышки - метод "тыка", конечно, тоже выход; немного напрягает разноязычность: "Редактировать" и тут же "Редагувати"... Мелочь, конечно, по сравнению с преимуществами, но все же...). Вообще эта рассылка, на мой взгляд, нужная. Может быть, для многих она станет своеобразным пошаговым самоучителем. А со временем, по мере накопления материала, перерастет в полноценный электронный учебник (но это уже тема другого разговора и отдельного сайта). Удачи Вам в этом благом деле обучения нас и нам в освоении уроков создания собственного сайта - For A To Z (пардон, от А до Я)! Прислал: Алексей Завьялов
В следующем уроке рассмотрим, тэги форматирования текста. Дополнительные параметры ссылок. Примерно по воскресеньям и четвергам.
Свои вопросы, пожелания, замечания можете задать:
Полезная рассылка
Обзор софта с прямыми ссылками; Hi-tech новости; Юмор и многое другое Вы можете получать каждую неделю.
Подписаться через:
Subscribe  или  Rambler
Создают с нами:
  http://yurasite.narod.ru


В этой колонке, будут ссылки на ваши проекты. Которые создаете по моим урокам. Достаточно выслать на softsmm@mail.ru адрес вашего ресурса. Внимание!!! Принимаются только ресурсы, которые создаются по моими урокам, содержание, наполнение значение не имеет.
Вся информация по рассылке доступна здесь. Вы можете скачать все выпуски рассылки.
Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: inet.webbuild.htmlsmm
Архив рассылки 		Отписаться
Вспомнить пароль
В избранное