Четверг
28-Мар-2024, 22:49
Христианские сайты
в системе Ucoz
Приветствую Вас Гость | RSS
Главная Регистрация Вход
Меню сайта

ОднаКнопка

Ошибка на сайте?
Система Orphus

Категории раздела
Шаг за шагом [9] Новости Ucoz [12]
Наши новости [2] Новости Христирнета [8]

Наш опрос
Нужен ли нашему сайту Unet?
Всего ответов: 224

Реклама





Главная » 2009 » Июнь » 8 » Цикл "Делаем проект с нуля" - Этап 3 - Авторизация и вход пользователей
Цикл "Делаем проект с нуля" - Этап 3 - Авторизация и вход пользователей
18:41
Сегодняшний этап разработки хотелось бы начать со своего рода "работы над ошибками" - а именно, внести изменения, о которых подсказали мне читатели в комментариях к прошлым этапам. Такая "работа над ошибками" будет предварять каждый следующий этап разработки сайта.
Итак - разберем ошибки по порядку.

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;

Работа над ошибками по результатам предыдущего этапа закончена - можно переходить к следующему этапу.

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

Code
$BODY$

Теперь займемся настройкой формы регистрации. Поначалу, пока проект еще только начинается, думаю стоит по максимуму упростить процедуру регистрации пользователей. Для этого я уберу с формы некоторые поля - например "Домашняя страница", "Номер ICQ" и "Подпись". Последнее поле я решил убрать потому, что пока в этом проекте не планируется использовать модули, в которых подпись бывает важна - например модуль "Форум". Также включим опцию "Блокировать повторные e-mail адреса" - чтобы избежать множественных регистраций с одним е-мейлом. Все это делается в настройках модуля "Пользователи", в панели управления.
Пробую сделать тестовую регистрацию - все проходит нормально. Осталось сделать возможность авторизации на сайте. Для этого создадим глобальный блок LOGINFORM и разместим в нем саму форму, а также все нужные для управления аккаунтом ссылки. Это несложно сделать, используя предоставляемые системой условные операторы.
Code

Тут показываем блок управления аккаунтом

Тут показываем форму авторизации


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

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

Автор - Александр Кожемякин.
Источник - блог Ucoz
Категория: Шаг за шагом | Просмотров: 1136 | Добавил: admin | Теги: пользователи, Александр Кожемякин, создание сайта, авторизация
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Ваш профиль



Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!




Поиск

Архив записей

Наша кнопка
Вы можете поместить на свой сайт кнопочку-ссылку на нас. Этим самым вы поможете нам стать известными. За что Вам большое спасибо!



Друзья сайта

Статистика, каталоги

Онлайн всего: 1
Гостей: 1
Пользователей: 0


free counters
Яндекс цитирования wwjd.ru: Христианская поисковая система.
Христианский ТОП JCP.net.ua Маранафа: Библия, словарь, каталог сайтов, форум, чат и многое другое.


Христианские сайты в системе Ucoz - hristov.ucoz.ru © 2024
Каталог христианских сайтов. Христианские сайты. Создать христианский сайт. Создание христианских сайтов. Церковный сайт. Создать церковный сайт. Бесплатно.