tag:blogger.com,1999:blog-91654046639026206102024-03-13T03:11:37.684-07:00Мой Дизайн СайтаЛичный блог Алексея Фомичев о создании, оптимизации и продвижении сайтаАлексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.comBlogger18125tag:blogger.com,1999:blog-9165404663902620610.post-4028322262084129772012-04-27T20:00:00.001-07:002012-04-27T20:00:45.017-07:00Бесплатный онлайн опросНаконец то после долгово настраивания скрипта я запустил свой сайт <a rel="nofollow" href="http://www.mydesite.ru/voting/vote/">социального опроса</a> и голосования, с целью выявления уникальных ниш, товаров, услуг, маркетинговых фишек.<br /> <br /> На основе результатов всех опросов, будут создаваться новые информационные товары и услуги.Но как вы понимаете все это без вашего мнения не будет работать. Поэтому у меня к вам огромная просьба — <br /> поддержите мой новый проект.От вас всего лишь нужно высказать свою точку зрения по данному опросу и проголосовать.<br /> <br /> На данный момент есть две темы для голосования:<br /> <br /> <strong>Тема №1:</strong> <a rel="nofollow" href="http://www.mydesite.ru/voting/vote/3/">Какая система управления сайтом лучше подходит для ведения своего блога</a>?<br /> <strong>Тема №2:</strong> <a rel="nofollow" href="http://www.mydesite.ru/voting/vote/4/">Лучший способ заработка для блоггера</a><br /><strong>Тема №3:</strong> <a href="http://www.mydesite.ru/voting/vote/5/">Какая тема блога популярнее</a><br /><p> </p><br /><p> </p><br /><br /><a target="_blank" title="AlekseyFomichev в интернете" href="http://AlekseyFomichev.bestpersons.ru/invite110923"><img border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" alt="" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-29963100222416647042011-02-06T04:13:00.001-08:002011-02-06T04:16:02.194-08:00FAQ по HTML – Учимся делать ссылки<div dir="ltr" style="text-align: left;" trbidi="on"><b>Ссылка</b> – ради нее и создавалось все. Весь язык HTML без ссылок - это всего лишь набор отформатированного текста. Ссылка же позволяет связать два документа одинаковой тематики, что увеличивает значимость как первого, так и второго документа.<br />
<br />
Но и это еще не все. Главной особенностью ссылки является то, что она может ссылаться на любой документ (страницу) находящиеся в сети. Так же стоит отметить о многоликости ссылки. Она может быть текстовой, изображением, невидимой областью.<br />
<br />
Для того чтобы обозначить ссылку существует тег "a" и его параметр htef, в котором указывается адрес страницы на которую ссылаются.<br />
<br />
Читаем далее - <a href="http://www.mydesite.ru/blog/post8.html">Учимся делать ссылки</a><br />
<br />
<br />
<a href="http://alekseyfomichev.bestpersons.ru/invite110923" target="_blank" title="AlekseyFomichev в интернете"><img alt="" border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" /></a></div>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com1tag:blogger.com,1999:blog-9165404663902620610.post-12571359151459621332011-01-22T08:46:00.001-08:002011-01-22T08:46:06.354-08:00FAQ по HTML - Форматирование текста<p>Начну с самого главного тега, без которого нет смысла заниматься разработкой веб страниц.</p><br /><p><em>Тег p</em> - параграф.</p><br /><p><strong>Параграф</strong> – это текста разделенный по смыслу для более удобного обзора и прочтения. Получается, что какой бы вы текст не вводили, вы, так или иначе будете разбивать его на отдельные части, которые заключите в данный тег.</p><br /><p>Далее к тексту применим форматирование, то есть заставим наш текст выглядеть визуально красиво.</p><br /><p>Для этого будем применять следующие теги:</p><br /><p><em>strong</em> - Жирное начертание текста. Пример: <strong>Применение тега strong</strong>. Данный тег является парным, то есть требует закрытия.</p><br /><p><em>em</em> - Курсивное начертание текста. Пример: <em>Применение тега em</em>. Данный тег тоже парный.</p><br /><p>Важно знать что теги b и strong, также как i и em являются не совсем эквивалентными друг другу.</p><br /><p>Первый тег b — это тег физической разметки и устанавливает жирный текст. Тег strong — это тегом логической разметки и определяет важность помеченного текста.</p><br /><p>Такое разделение возникло не случайно и необходимо для универсальности вывода информации.</p><br /><p>Продолжение - <a href="http://www.mydesite.ru/blog/post7.html">Форматирование текста</a></p><br /><br /><a target="_blank" title="AlekseyFomichev в интернете" href="http://AlekseyFomichev.bestpersons.ru/invite110923"><img border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" alt="" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-38855378622426108622010-10-13T10:47:00.001-07:002010-10-13T10:47:42.729-07:00FAQ по CSS - Введение в CSS<p>Как я уже говорил в FAQ по HTML, язык гипертекстовой разметки позволяет задавать цвет и размер текста с помощью тегов форматирования. Если понадобится изменить параметры однотипных элементов на сайте, придется просматривать все страницы, чтобы найти и поменять теги.</p><br /><p>C помощью каскадных таблиц стилей можно легко поменять любой тег, любой параметр веб-странице, не вмешиваясь в структуру документа.</p><br /><p><em>Каскадные таблицы стилей (Cascading Style Sheets, CSS)</em> - это набор правил форматирования, который применяется к элементу документа, чтобы быстро изменить его внешний вид.</p><br /><p>Стили позволяют с помощью всего одного созданного вами действия применить сразу всю группу атрибутов форматирования.</p><br /><p>Например, изменить вид всех гиперссылок в документе или сделать отступ текста от края страницы во всех страницах сайта. Если вдруг потребуется быстро изменить внешний вид текста, созданного с помощью одного из стилей, достаточно изменить параметры стиля в одном созданном документе, и вид текста поменяется автоматически во всей структуре сайта.</p><br /><p>Еще одно преимущество CSS состоит в том, что он превосходит язык HTML давая веб- мастеру больше атрибутов форматирования. Если стили располагаются в одном внешнем документе, то скорость работы всего сайта будет немного увеличиваться, что положительно влияет на работу сайта целиком.</p><br /><p>CSS представляют собой мощную систему для разработчиков сайтов, расширяя их возможности по дизайну и верстке веб-страниц.</p><br /><p>Давайте рассмотрим, как включить CSS в вашу веб-страницу.</p><br /><p>Существуют три разных способа включения:</p><br /><ul><br /><li>внутренние стили;</li><br /><li>таблица связанных стилей;</li><br /><li>таблица глобальных стилей.</li><br /></ul><br />Читать даее - <a href="http://www.mydesite.ru/blog/post14.html">Введение в CSS</a><br /><br /><br /><a target="_blank" title="AlekseyFomichev в интернете" href="http://AlekseyFomichev.bestpersons.ru/invite110923"><img border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" alt="" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-79967131199607801132010-10-02T03:18:00.001-07:002010-10-02T03:24:46.452-07:00Что такое HTML или история возникновения гипертекстовой разметки.Немного предыстории. Примерно в 1991-92 годах в стенах Европейского совета по ядерным исследованиям в Женеве британский ученый Тим Бернерс-Ли придумал язык, цель которого - помочь многим научным работникам обмениваться научной и технической документацией.<br />
<br />
Язык был настолько прост и примитивен, что позволял многим людям, не являющимся специалистами в области верстки, выучить его и разрабатывать документы, которые можно бы было прочесть на различных устройствах и платформах.<br />
<br />
<b>Язык HTML (язык разметки гипертекста) </b>представляет собой систему верстки веб-страниц, который определяет правила отображения отдельных элементов страницы (текст, графика, ссылки и .т.д.)<br />
<br />
Сама страница - это обычный текст, который можно просмотреть в любом браузере. Чтобы этот текст смотрелся привлекательно и профессионально, в HTML существует система тегов, которые определяют правила размещения элементов на странице.<br />
<br />
Почему HTML называют языком разметки гипертекста?<br />
<br />
Одной из важных особенностей HTML является то, что с помощью него (тег A) можно поставить ссылку на другую страницу, которая может быть размещена где угодно в сети Интернет.<br />
<br />
Собственно, не будь в HTML гиперссылки, их все равно бы пришлось придумать, так как Интернет без ссылок существовать просто не может. Конечно такие особенности HTML, как вставка, проигрывание аудио или видеофайлов, анимации и т.д. были добавлены позже, язык позволяет даже без этого создавать достаточно привлекательные страницы, которые объединяются в сайты.<br />
<br />
На сегодняшний день HTML прекратил свое развитие, остановившись на четвертой версии. Но это не означает, что он прекратил свое существование. Навряд ли это произойдет даже в ближайшие 10 лет.<br />
<br />
Являясь самым простым языком, он позволяет многим его изучить самостоятельно и даже если это не удается сделать самому, существует множество обучающих курсов, которые позволят его изучить за короткое время.<br />
<br />
<b>Что необходимо, для того чтобы начать изучение языка:</b><br />
<br />
1. Простой текстовый редактор Блокнот.<br />
2. Для более профессиональной верстки лучше иметь инструмент более расширенный. Таким инструментом является PSPad:<br />
<br />
<a class="js_right" href="http://www.pspad.com/ru/download.php" rel="nofollow" target="blank" title="Супер блокнот">http://www.pspad.com/ru/download.php</a><br />
<br />
3. Для проверки правильности отображения страниц необходимо иметь в своем распоряжении несколько браузеров: Internet Explorer, Opera, Mozilla Firefox.<br />
<br />
4. Валидатор – специальная программа или система, которая позволяет проверить правильность составления HTML документа и выявляет ошибки.<br />
<a class="js_right" href="http://validator.w3.org/" rel="nofollow" target="blank" title="Онлайн валидатор">http://validator.w3.org</a><br />
<br />
Программа валидатор Tidy: <a class="js_right" href="http://tidy.sourceforge.net/" rel="nofollow" target="blank" title="Программа валидатор">http://tidy.sourceforge.net</a><br />
<br />
5. Справочник HTML и обучающие курсы:<br />
<br />
<a class="js_right" href="http://htmlbook.ru/html/" rel="nofollow" target="blank" title="Справочник по HTML">http://htmlbook.ru/html/</a><br />
<br />
<a class="js_right" href="http://htmlcss.infowind.ru/" rel="nofollow" target="blank" title="Обучающий курс по HTML">http://htmlcss.infowind.ru</a><br />
<br />
После этого вы можете спокойно изучать данный язык и создавать свои будущие шедевры в html.<br />
<br />
<b>PS:</b> <i>Начинайте читать <a class="js_right" href="http://www.mydesite.ru/blog/post6.html" title="Основные моменты в HTML">FAQ по HTML</a></i><br />
<br />
<br />
<a href="http://alekseyfomichev.bestpersons.ru/invite110923" target="_blank" title="AlekseyFomichev в интернете"><img alt="" border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-10046748728405823472010-09-12T11:23:00.001-07:002010-09-12T11:25:45.859-07:00Основные теги элементов веб-страницыНаверное, каждый из вас пробуя создавать сайты, сталкивается с рядом сложностей и вопросов. У более подготовленных - одни сложности, у начинающих - другие. Но и те и другие для решения своих проблем всего лишь применяют теги для постройки своих веб-проектов.<br />
<br />
В этом посту я постараюсь поставить вас на путь истинный и раскрою для вас <b>секрет использования тегов для построения сайтов</b>. Так какие теги использовать?<br />
<br />
На самом деле этот вопрос возникает в связи с малым опытом верстки. Любой продвинутый верстальщик вам скажет, что в своей работе он пользуется ограниченным количеством тегов. Обычно, для верстки web-страниц, вполне достаточно использования небольшого числа визуальных элементов в разных сочетаниях.<br />
<br />
Я перечислю только те теги, которые постоянно использую в своей работе. Этот список небольшой и в него вошли в основном самый важные теги.<br />
<br />
<br />
<br />
<b>Тег заголовка web-страницы</b>.<br />
<br />
Данный тег необходим, так как создает название вашего документа, на который ориентируются поисковые системы.<br />
<br />
<br />
<img align="center" alt="Тег заголовка web-страницы" class="img_border" src="http://www.mydesite.ru/img/blog/tag_html1.gif" /> <br />
<br />
<br />
<b>Тег гиперссылки</b>.<br />
<br />
Очень важный тег без которого и небыло бы такого понятие как Интернет, вернее смысл его терялса бы, так как мы не знали бы как осуществлять переход на бругие страницы всемирной паутины.<br />
<br />
<a href="http://www.mydesite.ru/blog/post16.html">Читать далее</a>...<br />
<br />
<br />
<a href="http://alekseyfomichev.bestpersons.ru/invite110923" target="_blank" title="AlekseyFomichev в интернете"><img alt="" border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-22528269640272498222010-08-28T06:31:00.001-07:002010-08-28T06:33:50.234-07:00Учимся делать ссылки в html<b>Ссылка</b> – раде нее и создавалось все. Весь язык HTML без ссылок - это всего лишь набор отформатированного текста. Ссылка же позволяет связать два документа одинаковой тематики, что увеличивает значимость как первого, так и второго документа.<br />
<br />
Но и это еще не все. Главной особенностью ссылки является то, что она может ссылаться на любой документ (страницу) находящееся в сети. Так же стоит отметить о многоликости ссылки. Она может быть текстовой, изображением, невидимой областью.<br />
<br />
Для того чтобы обозначить ссылку существует тег "a" и его параметр htef, в котором указывается адрес страницы на которую ссылаются.<br />
<br />
<br />
<img align="center" alt="Пример отображения ссылки" class="img_border" src="http://www.mydesite.ru/img/blog/html_link1.gif" /><br />
<br />
<br />
Запомните, тег "a" парный, требует обязательное закрытие.<br />
<br />
При переходе по ссылке, по умолчанию, страница открывается в текущем окне браузера. Иногда это неудобно, например, когда необходимо сделать ссылку на другой сайт.<br />
<br />
У ссылке существует параметр target, с помощью которого можно изменить переход в другом окне.<br />
<br />
Продолжение - <a href="http://www.mydesite.ru/blog/post8.html">Учимся делать ссылки в html</a><br />
<br />
<br />
<a href="http://alekseyfomichev.bestpersons.ru/invite110923" target="_blank" title="AlekseyFomichev в интернете"><img alt="" border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-51839233992919530762010-08-20T05:24:00.001-07:002010-08-20T05:27:57.967-07:00FAQ по HTML - Форматирование текстаНачну с самого главного тега, без которого нет смысла заниматься разработкой веб страниц.<br />
<br />
<i>Тег p</i> - параграф.<br />
<br />
<b>Параграф</b> – это текста разделенный по смыслу для более удобного обзора и прочтения. Получается, что какой бы вы текст не вводили, вы, так или иначе будете разбивать его на отдельные части, которые заключите в данный тег.<br />
<br />
Далее к тексту применим форматирование, то есть заставим наш текст выглядеть визуально красиво.<br />
<br />
Для этого будем применять следующие теги:<br />
<br />
<i>strong</i> - Жирное начертание текста. Пример: <b>Применение тега strong</b>. Данный тег является парным, то есть требует закрытия.<br />
<br />
<i>em</i> - Курсивное начертание текста. Пример: <i>Применение тега em</i>. Данный тег тоже парный.<br />
<br />
Важно знать что теги b и strong, также как i и em являются не совсем эквивалентными друг другу.<br />
<br />
Первый тег b — это тег физической разметки и устанавливает жирный текст. Тег strong — это тегом логической разметки и определяет важность помеченного текста.<br />
<br />
Такое разделение возникло не случайно и необходимо для универсальности вывода информации.<br />
<br />
<br />
<br />
Для изменения размеров текста применяют <i>заголовки h1...h6</i>.<br />
<br />
<b>Заголовки</b> предназначены для создания заголовков (названий) к разделам и показывают их относительную важность. Вы должны знать, что по умолчанию h1 отображается в жирном начертании и размером 24 пунктов, тег h2 уже имеет размер 18 пунктов, а h3 — 14 пунктов и т.д.<br />
<br />
<br />
<img align="center" alt="Пример отображения парных тегов" class="img_border" src="http://www.mydesite.ru/img/blog/html-formtext1.gif" /><br />
<br />
<br />
Теперь поговорим о выравнивании текста, которое определяет его внешний вид на странице. Существуют несколько видов выравнивания текста: по левому краю, правому краю, центру, и по ширине. Для этого используют <i>параметр align</i>.<br />
<br />
Продолжение в FAQ по HTML - <a href="http://www.mydesite.ru/blog/post7.html">Форматирование текста</a><br />
<br />
<br />
<br />
<br />
<a href="http://alekseyfomichev.bestpersons.ru/invite110923" target="_blank" title="AlekseyFomichev в интернете"><img alt="" border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-48641922835839032352010-08-16T10:32:00.001-07:002010-08-16T10:34:25.375-07:00Введение в HTMLНачиная писать данный пост о часто задаваемых вопросах по <i>языку разметки гипертекста HTML</i>, я задумался над тем, что я могу сообщить нового. Зная, что в сети есть более расширенные сайты на эту тему, я решил дать только необходимую информацию по данному вопросу, а именно то, что чаще всего используется на практике.<br />
<br />
Думаю для тех, кто только осваивает HTML, будет очень удобно и полезно, так как они конкретно получат ответ на все свои вопросы.<br />
<br />
Начну с главного, что Вы должны знать.<br />
<br />
<b>HTML</b> - это простой текст, который с помощью специальных символов (тегов) может форматироваться. То есть при открытии любого браузера вы на экранах своих мониторов увидите текст аккуратно оформленный.<br />
<br />
Все теги заключаются символами <> и бывают двух видов одиночные и парные. Парные теги закрываются следующим образом .<br />
<br />
<br />
<img align="center" alt="Пример отображения парных тегов" class="img_border" src="http://www.mydesite.ru/img/blog/html_vedenie1.gif" /><br />
<br />
<br />
Как вы видите при правильном написании тегов каждый из них находиться, и закрывается в нутрии главного.<br />
<br />
То ест если представить теги в виде контейнеров содержащую необходимую информацию, то два соседних контейнера не должны пересекаться между собой.<br />
<br />
<br />
<img align="center" alt="Пример отображения не правельного сочетания тегов" class="img_border" src="http://www.mydesite.ru/img/blog/html_vedenie2.gif" /><br />
<br />
<br />
Структура любого html документа должна состоять из следующих элементов:<br />
<br />
DOCTYPE – указывает на тип документа;<br />
HEAD – блок (раздел) заголовка документа;<br />
BODY – тело документа;<br />
<br />
Как вы видите в предыдущих примерах, сначала мы указываем тип документа (данный тег необходим браузеру), далее идет блок тегов, указывающий, что данный документ html, после идет раздел заголовка документа, и только потом идет тело документа.<br />
<br />
Теперь поговорим о метатегах, которые необходимо размещать в разделе заголовка документа.<br />
<br />
Продолжение читайте в <a href="http://www.mydesite.ru/blog/post6.html">FAQ по HTML - Введение</a><br />
<br />
<br />
<a href="http://alekseyfomichev.bestpersons.ru/invite110923" target="_blank" title="AlekseyFomichev в интернете"><img alt="" border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-49499045756508125402010-08-14T04:55:00.001-07:002010-08-14T04:57:37.388-07:00Эффективное ускорение своего сайтаДавайте заглянем чуть глубже, за экран монитора. Что мы там увидим? Бесконечное множество страниц сайта, которые, так или иначе, попадают к нам в компьютер и загружают нас потоком соей информации.<br />
<br />
Единицы из таких сайтов являются качественными и используют всю технологию современного сайтостроения. Скорость загрузки таких сайтов достаточно велика, чтобы просматривать их даже на DIAL-UP соединении (модемном доступе).<br />
<br />
Что касается остальных, то они настолько уродливо собраны, что просто не хочется о них говорит красиво. Поэтому я лучше расскажу, как сделать, так что бы ваш сайт был быстр и не раздражал пользователя.<br />
<br />
Для чего вообще нужна такая быстрота?<br />
<br />
Те кто занимается манимейкерством однозначно скажут вам, от того с какой скоростью будет загружаться мини-сайт, зависит, пусть посредственно, количество продаж того или иного товара или услуги. То есть быстрый сайт позволяет пользователю донести информацию быстрее, тем самым экономит его время на ознакомление с ней.<br />
<br />
В предыдущей заметки я рассказал вам про один из способов <a class="js_right" href="http://www.mydesite.ru/blog/post3.html" title="Кэширования сайта">увеличения скорости загрузки вашего сайта</a>. Есть еще один инструмент, который можно совместить с предыдущем.<br />
<br />
Это <b>сжатие данных посредством технологии GZip</b>. Что это за технология? Это специальная утилита сжатия и восстановления (декомпрессии) файлов, которая работает в основном в UNIX-системах.<br />
<br />
Основная функция данной утилиты – это <i>сжатие и распаковка одного файла</i>.<br />
<br />
<b>Недостатком GZip</b> является его неумение упаковывать несколько файлов в один архив. С другой стороны его возможность работать с непрерывным потоком данных, упаковывая, распаковывая их «на лету», дает нам огромное преимущество. Подробнее о технологии вы можете прочитать на страницах <a class="js_right" href="http://ru.wikipedia.org/wiki/Gzip" rel="nofollow" title="Википедии">Википедии</a>.<br />
<br />
Применение GZip сжатия уменьшает объем страниц до 90%, весь процесс занимает всего лишь несколько миллисекунд. GZIP сжатие относится только к текстовой части информации. Графика, видео, архивы и прочие нетекстовые данные не сжимаются.<br />
<br />
Я когда узнал о данной технологии попытался применить на своем сайте <a class="js_right" href="http://www.infowind.ru/" rel="nofollow" target="blank" title="Статьи о бизнесе в Интернет и не только о нем">Библиотека Internet-бизнесмена</a> и всех сайтов расположенные на домене www.infowind.ru. На основном сайте данная технология позволила ускорить его работу в 1.6 раза. На поддоменах вызвала ошибку в коде, что заставило меня задуматься об обновлении и доработке своей CMS.<br />
<br />
Вообще если вы являетесь разработчиком или просто у вас есть сайт который вам хотелось бы улучшить подключайте технологию GZip. Разместите в самом начале документа код:<br />
<br />
<pre><code>
ob_start('ob_gzhandler');
</code></pre><br />
Теперь смотрите, что дало подключение Gzip на данном сайте (включено в CMS AF 1.01)<br />
<br />
Для тестирования можно воспользоваться специальным сайтом для проверки: <a class="js_right" href="http://www.port80software.com/support/p80tools.asp" rel="nofollow" target="blank" title="Тестируем свой сайт">www.port80software.com/support/p80tools.asp</a>. Забьём в окошко "compression check" адрес этой страницы, и рассмотрим результаты теста.<br />
<br />
<br />
<img alt="Результат работы технологии Gzip сжатия данных" src="http://www.mydesite.ru/img/blog/time_stat.jpg" /><br />
<br />
<br />
При отключенном GZip оригинальный размер страницы 11.3 KB.<br />
<br />
После включения сжатия я выиграл в скорости загрузки 0.608 секунд на DIAL-UP соединении.<br />
<br />
Таким образом, сжатие данных GZip, является очень полезной технологией, однако подавляющее большинство сайтов не используют ее. Надеюсь, вы не войдете в их число.<br />
<br />
<b>PS:</b> <i>Можете делиться своим опытом применения технологии в комментариях</i>.<br />
<br />
<br />
<a href="http://alekseyfomichev.bestpersons.ru/invite110923" target="_blank" title="AlekseyFomichev в интернете"><img alt="" border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-3473114679390876672010-08-12T22:16:00.001-07:002010-08-12T22:20:11.462-07:00FAQ по HTML - ВведениеНачиная писать данный пост о часто задаваемых вопросах по <i>языку разметки гипертекста HTML</i>, я задумался над тем, что я могу сообщить нового. Зная, что в сети есть более расширенные сайты на эту тему, я решил дать только необходимую информацию по данному вопросу, а именно то, что чаще всего используется на практике.<br />
<br />
Думаю для тех, кто только осваивает HTML, будет очень удобно и полезно, так как они конкретно получат ответ на все свои вопросы.<br />
<br />
Начну с главного, что Вы должны знать.<br />
<br />
<b>HTML</b> - это простой текст, который с помощью специальных символов (тегов) может форматироваться. То есть при открытии любого браузера вы на экранах своих мониторов увидите текст аккуратно оформленный.<br />
<br />
Все теги заключаются символами <> и бывают двух видов одиночные и парные. Парные теги закрываются следующим образом .<br />
<br />
<img align="center" alt="Пример отображения парных тегов" class="img_border" src="http://www.mydesite.ru/img/blog/html_vedenie1.gif" /><br />
<br />
<br />
Как вы видите при правильном написании тегов каждый из них находиться, и закрывается в нутрии главного.<br />
<br />
То ест если представить теги в виде контейнеров содержащую необходимую информацию, то два соседних контейнера не должны пересекаться между собой.<br />
<br />
<br />
<img align="center" alt="Пример отображения не правельного сочетания тегов" class="img_border" src="http://www.mydesite.ru/img/blog/html_vedenie2.gif" /><br />
<br />
<br />
Структура любого html документа должна состоять из следующих элементов:<br />
<br />
DOCTYPE – указывает на тип документа;<br />
HEAD – блок (раздел) заголовка документа;<br />
BODY – тело документа;<br />
<br />
Как вы видите в предыдущих примерах, сначала мы указываем тип документа (данный тег необходим браузеру), далее идет блок тегов, указывающий, что данный документ html, после идет раздел заголовка документа, и только потом идет тело документа.<br />
<br />
Теперь поговорим о метатегах, которые необходимо размещать в разделе заголовка документа.<br />
<br />
<i>Title</i> – сообщает пользователю название сайта.<br />
<br />
<br />
<img align="center" alt="Пример по тегу title" class="img_border" src="http://www.mydesite.ru/img/blog/html_vedenie3.gif" /><br />
<br />
<br />
<i>Description</i> – описывает краткое содержание документа.<br />
<br />
<br />
<img align="center" alt="Пример по тегу description" class="img_border" src="http://www.mydesite.ru/img/blog/html_vedenie4.gif" /><br />
<br />
<br />
<i>Keywords</i> – в данном теги указывают ключевые слова, встречающихся на странице.<br />
<br />
<br />
<img align="center" alt="Пример по тегу keywords" class="img_border" src="http://www.mydesite.ru/img/blog/html_vedenie5.gif" /><br />
<br />
<br />
Так же в данном разделе публикуются теги кодировок и скрипты используемые на странице.<br />
<br />
<br />
<img align="center" alt="Пример по отображению параметра кодировки страницы" class="img_border" src="http://www.mydesite.ru/img/blog/html_vedenie6.gif" /><br />
<br />
<br />
В аргументе charset указывается кодировка. При отсутствии кодировки, браузер пытается ее определить сам. Есть вероятность, что она будет определена неправильно, поэтому необходимо ее указывать.<br />
<br />
<br />
<br />
<i>Содержание FAQ по HTML:</i><br />
<br />
<a class="js_right" href="http://www.mydesite.ru/blog/post6.html" title="Основные моменты в HTML">Введение</a>.<br />
<a class="js_right" href="http://www.mydesite.ru/blog/post7.html" title="Работаем с текстом">Форматирование текста</a>.<br />
<a class="js_right" href="http://www.mydesite.ru/blog/post8.html" title="Все о том как делать ссылки">Учимся делать ссылки</a>.<br />
<a class="js_right" href="http://www.mydesite.ru/blog/post10.html" title="Список и как с ним работать">Работаем со списком</a>.<br />
<a class="js_right" href="http://www.mydesite.ru/blog/post11.html" title="Создаем таблицы в HTML">Изучаем таблицы</a>.<br />
<a class="js_right" href="http://www.mydesite.ru/blog/post12.html" title="Работаем с формой">Форма, как средство взаимодействия с пользователем сайта</a>.<br />
<br />
<br />
<a href="http://alekseyfomichev.bestpersons.ru/invite110923" target="_blank" title="AlekseyFomichev в интернете"><img alt="" border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-89979646230924224052010-08-10T11:06:00.001-07:002010-08-10T11:09:31.307-07:00Как увеличить скорость загрузки сайта путем кэширования сайта и буферизации выводаЯ думаю, для вас не будет огромной тайной, если я вам сообщу, что статичные страницы загружаются намного быстрее, чем динамичные. Все достаточно просто. Статические страницы сразу же после запроса к ним обрабатываются браузером.<br />
<br />
С динамическими страницами чуть сложнее. Они сначала обрабатываются сервером, делаются запросы к базе данных и только потом отдается браузеру. Как вы понимаете время, затраченное на обработку страниц - увеличивается.<br />
<br />
Я предлагаю вам реально работающую систему кэширования страниц с буферизацией вывода. Данный скрипт прекрасно работает в рамках CMS AF. Что делает данная система:<br />
<br />
- записывает все, что происходит на сервере в файл;<br />
- сохраняет данный файл для дальнейшего обращения к нему.<br />
<br />
Сразу скажу, что данные сохраняются в статическом виде. Это дает нам огромное преимущество: ускорение загрузки страниц и снижение нагрузки на сервер, и базу данных.<br />
<br />
Мало того для того чтобы записать динамическую страницу в статичный файл будем пользоваться простой буферизацией страницы.<br />
<br />
Хватит теории - переходим к действию - <a href="http://www.mydesite.ru/blog/post3.html" target="_blank">Увеличиваем скорость загрузки сайта</a><br />
<br />
<br />
<a href="http://alekseyfomichev.bestpersons.ru/invite110923" target="_blank" title="AlekseyFomichev в интернете"><img alt="" border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-402401313163262202010-08-09T19:10:00.001-07:002010-08-09T19:10:26.375-07:00ТИЦ 10 или результат четырехмесячной работы<p>После очередного апдейта Яндекса, который случился 6.08.10г. ТИЦ Денежного сайта достиг минимального уровня в 10 единиц. С одной стороны можно радоваться тому, что так относительно быстро мой личный сайт вырос.</p><br /><p>По последним данным Яша не позволяет многим новым сайтам в течение полгода взлететь высоко. С чего это связано трудно сказать, но статистика SEO оптимизаторов говорит именно об такой проблеме.</p><br /><p>Возможно, Яндекс накладывает фильтр на новые сайты и ждет, когда те обрастут немного качественным контентом. Но это только предположение.</p><br /><p>Подолжение на <a href="http://www.mydesite.ru/blog/post39.html" target="_blank">Денежном сайте</a></p><br /><br /><a target="_blank" title="AlekseyFomichev в интернете" href="http://AlekseyFomichev.bestpersons.ru/invite110923"><img border="0" src="http://in1.bestpersons.ru/service/infoimimg/AlekseyFomichev" alt="" /></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-43898208886288888772010-08-09T11:20:00.001-07:002010-08-09T11:20:04.648-07:00Резервное копирование данных<p>Вот тебе и праздник. Думал, отдохну немного, а оказалось, провел двое суток в работе.<br/>Так что же произошло. Все произошло банально. Включил ноутбук и зашел на свой сайт и в аккаунт Твитера, чтобы оставить вам поздравительное сообщение.<br/></p><p>Писал в течении 10 минут, и вот уже заполнил порядком 2 страниц ворда как Бах-Трах и все потухло. Бук выключился. Обидно. Потеря всего что я вам напечатал. Включаю его заново результат нулевой. Wondows не хочет грузиться, выписывает ошибку в потере системного файла.</p><p>Вот тебе и праздники. Почти сутки выяснял что произошло. Пытался воскресить Windows? Но загрузочному диску не удается вообще загрузиться. При тестировании оказалось из за ошибки системная область основного диска "С" оказалась неактивной.</p><p>Пришлось форматировать диск и заново устанавливать операционную систему. Соответственно все данные которые хранились на диске "С" были потеряны.</p><p>Хорошо, что я наученный горьким прошлым опытом теперь каждый месяц сохраняю данные на DVD диски. Так что теперь я занимаюсь восстановлением всех данных.</p><p>Продолжение на странице - <a title='Резервное копирование данных' href='http://www.mydesite.ru/blog/post21.html'>Резервное копирование данных</a>.</p>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-52098824261825994912010-08-08T09:05:00.001-07:002010-08-08T09:05:08.301-07:00Переход на сервис почтовых рассылок Smartresponder.Ru<p>Готовясь к обновлению своего обучающего курса "Построй Информационный Бизнес Своими Руками", я задумался над тем как доставить курс своим подписчикам. Уже давно я не думал об этом, так как более 3 лет использовал скрипт В.Ласто, который достаточно хорошо зарекомендовал себя в Runete.</p><p>За это время я научился работать с подписным листом, а так же с вами мои дорогие друзья. У нас сложились, я надеюсь с большинством из вас достаточно дружественные отношения.</p><p>Но как не хотелось, бы расхваливать данный скрипт, все же я принял решения уйти от него и перейти на <strong>сервис Макса Хигера <a title='Сервис умных почтовых рассылок' href='http://statistics.infowind.ru/url_11_4.html' class='js_right'>Smartresponder.ru</a></strong></p><p>Почему я принял такое решение. Да все достаточно просто.</p><p>Занимаясь уже давно созданием сайтов, я технически перестал успевать и отслеживать работу <a title='Скрипт от Вадима Ласто' href='http://infowind.ru/shop/lasto.com.woodpecker.html' class='js_right'>скрипта Почтовый Дятел</a>. Хотя он продолжает работать отменно, все-таки на нем иногда случаются какие-то сбои, в которых мне просто некогда разбираться. Мало того я заметил что отклик от всех моих подписчиков стал снижаться. </p><p>После консультации с многими интернет предпринимателями они дали такой диагноз, письма просто не доходят до всех подписчиков. Хотя я все же в это плохо верю и думаю, что каждый из вас получает от меня все мои новости и выпуски, все же это меня насторожило.</p><p>Последней каплей в моих размышлениях стало то, что ко мне обратилось несколько человек с вопросом, что скрипт шлет письма с просьбой зарегистрировать подписчиков в базу на подписку В.Ласто. Я не против того чтобы пользователи сети читали качественный материал от мастера Ласто, но мне не понравилось что именно моим подписчикам предлагается насильственно такое решении.</p><p>Вот поэтому я перехожу на <strong>Smartresponder.ru</strong></p><p>Присматриваясь давно к сервису Макса Хигера и зарегистрировав бесплатный аккаунт, аж 2008 году, я так и не создал на нем сервис почтовых рассылок. Сейчас же буду наверстывать упущенное.</p><br/><p>Чем все же сервис привлек меня ранее и что я нашел в нем нового сейчас читайте на <a title='Переход на Smartresponder.ru' href='http://www.mydesite.ru/blog/post5.html'>Денежном сайте</a></p>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-18648275675620073112010-08-07T10:00:00.001-07:002010-08-07T10:00:03.437-07:00Всплывающая подсказка на jQuery<br/><p>Не так давно я узнал от Евгения Попова, в его очередном выпуске журнала, как сделать красивую <strong>всплывающую подсказку с помощью jQuery-плагина TipTip</strong>.</p><p>Я решил на практике убедиться, действительна ли она, так красива. Результат вы можете посмотреть, указав мышкой на любую ссылку сайта.</p><p>Особенности плагина в том, что подсказку можно выводить как на ссылку, так и на объект формы или на картинку. Мало того плагин обладает следующей особенностью. Он сам вычисляет геометрию страницу и края экрана, тем самым позволяет позиционировать подсказку.</p><p>Недостатки у данного плагина тоже есть. Он плохо отображается в браузере IE. А в остальном отличный инструмент позволяющий улучшить юзабилити сайта.</p><p>Давайте рассмотрим, как практически я его внедрил в свою систему управления контентом.</p><p>Скачав дистрибутив, который представляет Евгений я сразу же перешел к тем рекомендациям, о которых он рассказывал в видеообращении.</p><p>Модернизировав дистрибутив под свои нужды, я закачал его на сервер в отдельную папку.</p><p>Вы тоже можете скачать налаженный <em><a href='http://www.mydesite.ru/download/TipTip.zip'>дистрибутив jQuery-плагина TipTip</a></em> и применить у себя на сайте.</p><p>Открыв его, вы увидите, что он состоит из самого jQuery, плагина TipTip и таблиц стилей для оформления комментария.</p><p>Продолжение читайте на <a title='Денежный сайт' href='http://www.mydesite.ru'>Денежном сайте</a></p>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-62636361606615098482010-07-19T12:31:00.000-07:002010-07-19T12:31:50.735-07:00Обнавление курса Построй Информационный Бизнес Свомими РукамиНе хочется начинать с плохой новости, но жизнь электронного обучающего курса "<strong>6 стратегически важных моментов, на которые следует обратить внимание при создании своего информационного представительства в сети</strong>" подходит к концу. Он перестал быть актуальным на сегодняшний день.<br />
<br />
Испугались! Не огорчайтесь друзья мои.<br />
<br />
Не прошло и три года с его создания, как он уже не раз обновлялся. Так и в этот раз. Он возродиться как птица Феникс.<br />
<br />
Почему я не с того не с сего, решил его обновить! Да все очень просто. Многие ссылки в курсе перестали быть актуальными. За время его существования по нему прошли обучения порядком 978 человек. Многие из них стали активными подписчиками, единицы моими партнерами. Все они (я имею в виду активных подписчиков) высказали свое желания и рекомендации по обновлению курса.<br />
<br />
А раз так, то я засел за свой любимый ноутбук и начал готовить материал к обновлению.<br />
<br />
Продолжение читайте на <a href="http://www.mydesite.ru/blog/post2.html">Денежном сайте</a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0tag:blogger.com,1999:blog-9165404663902620610.post-21742657297655742472010-06-18T13:19:00.000-07:002010-06-18T13:26:48.047-07:00Полезные Сайты для Веб-мастера<span style="font-family: "Georgia", "Times New Roman", serif;"><span style="font-size: small;">Я с уважением отношусь к данной категории людей, так как некоторые из них проделывают огромный объем </span></span><span style="font-family: "Georgia", "Times New Roman", serif;"><span style="font-size: small;">работы в построении и совершенствовании своих сайтов.</span></span><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><span style="font-size: small;">На их сайтах можно найти достаточно много полезной информации как теоретической, так и практической. Некоторые веб-мастера публикуют практические наработки в виде скриптов счетчиков посещений и менеджера загрузок файлов, различных скриптов по обслуживанию сайта до сложных систем управления контентом.</span></span><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><span style="font-size: small;">Причем, данные разработки находятся в свободном доступе. а это прекрасная возможность для многих свободных, творческих людей учиться на чужом опыте, а возможно в дальнейшем и улучшить чем-то данные разработки.</span></span><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><span style="font-size: small;">Но не все так гладко в интернете. Для того чтобы улучшить скрипты, а потом сделать их коммерческим товаром необходимо вести долгую процедуру договорных отношений с автором скрипта. Хотя многие этого вообще не делают. Но я надеюсь, что вы не принадлежите к их числу.</span></span><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><span style="font-size: small;">По-моему мнению проще создавать свои коммерческие товары и извлекать из них прибыль, чем заниматься доработкой чужих наработок. Хотя обучаться на основе их стоит...</span></span><br />
<br />
<span style="font-family: "Georgia", "Times New Roman", serif;"><span style="font-size: small;">Продолжение читайте на странице - </span></span><a href="http://www.mydesite.ru/blog/post1.html"><span style="font-family: "Georgia", "Times New Roman", serif;"><span style="font-size: small;">О Полезных Сайтах для Веб-мастера</span></span></a>Алексей Фомичевhttp://www.blogger.com/profile/10586111256421201394noreply@blogger.com0