obwest.ru

20.01.18
[1]
переходы:71

скачать файл
Первые шаги.

Методические указания по информационному и техническому сопровождению сайта



Первые шаги.

Для начала работы в «Конструкторе порталов» вам необходимо иметь:

1) Необходимый минимум умений по работе с компьютером и основы работы в сети Интернет.
2) Компьютер, подключенный к сети Интернет или Интранет.
3) Интернет-браузер Internet Explorer версии не ниже 6.0. Посмотреть версию можно следующим образом: открываете программу Internet Explorer, в меню «Справка» выбираете пункт «О программе» - в первой строке содержится информация о версии программы.
4) Соответствующие настройки интернет-браузера. Для настройки откройте программу Internet Explorer, в меню «Сервис» и выбираете пункт «Свойства обозревателя», в открывшемся окне выбираем вкладку «Безопасность», нажимаем кнопкой на значок «Местная интрасеть» и нажимаем кнопку «Другой». В открывшимся списке находим пункт «Проверка подлинности пользователя» и ставим переключатель на пункт «Запрос имени пользователя и пароля» и нажимаем на кнопку ОК. В появившемся окошке выбираем ответ «Да». Теперь повторяем то же самое, только нажимаем кнопкой на значок «Интернет».
5) Логин и пароль для доступа к редактированию вашего сайта в «Конструкторе порталов».

Напомню, что редактировать сайт указанным ниже способом можно только сайты типа ) http://www.***.cap.ru. Чтобы начать редактирование необходимо в браузере Internet Explorer набрать http://gov.cap.ru/edit, или кликнуть левой кнопкой мыши по рисунку треугольника (находиться в нижнем правом углу) на сайте http://www.cap.ru. Появиться окошко авторизации, где в верхнем поле Вам необходимо набрать свой логин. Напомню, что перед логином необходимо набрать «cap\». То есть, если ваш логин Barmalej, то в верхнем окошке Вам необходимо ввести cap\Barmalej. В нижнем окошке необходимо ввести пароль. Пароль необходимо набирать на английской раскладке, глядя на русские буквы. То есть, если ваш пароль айболит-2003!, то вы набираете этот пароль русскими буквами в английской раскладке(по-английски это будет как fq,jkbn-2003!).

Первое открытие конструктора.

Итак, вы успешно зашли в конструктор сайтов. Перед вами 2 поля. Правое поле пока пусто. В левом расположен список, щелчок по любой строчке этого списка откроет в правом поле страничку, в которой можно что-либо сделать.

С чего начать заполнение сайта?

Редактирование вашего сайта лучше всего начать с основного раздела «Сайт». Нужно проверить, как заполнены следующие поля: «Полное наименование», «Сокращенное наименование», «Почтовый индекс и адрес», «Должность» - это должность руководителя вашей организации, «ФИО» - ФИО руководителя, «Телефон руководителя», «Факс» и «Электронная почта».
После того как всё проверили и заполнили нужно перейти в раздел «Оформление сайта». В этом разделе вы сможете изменять внешний вид страниц сайта. Большие текстовые боля «Баннер сверху», «Баннер снизу», «Баннер слева сверху», «Баннер слева снизу», «Баннер снизу по центру» заполняются только в виде HTML-кода, поэтому для их заполнения требуется знание простейших HTML-тэгов. Их изучению посвящен специальный раздел (см. далее).

Заполнение стандартных разделов сайта.

Все разделы сайта делятся на 2 основные группы - стандартные и нестандартные. Есть ещё 4 основных раздела, которые отличаются от стандартных способом вывода на экран на главной странице сайта, это - Новости, Календарь, Публикации и Памятные даты. Они всегда выводятся в центре главной страницы вашего сайта в отдельных текстовых зонах. Остальные разделы - Структура, Объявления, Законодательство, Вопросы и ответы, Организации и т.д. видны в виде гиперссылки в левой колонке вашего сайта. Хотя и есть возможность вывести некоторые из них в центр в виде текстовой зоны.
Чтобы добавить запись в основной раздел нужно:

1) Зайти в этот раздел, например Новости.
2) В левом верхнем углу мы видим 3 кнопки - Добавить, Фильтр, Выход. Нажимаем кнопку Добавить.
3) В поле Сайт должно стоять Краткое наименование вашего сайта, если его нет, выбираем его из выпадающего списка.
4) Заполняем поле Дата. Удобнее всего просто нажать на кнопку «Сегодня». Можно вписать дату вручную в формате ДД.ММ.ГГГГ или же нажать на кнопку «…».
5) В поле Наименование пишем заголовок вашей новости. Если у вас за день несколько новостей, то можно перед текстом самого заголовка поставить время добавления новости, чтобы отсортировать новости в списке в хронологическом порядке.
6) В поле «Текст» вставляется сам текст новости. Удобнее всего редактировать новость в текстовом редакторе «Microsoft Word», который позволяет проверить орфографию и не требует постоянного подключения к сети. После того как текст новости написан, выделите его, скопируйте и вставьте в текстовый редактор «Блокнот» - эта процедура нужна для того, чтобы внешний вид всех новостей был одинаковым для любой вашей новости. После этого снова выделите текст, скопируйте его и вставьте в поле «Текст». Форматирование текста (подчёркивание слов, вставка гиперссылок, выделение слов, выравнивание) лучше производить в редакторе «Конструктора порталов».
7) После того уже можно сохранить новость, для этого нужно нажать кнопку «Сохранить». Выйдет раздел «Новости» со списком всех ваших новостей. Под кнопками должна появиться надпись «Запись была успешно добавлена», это означает, что запись сохранилась. Если выходит другая надпись, значит новость не была сохранена и нужно повторить всё сначала.
8) Чтобы проверить, как выглядит ваша новость, нужно открыть главную страницу. В текстовой зоне новостей последняя по дате новость будет сверху. Нажмите на название и проверьте всё ли нормально. Если всё хорошо, то задача выполнена.
9) Если нужно что-то подправить в новости, зайдите снова в «Конструктор порталов», нажмите на названии этой новости и она откроется для редактирования. Сделайте необходимые изменения и нажмите кнопку «Сохранить». Если выйдет надпись «Запись была успешно сохранена», значит изменения вступили в силу. Если вы не хотите, чтобы сделанные вами изменения сохранились нажмите кнопку «Выход» и новость останется без изменений.
10) Чтобы удалить новость, нажмите на её названии в «Конструкторе порталов» и после того как откроется карточка новости нажмите на кнопку «Удалить». Выйдет окно предупреждения, выберите «Да», чтобы удалить новость. После того как появится надпись «Удаление записи прошло успешно», ваша новость удалится. Помните, что это новость удалится навсегда и вы. Никак не сможете её восстановить, поэтому будьте внимательны при удалении любой информации в портале.

Как добавить файлы (картинку, документ) на сайт?

Вы хотите, чтобы на вашем сайте были фотографии, документы, которые можно скачать или просто любые другие файлы? Для этого сначала надо выгрузить файлы с вашего компьютера на сервер www.cap.ru. Делается это так. В конструкторе порталов, в левом поле со списком нажимаем на строчку Библиотека, в правом поле в верхнем правом углу появляется кнопочка «Файлер». Смело нажимаем на нее. Кликаем на надпись «Отгрузить документ». В появившемся окошке нажимаем «Обзор» и указываем путь к отгружаемому файлу. Если требуется отгрузить следующий файл, нажимаем на кнопочку с плюсиком. И повторяем процедуру. Когда пути ко всем файлам указанны, нажимаем «Отослать». Возможно, придется немного подождать, пока файлы уйдут на сервер, время ожидания зависит от скорости интернета и количества отгружаемых документов. Обычно время ожидания не превышает 1-2 минут.

Внимание!!! При отгрузке файлов существует ограничение: размер отгружаемого документа должен быть не более 1 Mb!!!


Как создать фотогалерею.

Чтобы создать фотогалерею из фотографий на сайте необходимо проделать несколько простых шагов. Подробнее.

Проверьте чтобы названия фотографий были на английском языке (вернее чтобы в названии файлов не было русских букв) и размеры фотографий были меньше 1 Mb. Запустите программу ACDSee(версия не так важна). Выберите в папку с фотографиями, которые вы хотите разместить на сайте. Выберите нужные файлы рамочкой, выделив файлы с ctrl-ом или shift-ом. Далее, не снимая выделения, нажимаем на «Создать»-> «Создать HTML-альбом…». Появляется окошко с настройками будущего альбома.

Сначала выбираем тип расположения миниатюр. Тут можно поэкспериментировать. Главное в дальнейших фотоальбомах использовать единый стиль. Поэтому, некоторые настройки необходимо запомнить или записать. Жмем «Далее».

Шаг 1. В поле «Title» вводим название мероприятия, к которому мы делаем фотогалерею

В поле «Subtitle» вводим дату проведения мероприятия или дату, когда создавались фотографии. Жмем «Далее».

Шаг 2. В полях «Columns» и «Rows» (Столбцы и Строки) указываем сколько у нас будет столбцов и строк с миниатюрами. Обычно в поле Столбцы оставляют цифру 4, а в строках указывают общее число фотографий деленное на 4. То есть если у вас 20 фотографий, то получаем 4 и 5, если 37, то 4 и 10.

Формат миниатюр JPG-JPEG. Оставляем неизменным для всех фотоальбомов.

Размер миниатюр обычно 200 на 200 (эту цифру лучше запомнить и оставить неизменной для всех фотоальбомов). Жмем «Далее».

Шаг 3. Ничего не трогаем. Галочки со всех полей должны быть убраны. Жмем «Далее».

Шаг 4. Ставим галочку напротив Convert image(s) to JPEG format (Конвертировать файлы в формат JPEG) и выставляем число 85 в поле Image quality (качество изображения). Так же ставим галочку в поле Reduce large images by setting the maximum image (in pixels) (Трансформировать большие картинки в картинки с максимальным разрешением (в пикселях)). И ставим в поле Width (Ширина) - 800, Height (Высота) - 600. Жмем «Далее».

Шаг 5. В строке Output folder (папка для выхода) указываем любую папку куда мы хотим сохранить получившийся набор файлов нашего фотоальбома. Жмем «Далее». Жмем «Готово».

Выходим из программы ACDSee.

Далее из «Конструктора порталов» через «Файлер» переносим содержимое папки полученного фотоальбома с сохранением структуры файлов и папок в папку на сайте школы. После того как файлы были перекинуты на сервер можно размещать фотоальбом на сайте.

Возможность 1. У вас уже есть раздел Фотогалерея и вам необходимо просто добавить новые данные. Для этого в «Конструкторе порталов» в разделе Библиотека необходимо в нужном разделе нажать кнопочку «Добавить». Написать заголовок мероприятия, выбрать тип «Файл» и указать через «Выбрать» путь к INDEX.HTM.

Возможность 2. Вы хотите в тексте (например в Новости) создать гиперссылку на фотоальбом. Для этого. Пишите текст новости. В самом низу текста пишите Фоторепортаж. Выделяете это слово мышкой, подчеркиваете его (кнопка Ч) и делаете его гиперссылкой (кнопка Земля и звено цепи). Тип-http, в поле Url указываете http://gov.cap.ru/home/X/Y/index.htm. Где Х- номер папки вашей организации в системе cap.ru, Y-папка куда вы выгрузили файлы фотоальбома.


Как менять размер картинки или обрезать ее часть?

Не все фотографии имеют размер менее 1 Mb, на некоторые фотографии может заползти чья-то лысина или нос, хотя вы фотографировали шикарного кота, берущего высоту в 2,05м. Что делать? Выход есть.

Для изменения размера фотографии откройте необходимую фотографию в программе ACDSee. И нажмите «Изменить»->«Изменить размер» или нажмите сочетание клавиш Ctrl-R. Далее убедившись, что стоит галочка в поле «Сохранять пропорции» укажите явно размер будущей фотографии(размер можно увеличивать и уменьшать), задав ширину картинки в пикселях, высота измениться автоматически. Подтвердите изменение размера кнопкой Готово или отмените изменения кнопкой Отмена. Закройте программу - она предложит сохранить изменения в размере файла. Соглашайтесь.

Чтобы вырезать из большой фотографии только необходимую часть, выберите нужное фото и нажмите «Изменить»->«Обрезать…» растяните рамку на ту часть изображения, которую необходимо оставить, затемненная область будет удаленна из картинки. Рамку можно двигать и изменять. Подтвердите изменение кнопкой Готово или отмените изменения кнопкой Отмена. Закройте программу - она предложит сохранить изменения в размере файла. Соглашайтесь.


Баннеры справа. Что и как?

Баннер справа (Объявление) - это такая веселая картинка с текстом, которая находиться справа на сайте. Щелкнув по ней, вы перейдете по ссылке. Для создания Объявления необходимо.

  1. Загрузить картинку, которая будет в объявлении на сайте. Ширина картинки должна быть ровно 100 пикселей(хотя можно и чуть меньше и чуть больше). Как загружать файлы на сайт написано выше.

  2. Открыть в Конструкторе порталов пункт Объявления. Нажимаем Добавить.

  3. Заполняем разделы Дата, Наименование. В поле Наименование будет написан тот текст, который вы увидите в баннере.

  4. В поле URL пишите адрес странички, на которую вы прейдете кликнув на баннер.

  5. В поле Фото выбираете тот рисунок который вы приготовили и загрузили на сайт для данного баннера.

  6. Ставим галочку в поле Баннер.

  7. Сохраняем


Если баннер уже устарел и Вы хотите убрать его с вашего сайта, кликните в Конструкторе порталов на пункте Объявления, выберите надоевший баннер и уберите галочку в поле Баннер.


Баннер слева.

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

Итак, что необходимо чтобы создать баннер слева.

Открываем Конструктор порталов. В левом поле выбираем Оформление сайта. В правом поле выбираем наш сайт. Находим поле Баннер слева сверху. Скорее всего поле этого баннера пусто. Итак добавляем обычный баннер (очень похожий на баннер справа на сайте).Для этого пишем в пустом поле


http://www.project-p767.ru/">

100px" src="/origdocs/42/41232/HOME/20/Anton/irsot/irsot.jpg">

http://www.project-p767.ru/">

<font

color=#FF1493>Дистанционные семинары по внедрению новых финансовых моделей



Пояснения

http://www.project-p767.ru/ - страничка, на которую вы попадете кликнув по баннеру.

100px - ширина картинки баннера

"HOME/20/Anton/irsot/irsot.jpg" -путь к картинке на сайте (картинку необходимо предварительно выгрузить на сайт)

<font color=#FF1493> цвет надписи баннера, об этом ниже.

Дистанционные семинары по внедрению новых финансовых моделей - надпись, которая будет красоваться на баннере.



Особенности кода

Чтобы баннеры не были одинаковыми есть возможность их немного корректировать.

Перед надписью, которая будет красоваться на баннере (у нас это Дистанционные семинары по внедрению новых финансовых моделей)

Мы можем поставить

1. делает текст ЖИРНЫМ

Пример Дистанционные семинары по внедрению новых финансовых моделей


2.
вставляет перевод строки

Пример Это обычный и очень длинный текст, который весьма неудобно читать, если он написан в одну строчку

А это уже длинный текст, разбитый

на две строки с помощью тега


3. определяет выводимый шрифт, его цвет и размер

color -Устанавливает цвет текста, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет, либо используя константы цвета, например, для зеленого цвета

size -Размер текста в пределах от 1 до 7,где 1 - самый мелкий шрифт. По умолчанию равен 3

Пример

Дистанционные семинары по внедрению новых финансовых моделей

Дистанционные семинары по внедрению новых финансовых моделей

Дистанционные семинары по внедрению новых финансовых моделей


4. Тег создает текст, имитирующий стиль печатной машинки

Пример

Это обычный текст
А это уже текст с использованием тега, имитирующий стиль печатной машинки


5. Тег

предназначен для горизонтального выравнивания ВСЕХ элементов посередине окна браузера. CENTER это тег уровня блока, поэтому им можно центрировать, например, таблицы, тексты

Пример

Это обычный текст

А это уже текст с использованием тега


Базовые цвета


Azure
F0FFFF

Beige
F5F5DC

Bisque
FFE4C4

Black
000000

Blanchedalmond
FFEBCD

Blue
0000FF

Blueviolet
8A2BE2

Brown
A52A2A

Darkgray
A9A9A9

Darkgreen
006400

Darkkhaki
BDB76B

Darkmagenta
8B008B

Darkolivegreen
556B2F

Darkorange
FF8C00

Darkorchid
9932CC

Darkred
8B0000

Darksalmon
E9967A

Darkseagreen
8FBC8F

Darkslateblue
483D8B

Darkslategray
2F4F4F

Darkturquoise
00CED1

Darkviolet
9400D3

deeppink
FF1493

Deepskyblue
00BFFF

Gold
FFD700

Goldenrod
DAA520

Gray
808080

Green
008000

Lime
00FF00

Limegreen
32CD32

Linen
FAF0E6

Magenta
FF00FF

Maroon
800000

Mediumauqamarine
66CDAA

Mediumblue
0000CD

Mediumorchid
BA55D3

Mediumpurple
9370D8

Mediumseagreen
3CB371

Mediumslateblue
7B68EE

Mediumspringgreen
00FA9A

Mediumturquoise
48D1CC

Mediumvioletred
C71585

Midnightblue
191970

Mintcream
F5FFFA

Purple
800080

Red
FF0000

Rosybrown
BC8F8F

Royalblue
4169E1

Seashell
FFF5EE

Sienna
A0522D

Silver
C0C0C0

Skyblue
87CEEB

White
FFFFFF

Whitesmoke
F5F5F5

Yellow
FFFF00

YellowGreen
9ACD32







Любые вопросы Вы можете направлять на sport30@cap.ru Антону.

7


скачать файл | источник
просмотреть