Новости Объявления




Скачать 104.12 Kb.
НазваниеНовости Объявления
Дата публикации22.03.2013
Размер104.12 Kb.
ТипУрок
vbibl.ru > Информатика > Урок
Уроки:
Урок 1:
Рассмотрение сайта (знакомство с сайтом). Навигация, основные возможности и т.п.
Урок 2:
Подключение к ftp серверу, рассмотрение структуры папок проекта и т.п.
Урок 3:
Наполнение сайта актуальной информацией. (наполнение сайта через изменение страниц)
Урок 4:
Администрирование сайта с помощью консоли администратора.
Урок 5:
Изменение внешнего вида сайта: изменение style1.css, замена логотипа, изменение фонового рисунка…
Урок 1.
В рамках данного урока мы рассмотрим сайт с точки зрения обычного пользователя. Рассмотрим навигацию по сайту и основные возможности сайта.

Для того чтобы открыть ваш сайт наберите в браузере адрес: http://www.alted.ru/<имя вашего сайта>. По умолчанию браузер загрузит главную страницу сайта. Данная страница содержит основные сведения о школе, которые чаще всего необходимы пользователю сайта, какими будут эти сведения решать вам самим.

Для навигации по сайту используется меню сайта слева и под названием.
Основной функционал сайта (имеется в виду динамическое содержание):


  • Форум

  • Вопрос ответ

  • Опрос

  • Новости

  • Объявления

  • Событие недели

  • Консоль администратора

  • «Доска почёта» - данные об учителях и их фотографии

  • Гостевая книга

  • Регистрация и авторизация пользователей

  • Добавление и удаление разделов


Теперь рассмотрим более подробно инструменты, не требующие прав администратора для работы с ними.

1. Форум.
Форум состоит из темы и сообщений, содержащихся в теме. Для того чтобы пользователь мог просматривать темы и сообщения ему достаточно просто перейти по ссылке на страницу форума и нажать на интересующую его тему. Для добавления темы и сообщений необходимо пройти регистрацию на сайте и авторизацию (выполнить вход в сайт). После авторизации пользователь переходит на страницу форума и с помощью ссылки «Добавить тему» может добавить новую тему в форум, перейдя к интересующей теме, авторизованный пользователь может добавить сообщение в эту тему.
2. Вопрос ответ.
Используя данный раздел сайта, пользователь может, задать вопрос администратору (пользователю, который имеет право отвечать на вопросы). Администратор в свою очередь может ответить на заданные вопросы. Для того чтобы задать вопрос пользователь должен быть авторизован в системе.
3. Опрос.
Для участия в опросе пользователю достаточно выбрать подходящий ответ и проголосовать.
4. Новости, события недели и объявления.
Несколько последних новостей располагаются на страницах с права, для того чтобы посмотреть более ранние новости необходимо перейти к архиву новостей и с помощью поиска найти интересующую новость. Сразу под колонкой новостей располагается текущее объявление. Под объявлением располагается событие недели. Для подробного ознакомления с событиями необходимо воспользоваться ссылкой «подробно…».
5. Гостевая книга.
Для того чтобы оставить сообщение, пользователь должен перейти по ссылке в «Гостевую книгу» и ввести все требуемые данные. Все записи оставленные в гостевой книге в любой момент могут быть просмотрены администратором.
6. Регистрация и авторизация.
Для регистрации пользователь должен использовать ссылку «Регистрация». На странице регистрации пользователь должен ввести данные, требуемые системой. Если регистрация пройдёт успешно, то пользователь автоматически будет переведён на страницу авторизации (входа), где он должен ввести логин и пароль. Если авторизация удачна, то пользователь попадёт на главную страницу, если авторизация не будет пройдена, то отобразится страница «ОШИБКА».
Урок 2.
В рамках данного урока мы рассмотрим процедуры подключения к FTP серверу, а также ознакомимся со структурой вашего сайта.

Для того чтобы подключиться к ftp серверу, необходимо использовать ftp клиент, клиент может быть любой, но в нашем случае мы рассмотрим, клиент FileZilla, т.к. он является наиболее простым в обращении и является свободно распространяемым. Ссылка на данный клиент есть в административной консоли вашего сайта.

На рисунке 1 представлено рабочее окно клиента.

Рисунок 1 – FTP клиент FileZilla
Каждому администратору после запуска его сайта будет выдан логии и пароль для доступа к папке сайта на сервере. В строке «Сервер» вводиться имя сервера – ftp.altrrc.ru, порт остаётся без изменений. Далее вводиться выданный логин и пароль. После ввода необходимых данных можно подключиться к серверу с помощью кнопки «Быстрое соединение».

Нижняя часть окна клиента состоит из двух панелей, панель слева отображает локальные папки вашего компьютера, а панель справа отображает папку вашего сайта на сервере. Вы можете путём перетаскивания файлов из одной панели в другую производить копирование с сервера и на сервер.
Папка сайта на сервере содержит в себе несколько папок и файлы страниц (*.jsp). Следует обратить внимание на папки html_fragments и theme – эти папки используются для работы с сайтом. Остальные папки необходимы для работы сайта и не нуждаются во внимании (не следует изменять содержимое не рассматриваемых папок!!!!!!). Файлы *.jsp изменять также не желательно!

Итак, папка html_fragments содержит html страницы вашего сайта, изменяя данные страницы вы можете изменять содержание вашего сайта. Папка theme содержит файлы отвечающие за внешнее оформление вашего сайта.

Урок 3.
Для изменения содержимого вашего сайта необходимо:


  1. Подключитесь к ftp серверу (см. урок 2).

  2. Скопируйте на локальный диск папку html_fragments. (для безопасности всегда делайте резервные копии данной папки, это обезопасит вас от потерь информации).

  3. Откройте папку html_fragments. На рисунке 2 приведена её структура.



Рисунок 3 – Содержание папки html-fragments
Данная папка содержит страницы соответствующие разделам вашего сайта. (например: Раздел «Достижения» = Dostigenia.htm). К файлу прилагается специальная папка, которая содержит графику страницы, т.е. для страницы Dostigenia.htm есть папка Dostigenia.files и т.д. (всегда <имя>.files).
4. Откройте файл, относящийся к интересующему вас разделу, с помощью программы MS WORD. И отредактируйте его по своему усмотрению.


Рисунок 4 – Редактирование содержимого


  1. После того как вы отредактируете документ, вам необходимо сохранить файл, для этого необходимо зайти в меню Файл->Сохранить как… и выбрать тип файла – «веб-страница с фильтром» (см. рисунок)




Рисунок 5 – Сохранение файла
6. Если вы добавите рисунок или другой графический объект в документ, то этот объект будет сохранён в папке *.files (под * понимается имя раздела, например Dostigenia.files). При сохранении он будет переименован.
7. После сохранения документа с графикой вам необходимо отредактировать документ с помощью программы «блокнот». Это необходимо для правильного отображения графики. После того как вы откроете документ в блокноте вам необходимо найти все вхождения следующего текста: . Это специальный тэг для вывода графики на страницу. Для того чтобы его быстро найти нажмите клавиши Ctrl + F или зайдите в меню Правка->Найти. В появившемся окне наберите текст
Рисунок 6 – Поиск тега
В результате поиска будет выделена строка:



В данной строке указана ширина и высота картинки, её идентификационный номер и путь к ней. Для правильного отображения картинки к пути необходимо добавить «/html_fragments/», т.о. строка будет иметь вид:



Данные действия необходимо произвести со всеми подобными строками их число соответствует числу картинок в документе.
Если необходимо вставить ссылку на документ (на файл), то скопируйте файл в папку html_fragments\doc. И с помощью меню «Вставка» (MS WORD) вставьте гиперссылку. Путь ссылки будет таков: html_fragments\doc\<имя файла>. На рисунке 7 показан пример задания пути.

Рисунок 7 – Вставка гиперссылки

8. После произведения всех выше описанных действий необходимо скопировать папку html_fragments обратно на сервер и проверить работоспособность измененных разделов.
Для редактирования html файлов можно использовать любые html редакторы. Это позволит более подробно разработать страницу. (Такой способ работы более приветствуется).

Урок 4.
Администрирование сайта с помощью консоли администратора.
Для того чтобы получить доступ к консоли администрирования пользователь должен иметь права администрирования сайта. Если пользователь имеет такие права, то после его авторизации в панели «Вход на сайт» появиться ссылка на консоль администратора.

Рисунок 8 – Ссылка на консоль администратора
Далее необходимо перейти по ссылке на консоль. На рисунке 9 приведёна страница с открытой консолью.


Рисунок 9 – Консоль администратора
Рассмотрим по порядку все функции консоли.
1. Добавление новостей. Данный пункт ссылается на страницу добавления новостей (см. рисунок 10).



Рисунок 10 – Добавление новости
На данной странице необходимо ввести дату новости, заголовок и текст новости. После чего нажать кнопку добавить.


2. Добавление объявлений. Аналогично добавлению новостей.



Рисунок 11 – Добавление объявление
3. Добавление события недели. Аналогично добавлению новостей.

Рисунок 12 – Добавление события недели
4. Удаление новости, объявления или события недели.

Для удаления новости необходимо выбрать радио кнопку «Новость» и ввести новость. Дату новости вводить не обязательно. Текст новости может быть не полным. Чем точнее вводимый текст, тем меньше вероятность того, что вы удалите не ту новость!

Рисунок 13 – Удаление новости, объявления или события недели

5. Удаление темы форума или сообщения из темы. Для удаления темы выберите радио кнопку «Тему» и введите текст темы (текст может быть не полным). Для удаления сообщения выберите радио кнопку «Сообщение» и введите текст сообщения.

Рисунок 14 – Удаление тем и сообщений форума
6. Добавление учителя в базу. Для того чтобы добавить данные об учителе в базу необходимо подготовить его фотографию размером 100х150 пикселей.


Рисунок 15 – Добавление данных об учителе
Чтобы добавить учителя необходимо заполнить все поля помеченные *. Поле статус заполняется в соответствии с должностью учителя, т.е. директор, завуч и другие руководители имеют статус 0 – Администрация школы. Статус 1 – Коллектив относиться ко всем остальным сотрудникам учреждения.
7. Изменить/Удалить данные об учителе. Для удаления учителя из базы необходимо выбрать его в таблице и воспользоваться кнопкой «Удалить».
8. Сменить пароль администратора. Воспользовавшись данной ссылкой вы перейдёте на страницу смены пароля, на которой необходимо ввести новый пароль и подтвердить его.


Рисунок 16 – Смена пароля администратора
9. Смена вопроса для рубрики «Опрос». Здесь вы можете задать новый вопрос для опроса, который находиться справа внизу каждой страницы. Вопрос должен удовлетворять ответам: да, нет, не знаю, а что это?
10. Добавить раздел. С помощью данного пункта вы можете добавить новую страницу на ваш сайт. Для нового раздела необходимо ввести имя на русском языке (или латинице) и задать имя файла страницы, имя должно содержать только символы латинского алфавита и цифры!


Рисунок 17 – Добавление раздела
После того как раздел будет создан, данные о нём необходимо внести в навигационное меню. Для этого необходимо скопировать автоматически сформированную строку (см. пункт 5 на рисунке 16) в файл menu.htm, который находиться в корневой папке вашего сайта на сервере. После чего необходимо проверить работоспособность добавленной ссылки.


Рисунок 18 – Добавление строки в меню навигации
При создании нового раздела создается файл в папке html_fragments, изменяя который вы измените содержание вашего нового раздела. Имя файла совпадает с именем файла нового разделы (вы вводите его при создании).

Для того чтобы удалить созданный вами раздел необходимо удалить добавленную вами строку в файле menu.html и удалить из папки на сервере созданный вами файл (*.jsp).

Урок 5.
За внешний вид вашего сайта отвечают два файла: style1.css и ShablonJSP.jtpl. Данные файлы вы можете найти в папке theme на сервере.
Изменяя первый файл, вы можете изменить шрифт (размер, цвет и т.п.), цвета таблиц и фона и т.п.

Полную информацию по работе с CSS вы можете найти в Интернете.
Второй файл является шаблоном вашего сайта. Его вы можете изменить, только после того как пройдёте обучение в нашем центре. Изменение данного файла может привести ваш сайт в не рабочее состояние, поэтому подходите к этому делу с крайней осторожностью!!!
Рассмотрим файл style1.css. Его структура:
<имя тэга>.<имя класса> {

<параметр1>: <значение1>

<параметр2>: <значение2>

<параметр3>: <значение3>

}
Например:
TD.top {

text-align : center;

font-family : Arial, Helvetica, sans-serif;

font-size : 10pt;

color: #B2D1F4;

}
Т.о. чтобы изменить цвет вам необходимо изменить значение параметра «color».
Ниже приведены основные классы, изменяя которые вы сможете изменить внешний вид сайта.
TD.top

TD.left_1

TD.left_3

TD.right_1

TD.right_2

TABLE.right_s

TD.menu_pan

TD.copyright

div.Zagolovok1

div.Zagolovok2

На рисунках приведена схема, по которой можно определить какой класс за что отвечает.





Для того чтобы заменить фон за названием и логотип необходимо:


  1. Создайте свои картинки в формате JPEG или GIF.

  2. Фоновую картинку назовите background.gif

  3. Картинку логотип назовите logo_03.gif

  4. Скопируйте эти файлы в папку theme\img на сервер.

  5. Проверьте изменение.



Задания:

1 - Изменение описанных классов стилей.

2 - Замена фона за названием и логотипа.

Добавить документ в свой блог или на сайт

Похожие:

Новости Объявления iconНовости
Мидгард-инфо новости Новости России Леонид Ивашов что стоит за решением развернуть перевалочную базу нато в Ульяновске + видео

Новости Объявления iconНовости | Новости хт
События в Бишкеке, аграрная реформа и перспективы демократии в центральноазиатском регионе (29. 12. 2010)

Новости Объявления iconНа участие в продаже гидротехнического сооружения (плотины) без объявления цены

Новости Объявления iconНовости отеля
Новости отеля ev exсlusive: Продление специального предложения 7ночей по цене 6-ти до 30. 06. 2011

Новости Объявления iconСуббота, 11 июня
Центр. Информационная площадка, откуда будут делаться объявления и где будут проходить все выступления

Новости Объявления iconДню соборности и свободы Украины
По окончании показа, без объявления – «Квітуча Україна» танец в исполнении образцового хореографического ансамбля «Сюрприз», рук....

Новости Объявления iconФирмы локального сервис партнера
Заявка на участие в тендере принимается в течение 7 календарных дней, следующих после даты опубликования объявления в сми и на сайтах...

Новости Объявления iconТехнические требования к представляемым работам
Внимание: исходные материалы (фотографии, шрифты, 3D модели и т д.), использованные для разработки макетов, должны сохраняться конкурсантами...

Новости Объявления iconЛабораторная работа Типы данных, определяемые пользователем
Цель работы: Изучение возможности переименования типов, способов объявления и использования перечислимых типов, структур и объединений...

Новости Объявления iconРасскажите, как Вы представляете себе ваше участие в международном...
В интернете часто появляются объявления о различных мероприятиях эсперанто-движении, среди них о международных конференциях

Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
vbibl.ru
Главная страница