WEBDESiGN.DOC

*

1. Лучшие предложения Рунета для веб-мастеров

"Энциклопедия веб-дизайна: Создание сайта от А до Я"

Пакет включает в себя полный набор программ и документации для создания современного веб-сайта:

• 1.6 Gb отличного веб-дизайнерского софта (на 3-х CD-r)
• учебники и пособия по веб-дизайну
• 250 профессиональных шаблонов сайтов
• более 280 ява-скриптов и аплетов
• коммерческие скрипты с детальным описанием настройки
• руководства по раскрутке и интернет-рекламе
• электронные книги по интернет-бизнесу
• обновления и консультации в течении 2-х месяцев!

Что нового? В состав пакета включены 3 CD, содержащие все необходимые для создания и сопровождения сайта программы: последние версии популярных редакторов, лучшие графические программы и утилиты, программы для эффективной раскрутки и т.д. Всего более 140 (!) проверенных временем и опытом программ. Цена - 340 руб (включая стоимость доставки по России). Возможна оплата наложенным платежом. По вопросу приобретения пакета обращайтесь на e-mail - info@webmastershop.ru

*

2. Новости

"Новый проект – создание сайта "вживую", на глазах у читателей".

Агентство интернет-маркетинга АСДК приступило к публичной разработке сайта на примере сайта своего агентства - www.asdk.ru.

Практически в реальном времени в блоге Андрея Петрушина Создание сайта вживую на портале mail.ru описываются все стадии создания сайта: разработка дизайна, выбор системы управления сайтом, оптимизация сайта, продвижение в интернете, реклама сайта.
Все идет вживую, в блоге описывается реальная работа. Уже размещены первые проекты нового дизайна сайта www.asdk.ru, поставлена задача по выбору системы управления сайтом.
Основная цель проекта – немного приоткрыть завесу над "кухней" дизайнеров, оптимизаторов и рекламистов. Сотрудники агентства АСДК покажут, как происходит процесс создания и раскрутки сайта, какие подводные камни могут встретиться на пути, вместе с читателями решат спорные вопросы.

Проект Создание сайта вживую адресован самой широкой аудитории, всем интересующимся созданием и продвижением сайтов в интернет.

источник: Библиотека Вебстроительства 

*

3. Документация

Александр Дубинин
"Самые грубые ошибки веб-дизайна".
скачать >>>

Александр Гнеушев
"Как получить платный хостинг совершенно бесплатно".
скачать >>>

*

4. Статья

Как сделать сайт на движке PHP-Nuke

Автор: Сергей
php_nuke@mail.ru

Этот текст описывает азы по созданию сайта на движке PHP-Nuke (далее нюка). Пригодится всем тем, кто хочет создать большой, красивый и серьёзный сайт, которым легко и удобно управлять. В движок уже вмонтирован форум и системы управления, которые легко освоить. В нюке есть один существенный недостаток - отсутствие инсталлятора. Но ничего страшного в этом нет - Я подробно опишу всё, что нужно делать!

Преимущества движка для сайта над статичным HTML

Большинство людей, читающих этот текст уже имеют свой сайт или собираются это сделать. Ваш сайт может быть любой тематики, начиная от небольшой личной странички до фан-сайта любимой игры и интернет - магазина. Результат зависит от направленности сайта и познаний автора. Самый простой вариант - создать сайт на основе статического HTML (чему Вас и обучает Ольга Морозова). Фактически, это набор отдельно подобранных страниц с ссылками друг на друга. Однако у этой простоты есть обратная сторона. Поскольку каждая страница представляет из себя законченный, то для внесения изменений потребуется полностью переделывать каждую страницу по отдельности. Если планируются частые обновления, то HTML станет полным кошмаром. Чтобы этого избежать используют специальные программные движки.

Движок - это программа, исполняемая (работающая) на сервере и предназначенная для управления веб-сайтом. Если говорить проще, это средство призвано облегчить работу по поддержке сайта. Рассмотрим, например, ситуацию по размещению новости. Владельцу сайта на движке нужно зайти в панель управления, ввести текст новости в форму, указать страницы, на которых должна появиться новость и нажать Разместить. Согласитесь, это гораздо удобнее, чем заниматься переделкой страниц в блокноте или в другом редакторе.

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

Бесплатных движков сейчас довольно много. Самые популярные из них: Mambo, e107, XOOPS, Post-Nuke и PHP-Nuke.

Одни из лучших считается PHP-Nuke. Этот движок довольно старый (я имею ввиду дату начала его разработки), но совершенству нет предела. Поэтому движок довольно часто обновляется. Кроме того для него написано много дополнительных модулей (подпрограмм). Про него я и буду вести свой рассказ.

О настройке локального сервера

Поскольку я вам буду рассказывать о построении сайта на портальной системе PHP-Nuke, то вам нужно установить на своём компьютере необходимый софт для настройки локального сервера. Это делается для того, чтобы вам не приходилось платить деньги за время, проведенное в интернете, необходимое на настройку и освоение. Ведь лучше это делать бесплатно и в спокойной домашней обстановке.

Говорить о том, кок настроить сервер у себя на компьютере можно долго. Мы пойдём по более короткому пути. А именно, установим уже готовый и настроенный сервер. За такую возможность можно сказать спасибо российским программистам с Web.dklab, разработавшим "Джентельментский набор для Web - разработчика". Этот пакет занимает всего 1,6Mb и включает в себя всё необходимое для работы портальной системы, а именно уже настроенный Web-сервер Apache. Скачать "Джентельментский набор" можно на сайте разработчиков www.web.dklab.ru.

Запускаем программу установки. Укажем путь к каталогу, в который мы будем устанавливать сервер. По умолчанию предлагается C:\WebServers. При условии наличия места на диске С: (нам понадобится от 100 Mb), я не вижу причин его менять. После этого надо указать букву виртуального диска, который представляет из себя проекцию папки WebServers. По умолчанию предлагается Z с рассчетом на то, что такой диск с таким названием вряд ли существует на компьютере.

Затем нужно выбрать, как будет запускаться комплкс. Первый вариант - при загрузке ОС (операционной системы) виртуальный диск создается. Запуск сервера осуществляется с помощью ярлыка на Рабочем столе. При завершении работы комплекса виртуальный диск НЕ отключается.

Второй вариант - при загрузке ОС виртуальный диск НЕ создается. На рабочем столе, так же как и в п.1 создаются ярлыки для запуска и остановки серверов. При запуске серверов вначале создается виртуальный диск, после остановки - диск отключается.

Первый вариант рекомендуется использовать, если Вы собираетесь работать с комплексом более профессионально. В частности, при использовании этого варианта будет доступ к Perl, которого не будет во втором варианте. Минус в том, что некоторые игры могут не запускаться.

Вот и всё!

Теперь у вас есть свой работающий сервер. На рабочем столе должны появиться ярлыки: Restart servers, Start servers и Stop servers. Щёлкнув по Start servers запускаем только что установленный Apache. На всякий случай проверяем его на работоспособность. Для чего открываем Internet Explorer (далее IE) (только не говорите, что у вас он не установлен ) и в строке адреса вводим http://localhost. Должна открыться страница с радостным сообщением "Ура, заработало!" в заголовке. Если нет - почитайте help-файлы, там всё описано.

Теперь придумаем название нашему сайту (если сайта у вас нет, если есть, то имя вашего сайта). Для примера это будет Test.nuke.ru Для создания нового домена создаём новую папку Test.nuke.ru по адресу C:\WebServers\home. В ней делаем ещё одну папку www. В итоге должно получиться дерево папок. Перезапускаем сервер (Restart servers), активизируем новый домен. Если всё прошло гладко, то в папке C:\WebServers\home\Test.nuke.ru должен появиться блокнот с названием "error". Вот и все с этим.

Итог: мы сейчас имеем готовый к работе сервер и хост под сайт на своём компьютере.

Остановим на время работу сервера (пиктограммой Stop servers) и скачам собственно движок для сайта PHP-Nuke. Его можно взять на сайте www.rus-phpnuke.com. На момент написания статья последняя "русская" версия движка PHP-Nuke-7.9_rus. Кавычки говорят о качестве перевода, вернее отсутствия от отсутствии перевода. Так что пользуйтесь более ранними версиями, например, PHP-Nuke-7.3_rus. Хоть она и немного старенькая, пользоваться можно и нужно. А как будет готов нормальный перевод последней версии движка, я расскажу, как провести апдейт движка. Это очень легко!

В архиве находятся папки sql, upgrades и html.

В папке html лежат файлы, которые нужно скопировать в C:\WebServers\home\Test.nuke.ru\www. Теперь надо создать базу данных (БД) портала. Для этого снова запускаем сервер (Start servers если кто забыл), открываем IE и вводим http://localhost/phpMyAdmin.

Программа phpMyAdmin представляет собой визуальный клиент баз данных MySQL, написанный на языке PHP. На сегодняшний день эта программа установлена на подавляющем большинстве серверов | Наш не исключение |. Сначала нужно создать новую базу данных (далее БД). Назовём её "TEST". Теперь заходим на закладку SQL. Укажем расположение файла nuke.sql, который расположен в архиве с недавно скаченным движком в папке sql. И нажмём кнопку Пошёл. База данных успешно создана!

Итог: наш сайт почти готов к работе. осталось несколько настроек.
Последний шаг. Переходим в папку C:\WebServers\home\Test.nuke.ru\www и открываем файл config.php (подойдёт и "блокнот" но лучше спец. редактором, например EditPlus или FrontPage). Нам нужно указать следующие параметры:

$dbhost = "localhost" (Хост базы данных)

$dbuname = "root" (Имя пользователя базы данны)

$dbpass = "" (Пароль пользователя базы данных)

$dbname = "TEST" (Имя базы данных)

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

Вот и всё, открыв страницу в браузере www.test.nuke.ru, мы попадём на сайт, который существует пока только на жёстком диске. Если появится множество непонятных сообщений вида Notice:.... - не волнуйтесь. Удалите файл php.ini из папки C:\WebServers\usr\local\php, переместив его куда-нибудь, только не забудьте куда! Перезапустите сервер (Restart servers). Сообщения должны исчезнуть.

Переходим непосредственно к настройке сайта.

В первую очередь нужно создать главного администратора. Открываем страницу www.test.nuke.ru/admin.php и вводим Желаемый логин/пароль (у меня будет Admin/pass). После добавления аккаунта следует авторизироваться, указав эти данные. И вот мы добрались с вами до контрольной панели сайта (КП) с множеством красивеньких значков.

Начальные установки

Пока что в разделе Свойства сайта мы заполним только следующие поля: Название сайта, Приветствие, URL сайта, Дата размещения и E-mail администратора. Всё остальное оставим на потом.

Чистка сайта

Сейчас на страницах вашего сайта очень много всякого ненужного. Например есть рекламный баннер, помещённый разработчиками ()его может и не быть. Это зависит от версии движка). Убрать его просто: заходим в КП сайта в раздел баннеры, удаляем единственный баннер. С этим всё. Сюда же добавляют свои баннеры (инфа, так сказать, на будущее).
Кроме баннера есть с правой стороны ненужные блоки(вида "Информация" или другие) с рекламой. Их можно удалить, зайдя в Блоки на странице КП. Там выбираем из списка ненужный блок и списка и нажимаем "Удалить". С этим, думаю проблем не будет.

На главной странице сайта находится приветствие, размещённое разработчиками. Вида: "Добро пожаловать в систему PHP-Nuke!". Его нужно удалить! Или заменить на своё. Заходим в Сообщения а меню КП. Находим в списке заголовков "Добро пожаловать в систему PHP-Nuke!" и жмём "Удалить" правее от него. Ниже есть форма для создания своего приветствия. Здесь всё тоже просто и интуитивно понятно. Но торопиться не будем и закончим "Зачистку на сайте".

Есть ещё одно: внизу каждой нашей страничке есть картинки PHP-Nuke это не очень хорошо, так как бросается в глаза. Решить эту проблемку можно так. Отправляемся в Настройки сайта - вы знаете знаете где это? Примерно по середине странички есть три формы: Строка 1,Строка 2,Строка 3. В окне Строка 1 Как раз и находятся эти маленькие баннеры. В Строке 2 находится инфа о том, чтоВы на этом сайте правитель и все права принадлежат вам и только ВАМ! А из третей нужно тоже всё удалить. Ну вот вроде всю грязь "грязь" с сайта и убрали!

Теперь поговорим о дизайне

Большинство современных интернет - серферов обращают сначала внимание на дизайн сайта, а потом уж на его информационную начинки. Их можно легко понять! Если админ наплевательски относится к дизайну своего сайта, значит он не уважает посетителей своего сайта! В Вы будите общаться с человеком, который вас не уважает? Я бы не стал! Вы можете сказать, что дизайн это не главное, главное это информация. Это так и есть, но инфу нужно хорошо, красиво и удобно преподнести посетителю. Простой пример: Стали бы Вы читать эту статью, выполненную в ужасном качестве, в которой говорится "Я НАУЧУ ВАС ДЕЛАТЬ САМЫЕ КРУТЫЕ САЙТЫ". Если бы не знали, что это действительно так? Но здесь есть одно НО - статью вам посоветовала Ольга Морозова. А если бы вы нашли мой сайт в интернете в ТАКОМ виде?! думаю вы бы ушли с него вот и ВСЁ!

Теперь по сути дела.

Построенные на PHP-Nuke сайты используют для построения дизайна темы оформления (Как Windows XP хотя не самый удачный пример, но похоже). Каждая тема кардинально меняет сайт в лучшую сторону. Как сделать свою неповторимую тему я расскажу позже. А сейчас рассмотрим, как устанавливать уже готовые темы.

Найти темы можно в интернете, указав поисковику "Темы оформления для PHP-Nuke" или что-то похожее. Например, в инет - магазине можно купить за 1$ аж 600 штук. (Называется примеряй - не хочу! ) Но платить или нет решать вам. Я не стал. Потому как можно найти очень даже приличные бесплатные темы! Это идеальный выбор для обучения!

Чтобы установить тему, распаковываем архив и копируем папку с файлами в каталог C:\WebServers\home\Test.nuke.ru\www\themes\.

В КП заходим в Свойства. Ищем пункт Стандартная тема. В выпадающем списке выбираем название только что скопированной темы оформления. Выделяем её и сохраняем настройки внизу страницы. Теперь сайт будет использовать новую тему. Если изменения не видны - обновите страницу (Refresh) в браузере. ПРЕДУПРЕЖДЕНИЕ: не удаляйте тему, которая была изначально - будут постоянные ошибки!

Займёмся содержанием сайта

- - = = Новая статья = = - -

Когда сайт готов к работе и мы можем размещать информацию. Мы же знаем что информация это главное в сайте. Но не единственное! (Я про дизайн).

Разместить статью на сайте очень просто. Для этого заполним все строки (Или не все. На ваше усмотрение.) формы. Это делается из Контент в КП. Сначала создаём категорию в форме "Добавить категорию".Например "Новые статьи". Создали? Переходим непосредственно к статье. Пишем заголовок и примечание. (Пример. заголовок: "Наша статья"; примечание: "Она потрясёт мир!"). Выбираем категорию - Новые статьи. Далее водим текст статьи в виде HTLM-кода. Для облегчения этой работы в PHP-nuke есть визуальный редактор. Включить его так: Открываем файл C:\WebServers\home\Test.nuke.ru\www\config.php, блокнотом или другим текстовым редактором. Изменяем значение строки с $nuke_editor = 0 на $nuke_editor = 1. Но пользоваться этим редактором неудобно. Легче оформить статью в Microsoft Office FrontPage или в Macromedia Dreamweaver, а потом скопировать код между тегами "BODY" и "/BODY" в форму Текст статьи на вашем сайте. Так намного удобнее!

А что нужно писать в полях Заголовок, подзаголовок, анонс, окончание статьи, немного о себе и главное как писать - ниже.

Писать в них можно как при помощи HTML-тегов (<p>Ваш текст</p>), так и без них, но во втором случае текст будет по умолчанию прижат к левой стороне странички в графах "Заголовок", "Подзаголовок", "Анонс", "Текст статьи", "Окончание статьи" и к правой в "Немного о себе".

После заполнения всех форм выбираем в "Активировать эту страницу?"- ДА- и жмём кнопу "Отправить". Вот и Все - статья благополучно ждёт тех, кто её прочитает. Если после публикации в статье обнаружатся ошибки, то просто нажмите "Редактировать" в правой колонке "Контента"

- - = = Новая новость = = - -

На вашем сайте должны быть какие - либо новости? На любом сайте рано или поздно появятся новости, например такие: "Появилась очень интересная статья!" или "Разместил свои новые фотки!". Это конечно приметив, но это ведь новости сайтового масштаба. Чтобы разместить её заходим в "Темы" с КП и создаём новую тему. Кстати можно удалить тему, которая там находится по умолчанию (PHP-Nuke) для чего щёлкните по значку темы и внизу нажмите "Удалить". Создаём новую тему!

Для этого заполняем форму "Добавить новую тему" "Текст" и . Вводим одно и тоже, например "новости сайта" в названии. Что касается картинки, то можно вставит и свою в формате .GIF,предварительно поместив её в папку C:\WebServers\home\Test.nuke.ru\www\images\topics\ размер рисунка не имеет значения, но оптимален от 60х60 до 200х200. Больше не стоит! (Зачем нужен рисунок? -Для того, чтобы дополнительно выделить новость. Например, Рисунок с красным восклицательным знаком хорошо привлечёт внимание к важной новости. К каждой теме новостей можно и Нужно сделать свой рисунок!) Затем в форме из выпавшего списка выберите свой рисунок (или оставьте тот какой есть - выбор ваш)и жмём "Добавить тему". Тема готова. (Создайте ещё одну тему "Важные новости" она понадобится нам позже) У нас для продолжения обучения должно быть две или более тем.

Теперь собственно новость.

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

Поле "Расширенный текст" заполняется содержанием статьи.
И "Тема", и "Расширенный текст" заполняется при помощи HTML-тегов. Как облегчить себе работу с ними я писал немного выше.

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

Ну вот и Всё! Осталось выбрать "Разместить" из списка и нажать ОК.

- - = = Опросы на сайте = = - -

Ну а здесь вообще всё очень просто! Заходим в "Опросы" в ПК, заполняем форму и опрос готов! Создав опрос его можно редактировать, или удалить, выбрав нужное ниже надписи "Создать новый опрос".

Меню навигации

До этого момента мы использовали для перемещения по сайту стандартное меню навигации. Но сейчас мы будем делать своё!

Итак начнём! Отправляемся в КП и заходим в "Блоки". Мы, кстати уже здесь были. Помните? Мы видим список чего-то. Это не что иное, как список менюшек, расположенных на страницах. Если присмотреться, то всё станет понятно. Нам нужно создать меню навигации, но оно уже существует. Удалять его я не советую, так как с его помощью легко перемещаться по сайту, как админу. Мы его просто чуток подредактируем. Для чего нажимаем "Редактировать" справа в списке. Опять форма! Меняем заголовок с "Навигация" на "Навигация для админа".И в списке "Кто это будет видеть?" ставим "Только админы", чтобы пользователи не видели то, что им не положено! Жмём "сохранить блок". Заголовок в списке изменился. Теперь нам ни что не мешает создать своё меню навигации. Для этого воспользуемся формой ниже. Предупреждение: меняйте значения только тех строк, которые я указываю, иначе может ничего не получиться!

"Заголовок:" - "Навигация"
"RSS/RDF файл:" - "Стандартный"
"Контент:" - ссылки, помещаемые в меню. Их вид такой < A HREF="адрес ссылки">Текст ссылки< A>< BR>
"Позиция:" - "Слева"
"Кто это будет видеть?" - "Все посетители"

В контент можно вставлять любые ссылки: на новости, статьи и др.
Адреса ссылок можно найти следующим образом:
На новости - набрав http://www.test.nuke.ru/admin.php?op=adminMain в браузере.
На статьи - наберите http://www.test.nuke.ru/admin.php?op=content в браузере.

И в первом и во втором случае Вы увидите список заголовков новостей или статей, в зависимости, что набрали. Чтобы узнать интересующей вас статьи или новости - наведите курсор мыши на её заголовок и нажмите правую кнопку мыши. Появится меню, в котором нужно выбрать "Копировать ярлык". Создайте где-нибудь блокнот и скопируйте (Вставить или [Ctrl]+[V] на клавиатуре). Получите примерно вот что:

http://www.mir.ru/modules.php?name=Content&pa=showpage&pid=1 но такой адрес не приемлем. его нужно чуть "обрезать", до такого вида:

modules.php?name=Content&pa=showpage&pid=1.

Я думаю понятно, для чего нужен был блокнот? - В нём делаем "обрезание" адресов ссылок и делаем список ссылок. Он поможет нам упорядочить ссылки для меню. Пример:

Главная страница - index.php
Полезные ссыки - modules.php?name=Downloads
Файлы - modules.php?name=Downloads
Форум - modules.php?name=Forums
Есть ли жизнь на Марсе? - modules.php?name=Content&pa=showpage&pid=1
Сколько лет нашей планете на самом деле? - modules.php?name=Content&pa=showpage&pid=1
Был ли Всемирный потп? - modules.php?name=Content&pa=showpage&pid=5
Свежие новости - modules.php?name=News&file=article&sid=7

С таким списком можна сделать хорошее меню навигации. На первое время, ведь нет предела совершенству!

P.S. При работе с локальным сайтом отключайте соединение с интернет, чтобы ваш сайт браузер не искал винтернете, ведь его там пока НЕТ!

На сегодня это всё.
 

*

the end of maillist