Сегодняшний этап разработки хотелось бы начать со своего рода "работы над ошибками" - а именно, внести изменения, о которых подсказали мне читатели в комментариях к прошлым этапам. Такая "работа над ошибками" будет предварять каждый следующий этап разработки сайта.
Итак - разберем ошибки по порядку. 1.Адрес сайта в шапке не кликабелен.
Типичная ошибка многих начинающих сайтостроителей. Не знаю как вам, но когда мне нужно перейти на главную страницу сайта, я сначала пытаюсь кликнуть на логотип, а уж потом (если не получилось) ищу ссылку, которая ведет туда же. Так как картинка в шапке добавлена в виде бекграунда я исправлю свою ошибку следующим образом - наложу поверх нужной мне части изображения (адреса сайта) прозрачную картинку со ссылкой. Делается это так:
- создаем прозрачную картинку размерностью 1х1 пиксель. Назовем ее 1px.gif и закачаем на сервер
- добавим ее в шапку используя такой код:
Code
<div class="logos">
<a href="http://autoclub.ck.ua">
<img src="/img/1px.gif" width="327" height="45" border="0" title="Черкассы, Клуб любителей автомобилей" alt="Черкассы, Клуб любителей автомобилей" />
</a>
</div>
- добавим в таблицу стилей класс logos
Code
.logos {
position: relative;
top:45px;
left: 10px;
z-index: 100;
}
Благодаря этому классу, я разместил слой logos (с моей прозрачной картинкой) с отступом 45 пикселей сверху и 10 пикселей слева относительно ячейки таблицы, в которую вложен этот слой. Фоном этой ячейки таблицы является картинка шапки сайта. Таким образом - мой слой наложился поверх этой картинки. Заодно добавляем alt и title. Проверяю работоспособность в разных браузерах - IE, Firefox, Google Chrome - работает. 2. Цвет фона страницы белого цвета.
При отключении картинок плохо видно текст на сайте. Так как пока точно не известно, как будет публиковаться контент и как будут выглядеть блоки в правой и левой колонках - сделал фон светлосерого цвета. Для этого прописал в стиль элемента body следующее:
Code
background-color:#EFEFEF;
Работа над ошибками по результатам предыдущего этапа закончена - можно переходить к следующему этапу. Сегодня я хотел бы сделать регистрацию и авторизацию на сайте. Для этого мне понадобится: настроить форму регистрации и сменить ей дизайн, разместить на сайте форму авторизации и все что нужно для доступа к функциям сайта для авторизированных пользователей.
Смена дизайна формы регистрации делается очень просто - я просто копирую код страницы что уже есть и вставляю в шаблон "Страница регистрации пользователей". Чтобы форма показывалась в центральной колонке - добавляю туда код вызова основной части страницы:
Теперь займемся настройкой формы регистрации. Поначалу, пока проект еще только начинается, думаю стоит по максимуму упростить процедуру регистрации пользователей. Для этого я уберу с формы некоторые поля - например "Домашняя страница", "Номер ICQ" и "Подпись". Последнее поле я решил убрать потому, что пока в этом проекте не планируется использовать модули, в которых подпись бывает важна - например модуль "Форум". Также включим опцию "Блокировать повторные e-mail адреса" - чтобы избежать множественных регистраций с одним е-мейлом. Все это делается в настройках модуля "Пользователи", в панели управления.
Пробую сделать тестовую регистрацию - все проходит нормально. Осталось сделать возможность авторизации на сайте. Для этого создадим глобальный блок LOGINFORM и разместим в нем саму форму, а также все нужные для управления аккаунтом ссылки. Это несложно сделать, используя предоставляемые системой условные операторы.
Code
<?if($USER_LOGGED_IN$)?>
Тут показываем блок управления аккаунтом
<?else?>
Тут показываем форму авторизации
<?endif?>
После успешной авторизации пользователю будет показан блок, в котором кроме приветствия будет также отображаться загруженная аватара (или картинка-заглушка) и необходимые ссылки. В частности, отсюда пользователь сможет добавлять объявления (будет разрешено группе "Пользователи"), а также добавлять новости и материалы в каталог (будет разрешено только некоторым группам). В качестве заглушки решил использовать картинку, имеющую непосредственное отношение к тематике сайта - а именно, дорожный знак smile
Итак - первоначальный вариант регистрации и авторизации на сайте закончен. В будущем он будет доделываться, в частности ссылки на формы добавления объявлений и новостей заработают после того как я настрою соответствующие модули.
На следующем этапе я планирую сделать главное меню и навигацию по сайту.
Источник-http://www.blog.ucoz.ru
