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

Научите меня дизайну...

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

При закрытии подписчики были переданы в рассылку "Новый проект Юрия Мороза" на которую и рекомендуем вам подписаться.

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

  Март 2003   →
 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
Автор
Griz

Статистика

4.979 подписчиков
-61 за неделю
←   Все выпуски   →

Научите меня дизайну...


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

Выпуск # 2 (26.03.03)

Сеанс хождения по земле (пара насущных вопросов)...

Здравствуйте, дорогие мои!

Назрела необходимость отвлечься от вопросов дизайна вообще и обратить свои ясны очи на вопросы более насущные.
С чего начать... Вот этим сегодня и займемся...

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

Тем, кто лично знаком с HTML, найти в этом выпуске что-нибудь новое наверно не удастся. Но обойти вниманем этот вопрос не могу по ряду весьма веских причин..:),..

В прошлом выпуске рассылки, этот вопрос уже был затронут, хоть и в качестве примера, но все же...

Итак. Попробуем организовать легкий старт, с наименьшими затратами по времени и требованиями к компьютеру и ПО.
Расстилаем стерильную тряпочку.. и аккуратно выкладываем на нее все, что нам может понадобиться:
- компьютер с выходом в интернет (собственно выход понадобится только что бы закачать туда результат...);
- браузер (это то, что в большинстве случаев - Internet Explorer), что бы собственно html файлы просматривать и своим творением в результате наслаждаться;
- любой текстовый редактор (подойдет Notepad (или "Блокнот" в русскоязычной версии) есть почти на любом компьютере);
- адрес http://www.narod.ru ;
- ну и еще совсем немного чего-то неосязаемого но присутствующего во всем... то ли желания... то ли духа.. то ли воли... ну об этом лучше у Кастанеды выяснить..:)...

Далее по шагам.

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

2) Открываем Notepad (Блокнот, или другой текстовый редактор).

3) Копируем туда вот это:

<html>
  <head>
  </head>
  <body>
  </body>
</html>

4) Между <body> и </body> пишите все, о чем Вы хотели поведать миру (о том, как это оформить, ниже). При этом значек <br>, вставленный в текст, заканчивает строку. Значек <h1> - начало заголовка, </h1> - конец заголовка.
Остальные значки (в HTML они называются - тегами) то же могут быть полезными, хотя можно и без них.
<p> - начало параграфа; </p> - конец параграфа; <hr> - горизонтальная линия; <b> - начало выделения жирным шрифтом, </b> - конец выделения жирным шрифтом; <i> - начало выделения курсивом, </i> - конец выделения курсивом.

5) Сохраняете этот файл под именем index.html (имя - index, фамилия - html ..:),..) в той самой созданной папочке. Это будет Ваш главный файл, который будет загружаться в первую очередь, когда кто-нибудь зайдет на Ваш сайт... вот и готова главная страничка Вашего сайта... можете щелкнуть на ней мышкой и посмотреть как это будет выглядеть в браузере... :)... то же самое увидит посетитель Вашего сайта..:),..

6) Ну одна страничка - это еще не сайт..:)... Точно так же создаете вторую страничку.. ну конечно, сохраняете её под другим именем (например page2.html ) в той же папочке... Теперь наша задача - организовать ссылку из первой странички на вторую.. и, наверно, обратно. Легко!..:)....
В то место, где нужно организовать ссылку на первой страничке вставляете такую штуку:

<a href="page2.html" >Страничка №2</a>

Ну и на второй страничке, там где нужно организовать ссылку на главную страничку вставляется:

<a href="index.html" >Главная страничка</a>

Вот собственно и все...:).... Просматриваем все это в браузере... щелкаем по ссылкам... проверяем..Теперь осталось это загрузить в сеть...

7) Заходим, например на www.narod.ru, регистрируемся там... получаем адрес сайта вида:
http://ваше_имя.narod.ru
после, заходим в "мастерскую"... щелкаем на "загрузка файлов на сайт",..
загружаем в корневую папку все наши файлы (index.html, page2.html)
Заходим на свой свежеприготовленный сайтик (http://ваше_имя.narod.ru) ... наслаждаемся..:)))...

Далее, наверно будет не лишним, чуть-чуть подробнее об оформлении.
Хотя это уже пошли нюансы..:)...
Что бы поменять цвет фона, текста, ссылок попробуйте вот так сделать:
Вместо <body> давайте попробуем вставить
<body bgcolor=#CCFFCC link=#660000 alink=#000000 vlink=#000000 text=#000000>
И все эти мудреные штучки обозначают следующее:
bgcolor=#CCFFCC - для фона устанавливаем цвет CCFFCC (как этот цвет выглядит можно посмотреть в каком-нибудь графическом редакторе, позволяющем вводить код цвета, ну или опытным путем, через браузер);
text=#000000 - цвет текста - черный;
link=#660000 - цвет непосещенной ссылки;
vlink=#000000 - цвет посещенной ссылки;
alink=#000000 - цвет локальной ссылки.
Тут после значка "=" ставится значет "#".

Вот еще одна замечательная возможность HTML - вставлять в документ картинки. Делается это так:
вставляете в нужное место вот такую конструкцию..:)...:

<img src="http://адрес_картинки">
Тут "http://адрес_картинки" заменяется на название файла картинки, если этот файл лежит в той же папке, где и html файл (тот файл, в который собственно и вставляется эта конструкция).

И вот еще один полезный момент.

Если Вам необходимо организовать ссылки в пределах одной и той же странички (ну например в начале странички у Вас оглавление, с которого должны ссылки вести в нужные места по тексту странички).
В текст рассылки, в то место, на которое нужно организовать переход по ссылке (например заголовок Главы №7489 - начало этой самой главы) вставляется вот такая штука:

<a name="eee">Глава№7489</a>
Ну а ссылка на это место (например из оглавления в начале странички) будет вот такая:
<a href="#eee">Глава№7489</a>

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

Если все, о чем тут было упомянуто не вызвало у Вас внутреннего протеста, органического отторжения, или прочих подобных патологий, то я за Вас спокоен. Ибо это значит, что любые премудрости web-программирования Вам по плечу, и ни какие заверения в том, что это сложно и этому надо долго учится Вас уже не смутят и не ввергнут в состояние панического ужаса и стресса..:))...
А при таком обилии материалов на эту тему в интернете, все это превращается в довольно веселое занятие...

Вот теперь наверно еще более очевидным становиться, что намного важнее то, что Вы творите, а как Вы это делаете, это уже не вопрос..:)...
И еще... стараюсь не забыть, что эта рассылка далеко не только о web-дизайне..:)...

Наверно, на сегодня хватит.

Конечно же пишите.

http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться
Убрать рекламу
В избранное