Сразу хочу сделать оговорку для тех, кто не правильно понял смысл происходящего. Здесь мы делаем сайт с ноля. ПОЛНОГО НОЛЯ. По этой причине все приведенные примеры просты. И не следует обсуждать прописные истины про иные методы разработки. То, что они существуют и так понятно. Наша задача научиться делать все и правильно.

Откройте Internet Explorer и в настройках поставьте About blank, т.е. что бы он стартовал с пустой страницы. Сделать это можно так:

Сервис / Свойства обозревателя / кнопка «С пустой».

Теперь мы можем создать первую страничку, и без помех посмотреть что получается. Итак. Мы подготовили рабочее место. Можно приступать к первым шагам в веб строительстве.

Начнем мы с таблиц.

Открываем Notepad++, который мы установили ранее. Новый документ уже открыт. Сохраните его, ну скажем на рабочий стол.

Внимание! Особенностью этого редактора является то, что расширение файла надо набирать в ручную.

Фаил / Сохранить как / index.html или file / save as / index.html  у кого какой язык выбран. index.html пишем руками.

Сохранили. Теперь этот умный блокнот будет подсвечивать код, который мы будем писать. Приступим.

Таблицы состоят из столбиков идущих вертикально и с лева на право а также строчек идущих горизонтально и сверху в низ. Для примера начертите на бумаге табличку для игры в крестики нолики. Вот ее мы и воссоздадим в браузере.

Теги таблиц.

Пишем начиная с первой строчки открытого в Notepad++ файла index.html:

<table>

 <tr>

    <td>   </td>

 </tr>

</table>

Делайте пропуски в коде. Так проще будет работать с таблицей. Убрать их можно потом.

Это пример простой таблички. Как если бы вы нарисовали на бумаге квадрат ( Можете нарисовать это облегчит дальнейшее понимание ). Далее я буду давать комментарии внутри кода. Они будут выделены зеленым цветом. Их можно не переписывать. Они не нужны для таблицы. Начали.

<table>

<!--Это открывающий тег таблицы-->

   <tr>

   <!--Это открывающий тег столбца-->

      <td>

      <!--Это открывающий тег строчки-->

      <!--Вот в этом месте распологается содержание таблицы-->

      <!--После чего таблицу надо закрыть в обратном порядке-->

     </td>

     <!--Закрыли строку-->

   </tr>

   <!--Закрыли столбик-->

</table>

<!--Закрыли таблицу-->

<!--Я буду писать друг за другом, повторяя пройденное вы дописывайте в свою таблицу недостающие эллементы-->

<!--У всех тегов есть атрибуты отвечающие за отображение в браузере сейчас мы начнем их использовать-->

<table width="50%" align="center" border="1">

<!--width это ширина таблицы относительно ширины окна браузера. В данном случае половина.Задается или в процентах или в пикселах.-->

<!--align выравнивает  таблицу относительно границ браузера может принимать значения left, right, center-->

<!--border это свойства самой границызадается в пикселах может придавать цвет или выделять какую либо одну сторону.

Просто border выделяет всю таблицу или ячейку-->

   <tr valign="top">

   <!--valign выравнивает столбцы по вертикали может иметь значения top, bottom, middle 

   в теге <td> лучше не использовать так как часто вызывает ошибки. Потом эти приемы можно наверстать-->

      <td width="33%" border="1">

      <!--Все аналогично как в <table> но 33% имеется ввиду от общей ширины ТАБЛИЦЫ а не браузера-->

      x

      </td>

      <td width="33%" border="1">

      x

      </td>

      <td width="33%" border="1">

      x

      </td>

      <!--При таком написании три ячеики пойдут вряд друг за другоми их общая ширина составит 99% от ширины таблицы.

       Поскольку мы пишем таблицу в 9 клеток то теперь можно закрыть первый ряд-->

      </tr>

      <!--Закрыли. Оставшиеся два ряда будут тупо повторять первый по этому я их дам без комментариев-->

      <tr valign="top">

          <td width="33%" border="1">

           0

          </td>

          <td width="33%" border="1">

           0

          </td>

          <td width="33%" border="1">

           0

          </td>

     </tr>

     <tr valign="top">

          <td width="33%" border="1">

          x

         </td>

         <td width="33%" border="1">

          x

        </td>

        <td width="33%" border="1">

         x

        </td>

     </tr>

     <!--Теперь, когда мы написали три ряда по три ячейки в каждом, мы можем закрыть таблицу-->

</table>

В принципе если вы скопируете эту часть кода вместе с комментариями и сохраните, то в браузере вы увидите табличку 3х3. без каких либо пояснений. На то они и комментарии.

Идем дальше.

У таблиц есть еще атрибуты, которые призваны облагородить отображение таблички в браузере. Если умело ими пользоваться, то при использовании минимума средств можно сделать все что угодно. Мы начнем с того, что допишем нашу таблицу.

Вот эти атрибуты

Cellpadding - зазор между границами ячейки и ее содержимым в пикселах.

Cellspacing - зазор между ячейками таблицы в пикселах.

bgcolor – цвет фона таблицы в целом или ячейки в частности смотря где задан.
Пишется либо словами как-то: blue, black, white, silver… и т.д. либо шестнадцатиричным кодом, например #000000 будет черным, а #ffffff -белым.

Пока, что бы не перегружать мозг достаточно. Теперь применим все изученное к нашей таблице.

<!--Пишем-->

<table width="50%" align="center" cellpadding="0" cellspacing="1" bgcolor="black" border="0">

<!--Начинаем верстку-->

  <tr valign="top">

   <td width="33%" align="center" bgcolor="white">x</td>

   <td width="33%" align="center" bgcolor="white">x</td>

   <td width="33%" align="center" bgcolor="white">x</td>

  </tr>

  <tr valign="top">

   <td width="33%" align="center" bgcolor="white">0</td>

   <td width="33%" align="center" bgcolor="white">0</td>

   <td width="33%" align="center" bgcolor="white">0</td>

  </tr>

  <tr valign="top">

   <td width="33%" align="center" bgcolor="white">x</td>

   <td width="33%" align="center" bgcolor="white">x</td>

   <td width="33%" align="center" bgcolor="white">x</td>

  </tr>

  <!--Закончили и закрываем таблицу-->

</table>

Теперь наша таблица смотрится совершенно по другому. Если вы просматривали предыдущий код через браузер, то разница видна сразу.

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

Один из важнейших моментов в подготовке компьютера к работе. Это не перегружать его программами сомнительного происхождения. А ведь именно так, скорее всего и будет! Дело в том, что никто из нас не хочет платить деньги неизвестно за что, да впрочем, чаще всего и неизвестно кому. Основываясь на этих прописных истинах, мы и начнем работать над созданием своего сайта.

Желательно, чтобы жесткий диск вашего компьютера был разделен на логические разделы. Вы их можете наблюдать в меню «Мой компьютер» как диск C, диск D, и т.д. Если у вас обозначен только диск C – это не страшно, хотя и может повлечь некоторые проблемы. Поэтому перед установкой программ скопируйте особенно важные для вас документы на компакт диск или если их много создайте папку backup в корне диска C. Т.к. при переустановке системы папки «Рабочий стол» и «Мои документы» удаляются. Но это поверьте, мне на самый крайний случай. Все о чем пойдет речь такого рода проблем не вызывает. По крайней мере, так было у меня.

Программы, которые нам понадобятся можно скачать здесь:

Notepad ++ размер архива 705 кб.

Denver размер архива 3.3 мб.

Они полностью бесплатны и полностью безопасны для использования (Проверено на себе).

Первая программа – это лучший, по моему мнению, блокнот с подсветкой кода.

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


Ставим блокнот:

Распакуйте архив и запустите инсталяционный фаил.



язык установки я думаю русский... жмем ок.



жмем далее...



здесь лицензия... соглашаемся.



путь куда установится блокнот... выбирайте любой или оставте как есть.



здесь поставте все галочки... лишним не будет.



нажимаем Готово... и ...готово. Блокнот установлен и запущен. Меню достаточно простое. Закрываем его и начинаем установку сервера.

Ставим сервер:

Распакуйте архив и запустите инсталяционный фаил.



жмем ДА ведь именно этого мы и хотим...



начинается распаковка файлов...



ВОТ ТУТ ПУГАТЬСЯ НЕ НАДО все нормально. Просто дальше все будет происходить через ком. строку. Жмем ENTER.



вот в этом месте я советую поменять путь на D:\server\ ну у кого он есть конечно. (в смысле диск D:)



нажимаем y и Enter



уверенно жмем Enter.



предлагаю придерживаться буквы Z...



жмем Enter



первый вариант и правда удобен...



соглашаемся на создание ярлыков и жмем Enter.

Теперь для простоты доступа в корневую директорию нам надо создать ярлык этой папки и вынести его на рабочий стол.



Если вы четко следовали инструкциям во время установки сервера, то ярлыки управления уже находятся у вас на рабочем столе.

Кликните на ярлык «Start servers» откройте браузер и наберите адрес: http://localhost/ Если вы видите



приветствие Денвера, то значит у вас все получилось. И соответственно можно переходить к следующему шагу.

Хмм... Ваши друзья знают об этом?
Пройти Каннибал-тест »»

О новогодних традициях на Руси

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


Традиция отмечать этот праздник 1 января появилась на Руси три столетия назад. До этого у русских январь ничем не отличался от прочих месяцев, так как церковный год по библейским канонам начинался 1 марта, а светский 1 сентября. И вот, 20 декабря лета семи тысячи двести восьмого от сотворения мира, Петр I издал указ, в котором повелевалось отмечать Новый год 1 января и следующее новолетие считать 1700 от Рождества Христова.


И именно император Петр I допустил ошибку в определении рубежа эпох. В именном указе он объявил: "Ныне от Рождества Христова доходит тысяча шестисот девяносто девятый год, а с будущего января с 1-го числа настанет новый 1700 год купно и новый столетний век". Традиция отмечать рубеж веков на год раньше с тех пор сохранилась.


Тогда же, после указа Петра I "О праздновании Нового года" по европейскому образцу, ель становится символом новогоднего праздника на Руси. По царскому указанию москвичи впервые украсили свои дома на Новый год ветками сосны, ели и можжевельника по образцам, которые были выставлены в царском гостином дворе. В Петровском указе писалось: "...По большим и проезжим улицам знатным людям и у домов нарочитых духовного и мирского чина перед воротами учинить некоторые украшения от древ и ветвей сосновых и можжевеловых... а людям скудным каждому хотя по деревцу или ветке на вороты или над храминою своею поставь...".


В указе речь шла не конкретно о ёлке, а о деревьях вообще. Вначале их украшали орехами, конфетами, фруктами и даже овощами, а наряжать елку стали намного позднее, с середины прошлого века. Наряженная ель впервые засветилась огоньками в 1852 году в Петербурге в помещении Екатерининского (ныне Московского) вокзала.


Этот обычай родился у жителей Германии. Немцы считали, что ель - священное дерево, в ветвях которого обитает добрый "дух лесов" - защитник правды. Зеленея в любое время года, она олицетворяла бессмертие, вечную молодость, смелость, верность, долголетие и достоинство. Даже её шишки были символом огня жизни и восстановления здоровья.


Вечер накануне Нового года называли щедрым. Обильный праздничный стол, по древнему поверью, как бы обеспечивал благополучие на весь предстоящий год и считался залогом богатства семьи. Поэтому его стремились украсить всем тем, что хотели бы иметь в достатке в своём хозяйстве. В Новом году подавали множество мясных, крупяных и мучных блюд, варили компоты, взвары, кисели, пиво, пекли пироги с различной начинкой.


В центре новогоднего стола ставили мясо свиньи (часто двух-трех недельный поросенок, зажаренный на вертеле), которая из-за своей плодовитости воспринималась как символ красоты. Как в России, так и в Беларуси существовало понятие "коляда", обозначающее продукты из свинины, которые готовили к Рождеству или к Новому году. Каждый хозяин должен запастись свининой, которой кормилась вся семья на протяжении всего "мясоеда" до Великого поста.


Существовал так же обычай, что новогодний стол по своему обилию должен равняться рождественскому, однако на нем не должна быть домашняя птица, пернатая дичь или заяц, так как существовало поверье, что в таком случае из дома улетело бы или ускакало счастье. У русских, украинцев, белорусов, молдаван ритуальным новогодним блюдом была сладкая каша-кутья и блины. Кашу варили из цельных зёрен пшеницы, а то и из нескольких видов злаков. В начале века на Новый год выпекали из теста фигурки домашних животных: коней, коров, быков. А когда в дом приходили колядовать, гостей одаривали этими фигурками, разными сладостями и орехами.


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


В старину на Руси к новогоднему столу готовили диковинное блюдо. В XIX веке его готовили в аристократических домах к особо важным приемам. Весьма замысловатое угощение обходилось недешево и требовало от повара незаурядного мастерства. Судите сами: сначала нужно в мясистые оливки вложить вместо косточек кусочек анчоусов, оливки - начинка для выпотрошенного жаворонка, которого следовало вложить в жирную куропатку, а ту в фазана. Последней оболочкой служил поросенок.


Свой оригинальный кулинарный сюрприз придворный повар-француз посвятил императрице Екатерине II. Потом секрет новогоднего угощения выведал богач-вельможа, а выкрасть таинственный рецепт с его кухни не составляло большого труда. Собирать гостей на жаркое "Императрица" стало делом престижа для знати. А какие были карнавалы! Карнавальные маски под Новый год в России появились в начале ХVII века, когда был устроен пышный маскарад по случаю заключения мира со шведами.

Легенда о елке

Предводитель немецкой Реформации Мартин Лютер однажды в ясный и морозный сочельник шел домой через лес. Вдруг он обратил внимание на елку, сквозь лапы которой красиво просвечивали звезды. Это произвело на Лютера такое большое впечатление, что дома он поставил елку для своей семьи и прикрепил к ее веткам свечи. Огоньки свечей напоминали ему звезды на небе.


Легенда о происхождении серебряной мишуры.

Давным-давно жила-была добрая бедная женщина, у которой было много детей. Как-то накануне Рождества она нарядила елку, но елка получилась скромная, почти без украшений. Ночью на елке побывали пауки, и, переползая с ветки на ветку, оставили на ее ветвях паутину. Зная доброту женщины младенец Христос решил ее наградить и благословил дерево - в результате паутина превратилась в сверкающее серебро.

И в настоящее время Новый год считается одним из самых любимых праздников.

Все! Откапываю боевой топор.

Достали спамеры сил нет ни каких. Пора их не много проучить! Зачем люди спамят гостевухи и почту. Они хотят раскрутить свои ресурсы или услуги.

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

Как это сделать. Проблема!

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

Надо подумать как наиболее эффективно это сделать....

В колонках играет - Тарья
Настроение сейчас - ПяТнИцА

Сегодна слушал альбом Тарьи. Думаю nw торба! Конечно надо еще не много поработать на общей концепцией как исполнительницы, но заявка очень сильная.

А сегодня ПЯТНИЦА.

Надо снять бэкапы с сайтов, очистить логи, и пить ПиВо.

ВАС ВСЕХ С ПЯТНИЦЕЙ!

В колонках играет - Тишина
Настроение сейчас - Пью кофе (размышляю)

Вот тут копался на харде и нашел старую папочку с забавными страничками. Вообще для себя лично я давно определился сэтим вопросом, но в сети по прежнему ходят призраки doctype. Быть или не быть? Можно ли утверждать, что люди не обозначающие тип документа, просто стараются избежать ответственности пытаясь скрыть свое неумение или не желание граммотно писать код?.. К сожалению чаще всего да! Дело не в том указан доктайп или нет, просто почему-то именно в тех случаях, когда он не указан, код написан особенно отвратительно.

Впрочем давайте рассмотрение этого вопроса начнем с мнения профессионалов.

 

Андрейка Лечев Тип документа: объявлять или не объявлять?                                                                         22 ноября 2005

 1. Указав доктайп, вы берете на себя ответственность писать код соответственно принятым стандартам.

Яндекс:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Результат:

This Page Is Valid HTML 4.01 Transitional!

2. Это главная страница LI

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Результат:

Validation Output: 21 Errors

Причем нет ни одной ошибки, которую я мог бы отнести к особенностям написания такой сложной системы. Все чисто человеческие. Типа амперсанда в УРЛ. От сюда можно предположить, что LI верстают сами программисты, т.е. теже люди, которые пишут программную часть и для них является НОРМОЙ прямое написание амперсанда.

До определенной степени это можно допустить, но не в том случае, когда вы приобретаете сайт за 50-60 тыс рублей. Да и потом не нам решать плох или хорош тот или иной протокол World Wide Web Consortium.

В чужой монастырь со своим уставом не ходят!

Как не странно, но не смотря на выпитый вчера йад. Сегодня день явно удался! Сделал много много и почти не устал. Странно.

Да чуть не забыл. Я же вчера мега браузер скачал. Полный отвал башки. Правда именно он меня вчера и вверг в уныние. Вещь на самом деле крайне полезная!

Сейчас попробую выложить сюда.

Вроде должен пройти. Кому надо берите. Под win трудно ищится.

Вложение: 3635088_lynx.zip