Итак, наконец-то я дописал таки продолжение обзора по хостинг – компаниям. Параллельно меня учили как это делать, показали сайт как хостобзор.ру. На данном сервисе Вы можете легко сравнить выбранные хостинги от разных фирм. Так то россиянам в этом смысле повезло :). Казахстанские хостинг-компании либо не хотят добавляться, либо не знают об этом ресурсе. Ну, поэтому и актуальность сего поста будет оставаться дольше
В просторах интернета мне встретились 16 хостинг-компаний Казахстана (по крайней мере они так себя позиционируют), так сказать у них можно купить казахстанский хостинг. Переходить к окончательным выводам по первому/поверхностному анализу нельзя, поэтому я решил их проверить на качество обслуживания.
Надеюсь, на мои письма отвечали не такие работники
Что я делал? После 12 ночи по времени Астаны, я писал в техподдержку с тем или иным вопросом, фиксировал время отправки, затем фиксировал время ответа, разница (т. е. скорость ответа явились ключевым моментом:) ) Эксперимент был проведен во второй половине декабря 2011 года. Не претендую на чистоту эксперимента (в количестве отправленных mail’ ов), но я не жульничал, да и зачем мне это?
Для серьезным проектов, важно быстро и оперативно среагировать на ту или иную проблему, так что делаем выводы для себя.
Приветствую всех посетителей блога gtalk.kz. Давай сегодня поговорим о важной составляющей любого веб-мастера и seoшника. Конечно, это софт, или программы. Наличие тех или иных программ, позволяет нам более правильно принять решение, зарабатывать деньги и т.д.
Сегодня я решил сделать обзор бесплатного seo софта для вас ;). Предварительно разделив весь софт на небольшие категории.Важное условие всех программ из списка их бесплатность. Если Вы не нашли программу, распространяемую под знаком free, отпишитесь, и я с удовольствием ее добавлю. (Но для начала дождитесь второй части )
И так, как всегда меньше слов больше дела. Начнем.
Индексы цитирования Яндекса – ТИЦ и Google – PageRank;
Количество страниц, проиндексированных поисковыми системами Яндекс, Рамблер, Google, Апорт и Yahoo.
Количество ссылок на сайт, обнаруженных поисковыми системами Google, Яндекс, Yahoo.
Данные о наличии сайта в каталогах Яндекс, Рамблер Top100, Апорт и DMOZ.
Если на сайте будут обнаружены счетчик Рамблер Top100, утилита соберет данные о количестве посетителей и просмотренных страниц за последние 7 дней.
Если будут обнаружены счетчики статистических систем Top.Mail.ru, LiveInternet (Rax), SpyLog, HotLog, то будут даны ссылки на страницы этих поисковых систем.
Программа позволяет осуществить мониторинг сайта в Google, Яндекс, Rambler, Yahoo, а так же отображает показатели сайтов, такие как Google PageRank и Яндекс тИЦ.
Думаю, из самого названия становится ясно, что программа предназначена для анализа параметров сайта.
В программе имеется возможность сохранения истории анализов и экспорта полученных результатов. Для программы характерны высокая скорость работы, большое количество анализируемых данных, широкие возможности применения программы. Есть возможность работы через прокси. Также программа работает с сервисом Антикапча.
СловоЁБ – это новый программный продукт, позволяющий эффективно парсить и обрабатывать слова. Среди основных инструментов СловоЁБа числятся:
1) парсинг сервиса Yandex.Wordstat: “плоский” и “объемным” поиск;
2) статистика LiveInternet: раскладка по популярности запросов в поисковых системах;
3) статистика Web Effector: бюджет, региональность, сроки продвижения и CPC запросов.
4) позволяет определять целевую страницу под запрос в Яндекс и Гугл.
Программа поддерживает ручную обработку капчи Яндекса, а также работу через прокси-серверы. В качестве альтернативы многопоточности выступает опция “Множитель скорости”. Программа автоматически уменьшает время таймаута на количество добавленных прокси-серверов, в результате чего достигается не худшее увеличение скорости обработки данных.
Словодёр — новый эффективный парсер поисковых подсказок. Основной конек Словодёра — развернутый результат. Так, только на нулевом уровне парсинга можно получить уже больше тысячи подсказок. Что уж говорить о поиске “в глубину”.
Программа поддерживает работу через прокси-сервер, работает с популярными поисковыми системами, причем, в многопоточном режиме. Это означает, что одновременно анализируются данные со всех отмеченных ПС.
Программа YAST Keywords предназначена для автоматизации рутинных операций по поиску ключевиков и анализу их частотности, составлению семантического ядра сайта, а так же подбору эффективных фраз для показа контекстной рекламы.
Простая программа для работы с ключевыми словами вашего сайта.
KeyWordKeeper создан для обработки txt-баз ключевых слов. Богатые возможности программы постоянно дополняются и исправляются. Незаменимая утилита в работе! Программа под Windows (тестировалась под Windows XP 32bit SP2 и Windows Vista 64bit SP1), установки не требует, просто скопируйте exe-шник в директорию с Вашей базой. Перед тем как использовать, настоятельно рекомендую потратить пару минут, прочитать мануал к программе. Просто в некоторых модулях (например, в модуле “Создание выборки”) тяжело самостоятельно догадаться до полного алгоритма работы.
Наверное, Вы когда-нибудь встречали подобные символы “”, “!” и [ ]. Некоторые их используют, некоторые нет, но знать про них должен каждый уважающий себя пользователь контекстной рекламы.
Программа StringConverter призвана помочь и заметно ускорить рутинную работу по использованию данных символов, при подборе ключей.
Основные возможности программы:
Возможность сохранения пяти различных схем преобразования
Быстрое переключение между схемами по хоткею
Импорт списка ключевых слов из файла
Обработка ключевых слов из буфера обмена по хоткею
«Магадан» — это набравшая большую популярность в Рунете программа для удобного автоматического сбора и обработки статистики показов ключевых слов Яндекс.Директа. Есть платная версия PRO.
– программа для определения позиция вашего сайта в ПС и парсинга подсказок.
Seo analizator – это программа предназначенная для облегчения труда оптимизатора. Программа позволяет за короткое время определить сео параметры Вашего сайта. Программа отличается от подобных своей скоростью определения параметров. Очень удобный и понятный интерфейс. Все результаты можно сохранять в файлы. У программы несколько основных функций.
Ya Monitor – это очень простая и удобная SEO-утилита, выполняющая мониторинг позиций веб-сайта (или нескольких) в такой популярной отечественной поисковой системе как Яндекс. Поддерживаются опции импорта, экспорта, множество URL-ов и работа с прокси.
Программа для проверки позиции сайта в Google, с помощью нее, например, можно смотреть московскую выдачу по запросу SEOCAFEинфошность.
Операционная система: Windows 98/2000/XP/Vista
Эта маленькая утилита – возможно, лучший инструмент для проверки и мониторинга позиций в Google. Она показывает положение сайта в Гугл по выбранным ключевым словам, а также состояние топ-листингов на текущий момент. Поддерживаются любые языки и около 30 дата-центров Google. Легка в освоении и полностью бесплатна.
Программа парсит выдачу Яндекса и предоставляет возможность дополнительно выделять только подсвеченные в титлах слова.
Скачать [Download not found]
PaRaMeter
Проверка Google PageRank всех ваших сайтов одним щелчком!
Операционная система: Windows 98/2000/XP/Vista
PaRaMeter (от слов “PageRank Meter”) позволяет вам автоматически проверить такой параметр как PageRank. Безусловно, это можно сделать и вручную, однако PaRaMeter позволяет сэкономить ваше время, более удобен и не требуeт установки Google Toolbar на ваш компьютер.
На данный момент программа работает с 9-ю поисковыми системами. В их числе: Google.ru, Yandex.ru, Rambler.ru, Mail.ru, Google.com, Google.com.ua,Google.lv, Yahoo.com, Live.com.
2 алгоритма поиска позиций.
4 языка (английский, русский, латышский, украинский)
Есть возможность использовать proxy (может быть полезно для людей со статическим IP)
Обход капчи.
Возможность импорта проектов из semonitor и Site-Auditor.
Определение самых релевантных и количества страниц на сайте по заданым ключевым словам (фразам).
Проверка данных по сайту Google Pr, Yandex тИЦ, Число страниц в индексе Google, Число страниц в индекске Yandex, В каталоге Yandex.
Программа для массового добавления сайтов в аддурилку gogo.ru
Название программы говорит само за себя. Только зачем нужно создавать программу для добавления только в gogo.ru ? Ну, да ладно, как говорится, на халяву…
Приветствую всех посетителей блога. Вы знаете что такое SEOCAFEинфошность? нет? Честно, сам не в курсе, что может состоять из слов seo, café и инфошность.
На самом деле это шутка, а этот пост написан специально для форума seocafe.info . Думаю, теперь понятно, почему выбрано такое необычное слово для продвижения внутренней страницы сайта.
Давайте вкратце о конкурсе «SEOCAFEинфошность» дабы ввести Вас в курс происходящего:
Длительность конкурса:
До 31,03,2012 года, поэтому это не может не радовать
Призовой фонд – самое интересное – 32565 wmr
1 место – 12765 wmr;
2 место – 5000 wmr;
3 место – 3000 wmr;
4-7 место – по 1000 wmr = 4000 wmr;
8-33 место – по 300 wmr каждому участнику = 7800 wmr;
К чему я все это?
К тому, что seocafeinfo предлагает неплохо подзаработать. Согласитесь первые 33 места призовых (!) совсем неплохо. Ведь согласитесь, заработок в интернете всегда манит людей к себе, как легкая нажива Поэтому, каждый из Вас освоив азы, попрактиковавшись в веб-разработке, продвижении сайта, может принять участие для оттачивания мастерства и/или получении денежной премии. Думаю, такие конкурсы для новичков это время пробовать себя, экспериментировать, сделать анализ и вывод своих действий.
Но в погоне за деньгами важно:
– не терять голову
– распланировать продвижение (т.е. придумать план)
– начать выполнение по пунктам
– изменять и дополнять операции, следить за тем, что лучше повлияло на выдачу и т.д.
– делать постоянный анализ
Думаю, следуя таким (казалось) простым пунктам можно добиться всего ;).
Теперь вкратце, что можно предпринять:
– Социальные сети: ретвиты (надеюсь Вы уже нажали кнопку твитнуть ), постинг (в принципе как обычно).
– Внутренняя оптимизация (необходимо немного увеличить ключики, направить внутренние ссылки, в общем подстроиться под запрос сеоинфошности)
– Внешняя оптимизация (Закупка ссылок, различные прогоны и т.д.) – тут конечно, еще стоит все хорошенько обдумать: если покупать ссылки, то скорее московские (прям, как будто колбасу выбираем:) ), заказать статьи и т. д. Тут правда опыта поменьше, но для этого и конкурс ведь.
Денежное дерево на удачу. Все по фэн-шую
Хочу сказать, что меня привлекло больше не деньги, а сам азарт поучаствовать: как далеко я смогу пробиться в московскую выдачу google.ru, ведь казахстанскому блогу, однозначно сложней попасть в топ российской выдаче. (если в google.kz я нет, нет появляюсь на 1 странице, то в google.ru проблемки) Но думаю тем интересней будет. Будет отходить от регионального продвижения в сторону больших денег :))
Надеюсь, SEOCAFEинфошность принесет мне удачи и прибыль.
Кстати, пока не забыл:
Хочу официально признаться, если я выиграю, то буду обязан разыграть деньги среди моих пользователей.
Поэтому надеюсь, Вы меня поддержите в продвижении этой страницы. Как потратить деньги еще не думал (наверное, потому что до победы даалеко), ну, можно затем провести мини конкурсы, например.
Это я! Надеюсь принести приз от SEOCAFE домой
Теперь как можно помочь в продвижении запроса SEOCAFEинфошность?
– ретвит поста (самое малое, что Вы можете сделать)
- ссылку на данный пост с анкором «SEOCAFEинфошность» (потом можно будет удалить ее )
– также большая просьба всем поставить +1 от google, думаю это будет действительно + в продвижении проверим теорию на практике.
– отписаться в комментариях о слове сеокафеинфошность и что же это значит, как Вы думаете?
– просто отписаться и поддержать меня морально за это отдельное спасибо))
Спасибо, всем кто меня поддерживает, надеюсь на удачу и свои знания.
UPD: Думаю, никто не обидеться, на время убрал ссылки с комментариев с данной страницы. Надеюсь поймете . Ссылки с комментаторов убрал только на данной странице. с/у УтБ
На десерт сегодня скороговорка от Светлакова, надеюсь попасть в топ-33 будет проще
Как всегда приветствую Вас, ищущего полезную информацию по верстке сайтов. Сегодня мы поговорим о кодировке файлов. Данную тему важно запомнить один раз и больше к ней не возвращаться. Сегодня мы будем говорить о том, как сохранить файл в кодировке utf-8, почему необходимо использовать utf-8?
Что же такое юникод, utf-8, преимущества и минусы можно почитать на Wikipedia, так и на других сайтах, например, мне понравилась статья Дмитрия, в ней интересно описано откуда и почему появились кодировки ASCII, юникод и UTF 8, расширенная ASCII (Windows 1251, CP866, KOI8-R).
Давайте, перейдем к нашей теме и начнем разбираться с проблемами во время нашей верстки сайта.
Все это от того, что в cp1251, например, всего 256 символов (что в принципе достаточно для кирилицы), а в Unicode более 100 000 символов. Поэтому я советую создавать html каркас (как html верстальщик) и вообще сайты с кодировкой utf-8. Вы скажите мне достаточно window-1251, так как я использую кириллицу. Полностью согласен с Вами, но если Вы захотите использовать специальные символы, или сделать мультиязычный сайт? Ну, а в связи с тем, что я верстаю для Казахстана, то кодировки cp1251 изначально не подходит, так как обычно используется казахский, русский и английский языки. Лучше запостись символами .
Как сохранить файл в кодировке utf-8 без BOM? (utf-8 without BOM)
Именно так и надо сохранять без BOM (Byte Order Mark или— сигнатура – три символа, которые все портят).
Не все программы способны сохранять файлы в кодировке utf-8 без BOM. Яркий пример – Блокнот от Windows.
Программа Notepad++
Программа шикарная и очень полезная как для верстальщика, так и для программистов, веб-разработчиков. Посетите официальный сайт, там же можно скачать редактор совершенно бесплатно.
Откройте файл и выберите преобразовать в utf-8 без BOM.
Если нажмете кодировать в utf-8 без BOM, то произойдет следующее.
Если сомневаетесь и, чтобы не рисковать всегда делайте backup – резервное копирование!
Программа PhpDesigner
PhpDesigner – удобный редактор. Программа платная.
Немного сложней будет. Для начала проведем настройки для браузеров:
1. Откройте выпадающее меню: Создать новый файл -> Изменить шаблон (Edit template) либо Файл -> Новый… -> Edit templates
2. Выберите Html и вставьте туда следующий код и поставьте галочку на «Использовать данный шаблон для HTML/XHTML» (Use this template for HTML/XHTML):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Документ Без Имени</title>
</head>
<body>
</body>
</html>
Установка кодировки:
– Пройдите: Инструменты -> Установки (или вызовите через CTRL + E) и выставите соответствующую кодировку.
Текущую кодировку можно увидеть в нижней части программы слева.
Можно, конечно, пойти другим путем. Создать файл, после открыть файл в Notepad++ и сделать соответствующие настройки.
Программа PSpad
Pspad - еще один неплохой текстовый редактор. Кстати, полностью бесплатный. Функций больше чем у Notepad++.
Поменять кодировку текущего файла в Pspad очень просто: Вкладка Формат -> Выбрать необходимую кодировку (например, utf-8)
Кодировка для браузеров по умолчанию:
Создать новый файл (Ctrl + N) -> Из шаблона -> Html -> Html 4.01 Transitional -> Правка…
В charset впишите необходимую кодировку, например:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Untitled</title>
</head>
<body>
</body>
</html>
Сохраните и закройте шаблон.
Теперь, создавая новый файл из шаблона все будет готово.
Опции -> Настройки… -> Файл -> utf-8 без BOM (либо другая кодировка)
По умолчанию файл html создается без meta данных. Вставить кодировку (charset) для браузеров можно так:
Вставка -> Кодировка -> Unicode (utf-8) (либо другая необходимая)
Кодировка с помощью .htaccess
С помощью файла .htaccess можно заставить браузер отобразить нужную кодировку. Не советую пользоваться данным методом на работающих сайтах (я обычно использую только для html на локалке, ), но все же метод работающий. Добавьте в файл:
AddDefaultCharset utf-8
Внимание! Ваш хостинг может не поддерживать данные настройки.
Сообщение кодировки для браузеров
Как браузеры понимают, в какой кодировке Вы писали свой файл? Для этого и существует строка (мета данные):
Приветствую всех пользователей своего блога. Сегодня продолжаем поисковики как можно скорее проиндексировать Ваш новоиспеченный сайт. Ранее мы уже говорили об ускорении индексации поисковиками с помощью Ping сервисов. Если Вы еще ее не читали, то советую прочитать. Там же Вы сможете найти актуальный список пинг сервисов, и как поддержать их актуальность.
Говоря о продвижении, я говорил о важности rss агрегаторов. Давайте, теперь перейдем от теории к практике.
Rss adder – неплохая программа для добавления Вашей rss ленты в агрегаторы. Давайте, посмотрим, как ей пользоваться и научиться быстро добавлять ленту сайта в агрегаторы. Но прежде основные преимущества:
Бесплатность программы
Создание своей базы
Простота использования
Взгляните на интерфейс программы, по сути, мы лишь упрощаем процесс добавления, а сама Rss adder выступает в качестве браузера со ссылками на rss ленты и необходимой информацией.
Подготовка к добавлению rss ленты.
Для начала, я надеюсь, Вы создали свою ленту сайта через сервис feedburner.com . Нет? Тогда читает статью Сервис feedburner – rss лента для сайта и возвращайтесь.
Советую, создать отдельный mail ящик. Будем его использовать при регистрации, дабы не засорять ваш основную почту. Не создавайте почту с названиями типа spam, notspam, SpAmMer и т.д.
Выпишите на отдельный файл:
- адрес блога (c http://)
- название блога
- адрес Rss-фида (сервиса feedburner)
- ключевые слова сайта
- описание сайта
В дальнейшим Вам еще часто понадобится такой файл ;), так что не забрасывайте его далеко.
Заполните все соответствующие поля. И кликайте по rss-агрегаторам слева в колонке. Программа автоматически добавит необходимую информацию, а если нет, просто нажмите на кнопку Копировать и вставьте с помощью кнопки Заполнитьформу, и введите Captcha. Все не так и сложно как казалось.
Возможно, не слишком быстро, но парой ручная регистрация лучше, чем автоматическая. А данная программа направленная на облегчение ручного добавления. Список rss-агрегаторов.
Список всех rss агрегаторов находится в файле RSSAdder.ini . Вот настройки:
[SITExx] – RSS-агрегатор, где xx – номер по порядку
url – ссылка на страницу добавления RSS-ленты
field_url – поле “URL сайта”
field_rss_url – поле “URL rss”
field_rss_name – поле “Название RSS/сайта”
field_dsc – поле “Описание сайта”
field_keys – поле “Ключевые слова”
field_email – поле “Email”
key_delimiter – разделитель ключевых слов
В архиве для скачивания программы Вы найдете 2 файла RSSAdder.ini с 82 и 50 базами.
Осталось лишь сказать, что вкладка HTML Form Viewer нужна для изучения новых агрегаторов и добавления их в Вашу базу.
Приветствую пользователей своего блога. Одной из важных тем для молодого/только созданного блога – это ускорение индексации его поисковиками. Одних из способов использование пинг сервисов, т.е. вы сообщаете поисковика: «Эй, я тут новости то выходят, или я обновлен проверь ». Естественно результат себя долго ждать не заставит.
Давайте начнем с того, что на вордпрессе есть специальный раздел в настройках: Options – Writing – Update Services (Настройки-Написание-Сервисы обновления). Здесь Вы можете в строчку вписать пинг сервисы, которые необходимо оповещать. Пустовато? Будем исправлять
На WordPress Codex есть Сервис обновлений. Рекомендую ставить его, если у Вас уже достаточно взрослый блог, и быстрая индексация Вам в принципе не к чему. (У каждого процесса есть обратная сторона, чуть позже об этом)
Также много ping сервисов можно найти в интернете по соответствующему запросу. Но проблема в том, что многие сервисы закрываются, некоторые уже неактуальны/недоступны, и т.д. Поэтому важно использовать актуальный список ping сервисов.
Но Вам унывать не стоит, так как я потратил свое драгоценное время и создал для Вас небольшой списочек из «живых» сервисов.
Как сделать всегда актуальный список? И исключить не работающие сервисы?
Рассказываю:
1. Качаем по запросу «список ping сервисов». Я скачал 1163 шт.
2. Сортируем список. Копируем весь список, например, в Excel + плагин для wordpress Ping list checker. Теперь необходимо удалить дубликаты. Сделано.Там же можно посмотреть работающие сервисы, но выдало ошибку.
3. Чистых оказалось 239 штук. Но ведь нам нужны только работающие!
4. Качаем программу pings. Формируем список (в строчку) в txt файл. Добавляем в программу и пингуем с фильтром:
a. Если ошибок более 1
b. Код последней ошибки 404
5. Все. Получаем список. Слева выбираем все сервисы с ошибками и удаляем их. Оставшиеся сохраняем (всего у меня 182) Как вариант, можно использовать PINGXPERT после пинга все ресурсы выдавшие запрос 200 актуальны ;).
Теперь можете добавить и радоваться. Но прежде дочитайте пост до конца.
Возникающие проблемы .
Осторожно! Частый пинг Вашего сайта может оказать отрицательные последствия.
– Представьте, что Вы отредактировали 2 строки, но WordPress сообщит всем сервисам об изменениях. Обрадовавшиеся поисковики огорчатся, а когда они часто огорчаются это уже плохо (думаю я объяснил, что можно попасть в «черный список»). Поэтому, большое количество пинг сервисов не всегда хорошо. Думаю с возрастом их надо уменьшить до 25-50.(например, Сервис обновлений от wordpress.org)
– Еще одной проблемой является нагрузка на сервер. Вряд ли, хостинг-компания Вам скажет спасибо за «толпу» рыщущих ботов
Для решения некоторых проблем есть плагины для wordpress:
– Ping List Checker проверяет совпадения и актуальность вашего списка.
– Сbnet Ping Optimizer оптимизирует работу, так чтобы Вы не были спамером))
UPD: для Joomla CMS есть отличный плагин для ускорения индексации – BlogPing.
Для любителей софта существует несколько удобных программ:
– PINGXPERT– простая и бесплатная программа для оповещения пинг-сервисов.
– “Пинговалка” – интересная и бесплатная программа с полезными возможностями для умного пингования сервисов обновлений
Скачать актуальный сервис ping-ов 18.01.2011
[Download not found]
Для более взрослых блогов, можно использовать следующий список:
Надеюсь, статья Вам понравилась, и оказалась полезной. Подписывайтесь на обновления, если хотите почитать новенького от меня . Также буду благодарен за ретвит.
Приветствую пользователей своего блога, любителей создавать, оптимизировать и продвигать свои сайты, порталы, форумы и т. д.
Сегодня я отвечу на несколько постоянно задаваемых вопросов по верстке связанные в основном с каскадными таблицами, т. е. с css. А также небольшой опрос в конце поста.
Вопрос №1. Как центрировать сайт?
Если бы внимательно читали мои уроки по верстке, (продолжение обязательно будет) то вопрос сам бы собой отпал.
И так, создавай сайт мы создаем некий каркас. Обычно его называют #wrapper , #wrap и т. д. Блок идет обычно после тега body (тут все зависит от сложности сайта). В css файл прописываем ширину и внешние отступы:
#wrapper {
width:1024px;
margin:0px auto;
}
Все ок. Ваш сайт будет центрирован.
Вопрос №2. Как зафиксировать фоновую картинку ?
Тут все проще чем кажется. Надо вначале определить блок, в который мы поместим наше изображение. Например, #main, а можно и в сам тег body. Css код выглядеть будет так:
body {
background: url(images/vasha_kartinkaa.jpg) fixed 0 0 no-repeat;
}
Теперь фон будет стоять на месте, а контент прокручиваться.
Вопрос №3. Как уменьшить css файл?
Вопрос очень интересен. Что может сделать html верстальщик в таком случае? Писать проще и короче. Ведь чем меньше кода тем легче файл.
Можете посмотреть презентацию моих советов по html и css. Заменяйте и объединяйте селекторы, вместо:
Намного приятней удобней и короче, не так ли? Запомнить очень легко: сверху справа снизу слева, т. е. по часовой стрелке. Для свойства padding аналогично.
Также можно сжать css файл с помощью различных сервисов, но я вам особенно начинающим не рекомендую экспериментировать, т. к. затем редактировать такой файл крайне трудно.
Пройдите валидацию css, в предупреждениях Вы найдете все свои совпадения, которые проглядели. Снизу можно найти раздел Информация о корректном CSS, где Ваш css уже исправленный .
Все остальные вопросы можете также задавать в комментариях, либо отписаться мне. Не забываем кому я предоставляю бесплатные консультации.
Как я ранее говорил Вам необходимо получше изучать css и html и никаких сложностей не возникнет
Теперь маленький опрос:
Сегодня я ввожу новый вид постов на своем блоге, на подобие фотоотчета, только связанный с темой блога: верстка сайта, seo и т. д.
Сегодня поговорим об этапах установки блога на WordPress cms. Вся статья будет в картинках, то что Вы должны увидеть де-факто у себя на экране, ну и, конечно комментарии происходящего под картинкой.
Прежде чем приступить к установке wordpress на локалке, Вы должны были сделать следующее: - Установить один из локальных серверов, например, denwer - Для выполнения операций будет использоваться программа Total Commander – файловый менеджер, обязательная программа для веб-разработчиков. Поэтому предварительно установите программу. - Скачайте последнюю версию вордпресса
Остальное будем делать по картинкам.
1 – Войдите в созданный виртуальный диск, у меня, например это диск Т.
2- Войдите в папку home
3 – Создайте новую папку с названием будущего сайта, например, qwerty.kz, либо другой домен. Для создания нажмите F7.
4 – Войдите в созданную папку и создайте еще одну папку с названием www.
5 – войдите в папку и скопируйте в нее zip/tar.g файл wordpress’a
6 – разархивируйте файл
7 – войдите в ново созданную папку (wordpress) и переместите все файлы в папку www. В total comander’e делается с помощью кнопки F6 – перемещение файлов
8 – удалите лишние файлы. Выделите файлы с помощью пробела, нажмите Delete/ Shift + Del
9 – запустите denwer, если был запущен, то перезапустите
10 – откройте браузер и введите localhost/tools/phpmyadmin
11 – создайте базу данных будущего сайта, у меня gtalkkz
12 – пройдите по адресу будущего сайта = название папки в п.3, у меня в примере qwerty.kz
11 – жмите Создать файл настроек
12 – вперед
13- Имя базы данных смотрите в п.11 – не забудьте ввести свое!
имя пользователя: root
сервер базы данных localhost (по умолчанию)
префикс базы данных (можете изменить, по типу wp_, например, utb_)
Нажмите отправить
14 – Ошибка подключения к базе данных, смотрите п.11, Вы уверенны что его выполнили? Выполните его и нажмите Попробовать еще раз
15 – Запустить установку
16 – Заголовок сайта – Название вашего будущего сайта имя администратора сайта можно ввести свое, например, utb mail можно любой, затем поменять
галочка для индексации, можно проигнорировать, изменить затем в настройках
17- И я Вас поздравляю
18 – Войдите на сайт
19 – backend блога на wordpress? Административный раздел
20- Еще один из миллионов других – блог на wordpress.
Вопросы можете задавать в комментариях, не забывайте написать номер пункта с картинкой
На десерт сегодня танец, который почему то приписывают казахам как народны/национальны на самом деле это не так. В общем, подарок на 20-летие независимости Казахстана, от студентов, учащихся в Канаде…
Многие блогеры пишут о своих лучших статьях за год, как бы подводя итоги выполненной работы, плюс внутренние ссылочки, и вероятность, что Вы, что-то пропустили и почитаете. На что только не пойдут seoшники, чтоб задержать Вас у себя на сайте
Писать про лучшие статьи я не стану: нет смысла, так как блогу нет еще года. Но надеюсь я Вас успел порадовать интересными постами.
Приветствую пользователей блога gtalk.kz. Открываю новую серию статей-шпаргалок для эффективной верстки сайтов. Данные статьи можно смело добавлять в закладки, т. к. полезной информации будет оочень много (по крайней мере я надеюсь ). А также не забывайте поделиться с друзьями.
Сегодня я расскажу об 11 полезных сервисах, цель которых облегчить жизнь верстальщика. Думаю, Вам они понравятся, а в конце поста найдете ссылку на 38 (!) способов, как сделать закругление углов и еще пару ссылок на интересные статьи по теме.
Как всегда, сразу возьмем быка за рога и начнем
Csstemplater.com – сервис «Генератор html + css шаблонов» от Dimox’a и molodoy по праву должен быть упомянут первым в списке, так как полезность его огромна. Данный ресурс позволяет сделать заготовку будущего шаблона, выбрав определенные опции — вуаля html + css готово и при чем в дивах. Внимание! Особо полезен ленивым Не советую пользоваться часто новичкам, привыкнуть очень легко. Настроек немного (doctype, сайдбары, высота header’a и footer’a, resert на выбор и т. д.), но их вполне хватает на заготовку шаблона/каркаса.
Cssdesk.com – песочница для html + css. Пишите html разметку и css и смотрите как это будет выглядеть. Очень удобно, можно потренироваться с написанием кода для начинающих.
Генератор кросс-браузерных правил/стилей CSS 3 — используйте новые возможности Css 3, а данный ресурс Вам в этом поможет.
Прокрутите вниз до класса matrixи можете настроить повороты под себя.
Ну, чтоб уже окончательно было понятно со стиля css 3 попробуйте поюзать сайт css3generator.com. Выберите стиль из выпадающего списка и пропишите параметры, скопируйте получившийся css код и радуйтесь
Ищете красивые кнопки для сайта? Зачем? Для этого существуют много сервисов. Например, cssbuttongenerator.com – самоназвание говорит за себя — Генератор css кнопок. Выбирайте настройки кнопки, ее будущий внешний вид и скачайте весь необходимый стиль.
А Вы знаете, как посчитать, сколько пикселей в em? А в пунктах? Не знаете?)) А верстальщику надо бы знать. Спасибо, pxtoem.gamecoll.com, который с легкостью посчитает, сколько пикселей в Ems, пунктах и т. д. Хороший конвертор.
Градиент, до эпохи ccs 3 верстальщикам снилось их простое использование :). Теперь это в прошлом, ведь благодаря такому ресурсу как www.colorzilla.com/gradient-editor можно с помощью css залить градиентом определенную область, а с хорошим знанием css можно и кнопку красивую написать ;). Интересно, что генерируется код не только в формате css, но и в SCSS.
Валидность сайта важная составляющая верстки. В курсе блочная верстка с нуля, я упоминал о важности соответствия стандартам кода. Поэтому сейчас просто даю ссылки на проверку html разметки validator.w3.org/ и проверка валидности css jigsaw.w3.org/css-validator
http://ft.vremenno.net/ – шрифтотренажер. Смотрим, как будет выглядеть тот или иной шрифт на вашем сайте, подбирайте шрифт удобный для глаз. Используются стандартные шрифты.
Мнемоника в html — также необходима при блочной верстки сайта, например, использование знака охраны авторского права и т. д. Подробнее можно почитать и взглянуть на википедии.
Не буду Вас томить по одному сервису. Если Вам интересно, Вы можете прочитать еще о дополнительных ресурсах (полезных не только для верстки) на хабрхабр
Корректное отображение стилей css 3 для IE – css3pie.com
Бонус: А также обещанный бонус 38 способов закругления углов, очень неплохая подборка. Не изобретайте велосипед, учитесь виртуозно кататься на нем
Загрузка ...
