О САЙТАХ и ДИЗАЙНЕ

Предисловие

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

Желающим сразу перейти к теме дизайна, сюда:

Изучили Вы веб-технологии, освоили программу "Фотошоп", вдоволь насмотрелись на чужие сайты. Настало время свой делать.
А какой?

Страницы: "Создание сайтов" и "Современные технологии" помогут Вам принять верное решение (откроются в новом окне).

Посетите внутренний 6-ти страничный мини-сайт, написанный уже на PHP. Он так и называется "Какой сайт лучше?"

На странице "Сайты на CMS Joomla" увидите образцы сайтов разной сложности, сделанные с помощью этой системы, при тренировках на локальном сервере.
Кроме того, там представлено наглядное описание её устройства.

Ну, а здесь: "Сайты на WordPress" сможете посмотреть "живой" блог, действующий на реальном сервере в интернете.

Кстати! Там (на блоге) найдёте много обучающих видео-уроков по созданию своих ресурсов на этой CMS.

И конечно же!

"Конструкторы сайтов", где Вы можете не только узнать, чем отличаются CMS от конструкторов, но посмотреть и проверить 4 действующих сайта, сделанных с их помощью.

О сайтах

Если Вы просмотрели предложенные страницы, думаю, поймёте, о чём буду писать дальше.
Для полной ясности предлагаю посетить ещё страницу "Учебные сайты", где увидите, что можно прекрасно обойтись БЕЗ всяких сложных технологий.

И, наконец, раздел "Конструкторы сайтов" посвящён простейшему (для пользователя) способу получить свой сайт.
Сделал такой раздел, честно говоря, исключительно с ознакомительной целью. Чтобы у читающего не возникало сомнений в том, что пишу, сам не зная о чём. Знаю!

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

О CMS и конструкторах

Я убеждённый сторонник HTML+CSS БЕЗ каких-либо CMS, и уж тем более конструкторов.

Только сочетание этих двух мощных технологий даёт истинную свободу действий. Лично меня не покидает ощущение скованности при тренировках с "Joomla". Как будто в цепи тяжёлые заковали ... ... .

Именно так, как на картинке слева, чувствую себя при применении любых CMS и конструкторов.

Они прежде всего ШАБЛОНИЗАТОРЫ. Все! Без исключений.

Так что, думайте сами. Хотите ли Вы "шаблонить" свой сайт на них, либо желаете создать собственный, оригинальный.

** Об отношении поисковиков к разного рода сайтам, Вы, уже наверное, читали на страницах: "Создание сайтов", "Современные технологии" и "Какой сайт лучше?".

HTML сайты

Мой относится к такому виду сайтов. Свёрстан ВРУЧНУЮ!, практически на одном HTML. Чтобы узнать разницу, кликните по выделенной ссылке (откроется в новом окне).

Нет, каскадную таблицу стилей CSS, естественно, тоже применяю, но у меня всего 1(!) главный файл управляющий стилем.
Для некоторых страниц, где было нужно, сделал свои css-файлы, но главный один.

HTML - основа интернета.

Это интуитивно понятный, лёгкий код. Хорошо распознаётся всеми поисковиками.
В результате, сайт сам "пробивается" в поисковой выдаче без дорогостоящей "раскрутки".

**Пояснение: этот мой простой сайт по вложенным в него ключевым фразам поисковых запросов выдаётся в числе 1-ой сотни из МИЛЛИОНОВ(!!!) ему подобных.

Судите сами:

(данные по состоянию на 02.12.2012г.)

Причём учтите! Такие результаты в поисковой выдаче были достигнуты без всяких "раскруток", без контекстной рекламы и прочих SEO-ухищрений. БЕСПЛАТНО!

Так что, вполне обоснованно могу игнорировать заявления разных там "гуру" с форумов веб-мастеров, типа: "Сайт у него не такой ...! ..., неправильный ...! ..., делать нужно не так ...! ..., и т.д. и т.п.".

"Так - не так ...", а с задачей, возложенной мною на него, он справляется отлично!

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

КРОМЕ ТОГО!!!

Серебряный знак качества создания сайта. Вот так оценили мой ресурс сами роботы.

Кибернетический сервис оценки качества создания сайтов выдал этот результат после анализа по 4-ём базовым параметрам.

Разумеется. Сайты мы делаем для людей. Факт.
Да вот только показывают-то его людям всё те же роботы. И выдают в первую очередь те ресурсы, какие сами оценивают выше.

* И *

Золотой знак качества получил внутренний, простой, 6-ти страничный мини-сайт на PHP.

Так что: "такой - не такой ...", а серебряный и золотой знаки заработал.

Подробнее узнать, что это за сервис оценки и увидеть свой сайт "глазами робота" можете на странице "Кибераналитик" (откроется в новом окне).

HTML+CSS сайты

Без каскадной таблицы стилей (CSS) немыслимо делать сайты.
Особенно популярна в последнее время стала технология блочной вёрстки.

Мне тоже очень нравятся возможности, предоставляемые HTML+CSS блочной вёрсткой. Действительно, можно создавать красивые, оригинальные сайты.

НО!

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

Эта великолепнейшая(!) технология имеет целых два существенных недостатка.

Идентификаторы размножаются с чудовищной скоростью!
Сверстав всего одну страницу, у Вас их будет столько, что "мама не горюй" ... ... .  Это - раз!

Кроссбраузерность довольно низкая.  Это - два!
Так, сделав вёрстку всего лишь небольшой части страницы, используя свой привычный браузер, нужно обязательно проверять, как она будет отображаться другими браузерами. По крайней мере, пятью самыми популярными из них.

Зачем мне эта "головная боль"?!

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

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

На моём сайте CSS выполняет свою изначальную функцию: оформляет страницу, а не управляет размещением элементов на ней.

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

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

Так что ... ... ... .  Почему ОБЯЗАТЕЛЬНО?!  Ерунда какая!

Совершенно не вижу проблемы. Эта страница и без всяких блочных вёрсток нормально отображается, как впрочем, и все остальные тоже.

Однако! Нельзя, конечно же, не отметить и великолепные возможности блочной вёрстки по сравнению с обычным, "чистым HTML", что Вы видите на этой странице.

А один из самых ярких примеров, это возможность создавать простые вкладки сайта, и именно с помощью блочной вёрстки: "HTML+CSS Вкладки для сайта" (в новом окне).

И кроме того!
Обратите внимание на нижнее выделенное примечание.

Послесловие

Перед тем, как написать о дизайне, добавлю ещё несколько слов, относящихся к простым сайтам.

Завершая тему "О сайтах", хочу сказать: всё вышенаписанное касается только моих личных предпочтений и моего собственного сайта.

Совершенно не идентифицирую себя с персонажем на левом фото.

Да!!!
Мне действительно очень нравятся простые сайты на "чистом" HTML, но по вполне объективным причинам.

Надеюсь, достаточно подробно написал о них на своём сайте.

Нравятся простые.  Это хобби!  Такими и занимаюсь.
Но естественно, что научился, и хорошо умею делать разные.

Как учился, можете узнать в разделе "Обучение":

У кого, подробно рассказываю в разделе "Ссылки":

Чему удалось научиться, сможете посмотреть на страницах "Портфолио":

***

Выбрать исполнителя любой нужной Вам веб-специальности, надеюсь, поможет, созданный для этих целей, большой раздел "Выбор исполнителя":

Здесь только поделился своим мнением, а там ... ... ... Там много чего интересного для себя найдёте. О дизайне и веб-дизайне в том числе.

Дизайн

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

Каким будет Ваш сайт, как он будет смотреться на экранах мониторов?

После тщательного изучения "Фотошоп" у Вас появится масса возможностей воплотить в жизнь абсолютно любое решение по дизайну.

Желающим узнать, почему для своего сайта я выбрал такой внешний вид, предлагаю пройти по зелёной стрелке на следующую страницу. Верхний НАВИГАТОР позволит посетить любую.

ВВЕРХ