All To Ucoz

Редактор стилей на сайте

HaZarD — Fri, 14 Aug 2009 07:46:33 GMT

На сайте открылся сервис редактирования стилей, он предназначен для создания стилей текста, его фона, и много другого.
Очень будет полезен новичкам для изучения форматирования текста.
Ну короче говоря очень полезная вещь. Юзайте!

AllSubmitter

HaZarD — Tue, 11 Aug 2009 17:56:46 GMT

В этой теме обмениваемся базами и опытом работы в известной программе для регистрации сайта в каталогах - AllSubmitter

Вот сама программа: [Скачать]
Есть 1 база в архиве с программой.

Обзор средств для разработчиков

KamaZ — Sat, 08 Aug 2009 09:09:22 GMT

Привет. Сегодня хочу рассказать про дополнения к браузерам, необходимые каждому веб-разработчику. Всем известен FireBug — самое мощное и удобное дополнение для FireFox.

Но Firebug ничем не сможет помочь при работе с IE, Оперой или Сафари.

Итак, на повестке дня:

* FireBug для Firefox;
* DragonFly для Opera;
* WebInspector для Safari;
* Средства для разработчиков в Google Chrome.

Есть, конечно, и другие — о них я обязательно упомяну.

Firebug для Firefox

Не знаю точно, является ли файербаг прародителем других средств для разработчиков, но он определенно самый популярный, удобный и функциональный.
Firefox with Firebug

Firebug — это дополнение для Firefox, а значит его надо скачать с сайта Firefox add-ons и установить.

Для того, чтобы вызвать файербаг, достаточно нажать F12.

Возможности этого дополнения:

* Инспектирование и редактирование динамически изменяемого HTML;
* Редактирование CSS на лету;
* Отладка JavaScript, командная строка для выполнения скриптов;
* Мониторинг сетевых запросов — можно увидеть размеры и время загрузки файлов и скриптов, заголовки запросов;
* Анализатор DOM.

Можно долго рассказывать про эти возможности в деталях, но я думаю, что они всем нашим читателям известны, а если нет — подробная информация есть на домашней страничке Файербага или здесь то же самое в переводе Ильи Кантора.

Кроме самого firebug’a вам может пригодится полезная примочка к нему — FireCookie, c помощью которой (сюрприз :-) можно просматривать и изменять куки.

Web Developer Toolbar для Firefox

Еще одно полезное дополнение к Огнелису. Выглядит оно так:

Разберем по пунктам.

Disable
Позволяет выключить javascript, запретить использование кэша, что очень полезно при разработке (позволяет быть уверенным, что страница загрузилась вместе с последними обновлениями), отменить цвета, используемые на странице и заменить их стандартными, запретить отправление в заголовке реферера (страница, с которой был переход).

Cookies
Полезная опция для работы с куками: их можно просматривать, удалять, запрещать и добавлять.

CSS
Это меню хранит самую крутую фичу Developer Toolbar’a — редактирование CSS на лету. Кроме этого есть возможность просматривать css, запрещать и т.д., и т.п. На мой взгляд здесь очень полезно наличие быстрых клавиш (CTRL+SHIFT+C, к примеру, позволяет сразу перейти к просмотру стилей страницы)

Forms
Все для работы с формами: показывать пароли, показывать информацию о формах, конвертировать методы форм (GET -> POST и наоборот) и многое другое. Полезная функция «Populate Form Fields» для автоматического заполнения полей формы (например, при тестировании сайта, когда функция запоминания паролей в FF отключена. В остальном не вижу в этом пункте ничего полезного.

Images
Здесь есть полезная функция отключения изображений — чтобы посмотреть как выглядит ваш сайт без картинок. Картинки можно обвести, показать их размеры, показать alt-атрибуты.

Information
В этом меню очень много опций. Может быть полезной функция отображения атрибутов class и id на странице. Кроме этого интересен пункт «View Color Information» — чтобы быстро получить информацию о цветах, которые используются на странице. «View document size» — просмотр размера страницы. «View Response Headers» — просмотреть заголовки страницы.

Miscellaneous
Самая часто используемая функция — очистка кэша. Кроме этого здесь доступны функции «Page ruler» — линейка, «Page Magnifier» — лупа и «Line guides» — несколько линий, которые могут быть полезны чтобы подровнять шаблон.

Outline
Выделение разных элементов страницы — таблиц, заголовков, ссылок, фреймов, блоков. Resize
Позволяет изменять размер окна браузера под какие-либо стандартные расширения экранов. Tools
Здесь хранятся фичи для валидации страниц. Как локальных, так и внешних. Удобный и быстрый доступ к валидации HTML, CSS, и прочего. Для валидации HTML можно использовать клавосочетание CTRL+SHIFT+H.

View Source
Просмотр исходного кода. Возможность просмотра в внешнем приложении, просмотр сгенерированного кода.

То, что находится в правом углу мне нравится больше всего. Это быстрый валидатор HTML, CSS и индикатор ошибок JS. Если проблем никаких нету — значок зеленый, а если есть проблемы — красный.

Opera with DragonFly

DragonFly встроен в Оперу, начиная с версии 9.5, поэтому устанавливать не надо. Для того, чтобы активировать Драгонфлай переходим в Инструменты → Дополнительно → Средства для разработчиков. А если по английски, то Tools → Advanced → Developer Tools.
Сразу предупрежу, что DragonFly находится в стадии Alpha2, этим объясняются многие его глюки.

Возможности списком:

DOM инспектор;

Инспектирование кликом (опять-таки, мы не увидим отступов, как в FF);

Редактирование CSS;

Быстрый доступ к консоли ошибок.

DF — что-то вроде отдельной страницы во фрэйме. Если вы его открыли, оно будет открыто для всех вкладок (в отличие от firebug’a). Поэтому перед инспектированием элемента надо выбрать из списка страницу, которую мы хотим просмотреть.
К сожалению здесь, как и в IE Dev Toolbar не отображаются динамически создаваемые элементы. И вообще, когда мы инспектируем страницу, никакой js не запускается: ссылки и кнопки не нажимаются. Будем надеяться, что когда DragonFly подойдет к релизу, мы увидим все эти возможности.

Web Inspector в Safari

Для того, чтобы включить в меню Сафари пункт «Разработка», необходимо в настройках (закладка «Дополнительно») включить соответствующий пункт:

В меню «Разработка» нам доступны следующие функции:

Давайте рассмотрим в деталях веб-инспектор:

По умолчанию инспектор открывается в режиме просмотра HTML. Но его можно переключить в режим просмотра DOM. Для этого на верхней плашке имеется переключатель. При наведении на элемент в инспекторе, он будет подсвечен на самой странице. Увидеть отступы, изменить разметку или CSS на лету или увидеть динамические изменение в DOMe на лету, как в FireBug нельзя. Зато, согласитесь, выглядит весьма мило.

Если есть желание работать с инспектором в окне браузера, можно нажать на кнопочку в нижнем левом углу.

Еще в сафари доступна такая функция, как «Шкала времени сети», (кнопка «Network» в инспекторе):

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

Всяческие штуки для разработчиков в Google Chrome

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

Списком:

DOM Inspector;

Отладчик JS;

Консоль JS.

Для того, чтобы проинспектировать какой-либо элемент, на него надо нажать правой кнопкой и в контекстном меню выбрать «Просмотр кода элемента»:

Функционал тот же, что и в Сафари: элементы подствечиваются при наведении, но не доступны редактирование CSS и HTML, не отслеживаются изменения в DOM. Вот только, кнопка в левом нижнем углу, которая должна прикреплять инспектора к окну браузера не работает =(.

В закладке «Resources» мы можем увидеть следующее:

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

В этой статье я рассмотрел наиболее известные расширения и встроенные средства для браузеров.

Если есть дополнения, о которых я не упомянул, а стоило бы, или есть функции у упомянутых расширений, которые я упустил, пишите.

Всем хорошего настроения!

Интернет искания начинающего web-дизайнера

HaZarD — Sat, 25 Jul 2009 06:42:11 GMT

Вступление

Эта статья предназначена, как вы уже наверно догадались, для новичков web-строительства, рвущихся окунуться в дебри Интернет–технологий и обзавестись собственным сайтом. Я вкратце обрисую свой нелегкий путь действий, а вам уже решать – либо следовать по моим стопам и вкусить всю прелесть творческих метаний, либо сразу насладиться конечным продуктом моих исследований.

Новое начало

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

1. программой Macromedia Dreamweaver 8.0
2. книгой Дронова В.А. «Самоучитель Macromedia Dreamweaver 8»

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

На Narodе

Как и все новички, «Барахолкин» решил начинать с народа. Просто, бесплатно, надежно – вот как я могу охарактеризовать удобство использования данного сервиса. Даже когда мой сайт взломал подлый хакер-малолетка, разлочив гиперсложный пароль 123456, я отправил в службу технической поддержки скан своего паспорта - и вуаля – злобный кулхацкер пошёл на …

Кроме вышеизложенного, на народе есть довольно приличные (для новичков) сервисы: информер погоды, опросы и неограниченное файлохранилище. А вот форум и гостевая книга никуда не годятся, но их можно прикрепить к сайту с других сервисов (так я и сделал).

Ещё один интересный момент. Заметил, что сайты на народе очень неплохо индексируются самим Яндексом, и это не может не радовать.

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

Поговорим о недостатках. Наиболее существенным является невозможность организовать динамический сайт. Иными словами – забудьте о комментариях к статьям, оценках материалов и «прочих вкусностях». Кроме того, не очень удобно, когда сайт, форум и гостевая книга находятся на разных сервисах. Плюс ограничение в размере сайта – 100 мегабайт.

Вывод: начинать с народа вполне можно. На нём вы сможете неплохо изучить язык HTML и вникнуть в принципы работы Интернета. И не надо слушать доморощенных «профессии-аналов» на многочисленных форумах, распространяющих страшные истории о том, что «побывав один раз на народе, от него потом очень трудно отмыться». Это полный бред.

Бесплатный хостинг с PHP MySQL – миф или реальность?

Когда отсутствие комментариев к статьям на сайте сдавило горло удавкой беспомощности, я «углубился» в Дронова и понял – чтобы создать динамическую страничку нужен хостинг с PHP MySQL. Если вкратце: PHP - язык написания динамических сайтов, MySQL – базы данных, куда заносятся комментарии и т.д и т.п. Писать свой сайт я не стал, а решил попробовать с бесплатных «движков» (шаблонов) для сайта - Joomla и WordPress. Но речь, собственно, не о них. Эти движки нужно установить на хостинге, поддерживающем PHP и MySQL. Единственный найденный мной бесплатный русскоязычный хостинг, удовлетворяющий столь скромным требованиям, был holm.ru

После месяца испытаний могу сказать только одно – ацкое мясо. Постоянные вылеты. Закачать движок на сервер удалось с пятой попытки. Впоследствии выяснилось, что часть файлов при копировании унесло в «параллельные миры» и сайт тупо не открывался. Уже слышу укоризненные нотации: «А ты чего хотел? Бесплатный сыр только в мышеловке». Что ж, мне остаётся только подтвердить общеизвестную поговорку и от себя добавить: «На холм – ни ногой!»

Вывод: бесплатный хостинг с PHP MySQL – это миф.

Юкоз нам указ!

Следующим шагом на пути к бесплатному счастью стал общеизвестный сервис ucoz.ru

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

Если знаний хватает, то в остальном - полный порядок:

- место для сайта от 300 мегабайт и выше по нарастающей
- свой форум, гостевая, чат, опросы и многое другое
- возможность соорудить уникальный дизайн любой сложности
- чертовски стабильная работа сервиса
- простой в использовании движок для управления сайтом
- ненавязчивая реклама с возможностью настройки цвета и формы блока
- отличный сервис статистики (учета посещений), очень удобный
- мощный форум технической поддержки (если знаний всё же недостаточно)
- возможность прикрепить свой домен (уникальный адрес сайта)
- и главное – всё это удовольствие – БЕСПЛАТНО

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

Счастью не было предела, но реалии быстро вернули меня с небес на землю. Моё детище находилось на домене .ucoz.ru, а посему было в опасности. Блокировка аккаунта, взлом сайта, обрушение сервера - и навсегда можно забыть о существовании «Барахолкина». Сайт конечно сохранится – я бережно храню все материалы на жестком диске, но адрес сайта может быть утерян безвозвратно, и многочисленные пользователи уже через неделю забудут о моём существовании. А так хотелось увековечить своё имя в веках!

Покупка домена второго уровня или - гони бабло

Вот и закончилась бесплатная одиссея «Барахолкина» Сергея. Пришла пора раскошелиться. Домен покупал у проверенного временем и кризисом поставщика – nic.ru Регистрация и год аренды – 600 рублей, продление ещё на год – 450 рублей. Сложно назвать такие суммы обдираловкой, даже в разгар кризиса.

Ucoz опять не подвел (хотя и изрядно пощекотал нервы) – домен прикрепился без осложнений, и, в общей сложности, через двое суток мой сайт был доступен по новому адресу, и полностью функционален. Теперь случись чего, не дай бог, я всегда могу воспользоваться услугами другого хостера, а страничка останется той же. Красота!

Высшая ступень эволюции

Что остается сделать в будущем? Убрать рекламу и логотип ucoz. А зачем? Стоимость этих услуг такова, что на вырученные деньги можно купить хостинг без рекламы и установить туда бесплатный движок. А стоит ли игра свеч? Ответ на этот вопрос может дать только время … и опыт. И если на юкозе не будет «штормить», то думать об уходе я буду с большой неохотой…