Создание справочного пособия с помощью системы управления контентом "Joomla" для обучения информатике в школе


Департамент образования города Москвы

Государственное образовательное учреждение высшего профессионального образования

Московский Городской Педагогический Университет”

Математический факультет

Кафедра информатики и прикладной математики





Дипломная работа

По теме:


Создание справочного пособия с помощью системы управления контентом “Joomla” для обучения информатике в школе




Студента 5 курса

очной формы обучения

Цыганова Виктора Ивановича

Научный руководитель: заведующий

кафедрой информатики и прикладной математики доктор технических наук, профессор

Григорьев Сергей Георгиевич




Москва, 2010

Ведение


Современный уровень развития электронных устройств и в частности компьютерной техники позволяет создавать новые технологии в различных сферах научной и практической деятельности. Одной из таких сфер стало образование – процесс и результат усвоения систематизированных знаний, умений и навыков.

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

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

Работа учителя информатики в школе требует применения компьютерных технологий обучения, и мне очень часто приходится использовать компьютерные информационные технологии: мультимедиа, обучающие и контролирующие программы, всемирную компьютерную сеть и многое другое. Подобные ресурсы являются одним из наиболее оптимальных и эффективных средств обучения в современном образовании.

Говоря об объекте исследования, можно сказать, что данная дипломная работа поможет понять и изучить процесс создания такой неотъемлемой части любой автоматизированной системы обучения как справочное пособие. К сожалению, такие системы обучения применяются на практике не так часто, как хотелось бы. Это связано не столько с не эффективностью подобных обучающих систем, сколько с трудностями, возникающими при их создании. В этой дипломной работе будет показан один из вариантов создания и практической реализации одного из основных элементов автоматизированной системы обучения. Данное справочное пособие будет создано с помощью системы управления контентом CMS «Joomla». Дипломная работа покажет, что при умеренной теоретической подготовке и небольшом практическом навыке и опыте работы в CMS «Joomla», подобное справочное пособие сможет создать не только любой преподаватель информатики, но и даже обучающиеся у него ученики.

Предметом исследования моей дипломной работы будет определение основных принципов и методов работы с CMS «Joomla», с помощью которых можно создать образовательный ресурс. В практической части дипломной работы рассмотрены основные этапы создания обучающей системы, с которыми сталкивается разработчик при реализации аналогичного образовательного ресурса. Будет показана эффективность результатов использования справочного пособия по HTML на уроках информатики, при изучении темы «Основные понятия языка HTML».

Актуальность темы дипломной работы заключается в том, что благодаря подобным образовательным ресурсам процесс обучения для учащихся становится более интересным, наглядным, быстрым и эффективным. Также автоматизированные системы обучения помогают преподавателю производить контроль знаний обучаемых, поднимать успеваемость в классе и повышать уровень мотивации изучения предмета у учащихся и развивать у них универсальные учебные действия.

Проблема состоит в необходимости изучения теоретических основ и основных принципов построения образовательных ресурсов на CMS «Joomla».

Цель исследования – разработать справочное пособие по HTML с помощью системы управления контенком CMS «Joomla». Перечислить основные возможности системы управления контентом CMS «Joomla» и показать способы их практической реализации на примере создания справочного пособия по HTML. Продемонстрировать эффективность использования данного справочного пособия на уроках информатики.

Гипотеза исследования – если педагог хочет создать справочное пособие, помогающее учащимся лучше и быстрее осваивать материал, то его можно реализовать с помощью системы управления контентом CMS «Joomla».

Задачи исследования:

  • Провести анализ компьютерных обучающих систем, уточнить основные принципы новых информационных технологий обучения, выявить типы обучающих систем;

  • Рассказать о цели создания и развития глобальной сети интернет, описать современные средства разработки web - сайта, выявить основные достоинства системы управления контентом CMS «Joomla»;

  • Подготовить операционную систему к работе с CMS «Joomla», создать справочное пособие по HTML с помощью системы управления контентом CMS «Joomla»; произвести апробацию результатов исследования, показать эффективность использования справочного пособия по HTML на уроках информатики, при изучении темы « Основные понятия языка HTML».

Методы исследования – теоретический анализ литературы по проблемам исследования основных характеристик дипломной работы. Нахождение приемлемых способов и методов апробации. Обобщение педагогического опыта.

Значимость исследования заключается в выявлении основных методов создания справочного пособия по HTML с помощью CMS «Joomla» и дальнейшей модернизации и улучшении данного автоматизированного обучающего ресурса для повышения уровня универсальных учебных действий учащихся.

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

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

Практическая часть работы вытекает из теоретического исследования и содержит основные практические принципы разработки справочного пособия, применяемые при создании ресурса с помощью CMS «Joomla»; основные выводы по эффективности применения разработанного справочного пособия на уроках информатики; описание условий апробации, а также полученные результаты исследования.

Результаты работы – мною было разработано справочное пособие по HTML с помощью системы управления контенком CMS «Joomla». Апробация показала, что благодаря данному образовательному ресурсу, учащиеся стали лучше и быстрее усваивать новый учебный материал. У них выросла общая мотивация к учебе. Улучшилось качество обучения, повысился уровень информационной культуры. Также у учащихся стала проявляться большая степень самостоятельности, в их деятельности появились элементы творчества.

В дипломной работе были перечислены основные возможности CMS «Joomla», определены ее достоинства и недостатки, оговорены особенности, основные принципы и способы работы с данной системой управления контентом.

Глава I. Теоретическая часть


§1. Компьютерные обучающие системы. Основные принципы новых информационных технологий обучения


С изобретением компьютера, перед человеком отрылось много новых и до этого не существующих возможностей. Наше общество уже нельзя представить без использования компьютерной техники. Современные компьютеры применяются практически во всех областях знаний. Одной из таких наиболее важных и значимых областей, является сфера образования. В педагогике такое направление в образовании называется компьютерные технологии обучения.

Первая обучающая система носила название Plato. Она была разработана в США в конце 50-х годов на основе мощной ЭВМ фирмы « Control Data Corporation ». Эта система развивалась в течение 20 лет. По-настоящему массовым создание и использование обучающих программ стало с начала 80-х годов, когда появились и получили широкое распространение персональные компьютеры. С тех пор образовательные применения ЭВМ выдвинулись в число их основных применений наряду с обработкой текстов и графики, оттеснив на второй план математические расчеты.

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

Благодаря своим мультимедийным особенностям современный ПК является уникальным по своим возможностям обучающим средством. Персональный компьютер применяется в обучении самым разнообразным дисциплинам и служит базой для создания большого числа новых информационных технологий обучения. Особенности персонального компьютера выгодно отличают его от других технических средств обучения. Эти особенности заключаются в возможности компьютера одновременно сочетать:

  • интерактивный (диалоговый) режим работы (действие человека – реакции компьютера - ... - действие человека - реакция компьютера и т.д.);

  • «персональность» компьютера (небольшие размеры и относительно невысокая стоимость, позволяют обеспечить компьютерами целый класс);

  • хорошие графические, иллюстративные возможности (среднестатистический компьютер имеет разрешающую способность монитора 1024x768 точек при 32 млн. цветовых оттенков - это качество несопоставимо выше чем у обычного цветного телевизора или иллюстрации в журнале);

  • простота управления и интуитивно понятный интерфейс;

  • легкость регистрации учащихся в обучаемой программе и хранения информации о процессе обучения и работе учащегося.

Если компьютер используется как обучающее средство, то обычно его технические возможности позволяют:

    • активизировать учебный процесс;

    • индивидуализировать обучение;

    • работать каждому ученику в своем индивидуальном темпе;

    • повысить наглядность в предъявлении материала;

    • сместить акценты от теоретических знаний к практическим (и наоборот);

    • повысить интерес учеников к изучению нового материала и обучению в целом;

    • реализовать автоматизированную систему проверки и контроля учащихся.

Активизация обучения связана с диалоговым характером работы компьютера и с тем, что каждый ученик работает за своим компьютером. При традиционном классном обучении основное - это восприятие учащимися информации в устной форме, при этом ученику не часто приходится проявлять активность на уроке и учитель не в состоянии организовать и контролировать активную работу каждого ученика на его рабочем месте. Поэтому традиционное обучение, в основном, является пассивным и на уроке активно работают 20 – 30% учащихся. Если же обучение ведется в компьютерном классе, компьютер диалоговым характером своей работы стимулирует ученика к деятельности и позволяет контролировать ее результаты.

Индивидуализация обучения при использовании компьютера также связана с интерактивным характером работы с компьютером и наличием компьютеров на рабочих местах: каждый ученик теперь может сам выбирать темп обучения, делать в работе паузы. Более глубокий и тонкий учет индивидуальных особенностей учащихся может осуществлять компьютерная программа, с помощью которой ведется обучение (педагогическое программное средство). Определив уровень обученности ученика с помощью начального теста, программа может, в соответствии с этим уровнем, предъявлять теоретический материал, вопросы и задачи, а также подсказки и помощь. Обучение слабых учеников программа ведет на самом легком (базовом) уровне, изложение теоретических сведений максимально упрощено, вопросы и задачи облегчены, помощь имеет характер прямой подсказки. Обучение сильных учеников ведется на наиболее сложном уровне, теория излагается углубленно, предлагаются творческие задачи, требующие изобретательности и интуиции, а помощь имеет косвенный характер - намека или наводящего на правильный путь вопроса. Между этими крайними случаями обучающая программа может учитывать более тонкую градацию подготовленности учащихся.

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

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

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

Важным условием успешного обучения является интерес учеников к изучаемому предмету, ходу обучения и его результату. Этот интерес связан с множеством факторов: содержанием изучаемого предмета, уровнем его сложности, организацией процесса обучения, системой поощрений и наказаний, применяемой учителем, мастерством и интересом к предмету самого учителя, системой ценностей ученика, его ближайшего окружения, родителей, взаимоотношениями в классном коллективе.

Компьютерная технология повышает интерес к обучению предметам, не связанным с информатикой. Новое в организации учебного процесса с участием компьютера, само изменение характера работы ученика на уроке способствуют повышению интереса к учебе. В то же время, более тонкое использование возможностей компьютера позволяет управлять мотивацией учеников во время компьютерного обучения. Здесь имеются в виду, в первую очередь, мотивирующие реплики обучающих программ, т.е. фразы, в которых обучающая программа оценивает работу ученика и стимулирует дальнейшее обучение. Эти фразы могут иметь неформальный характер и создавать положительную эмоциональную атмосферу при работе с компьютером. Важное значение имеют элементы игры, состязательности в компьютерном обучении (например, подсчет очков и сравнение достижений различных учеников) или звуковые и зрительные эффекты (звучание музыкальных мелодий, мигание и цвета на экране дисплея). Вот далеко неполный арсенал возможностей компьютера, делающих его очень перспективным для использования в учебном процессе обучающим средством.

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


§2. Типы обучающих систем


Основанием для классификации служат обычно особенности учебной деятельности обучаемых при работе с программами. Многие авторы выделяют четыре типа обучающих программ:

  • тренировочные и контролирующие;

  • наставнические;

  • имитационные и моделирующие;

  • развивающие игры.

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

Программы 2-го типа (наставнические) предлагают ученикам теоретический материал для изучения. Задачи и вопросы служат в программах для организации человеко-машинного диалога, для управления ходом обучения. Так если ответы, даваемые учеником, неверны, программа может «откатиться назад» для повторного изучения теоретического материала.

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

1. Линейное программированное обучение. Разработано Скиннером в 1954 году. При создании автор опирался на бихевеористскую психологию, в соответствии с которой обучение основано на принципе SR, т.е. на появлении некоторых факторов (S-stimulus) и реакции на них (R-reaction). По этой концепции для любой реакции, соответственно усиленной, характерна склонность к повторению и закреплению. Поощрением для обучаемого является подтверждение программой каждого удачного шага, причем, учитывая простоту реакции, возможность совершения ошибки сводится к минимуму.

Линейная программа в понимании Скиннера характеризуется следующими особенностями:

  • Дидактический материал делится на незначительные дозы, называемые шагами, которые обучаемые преодолевают значительно легко, шаг за шагом;

  • Вопросы, содержащиеся в отдельных рамках программы, не должны быть очень трудными, чтобы обучаемые не потеряли интереса к работе;

  • Обучаемые сами дают ответы на вопросы, привлекая для этого необходимую информацию;

  • В ходе обучения учащихся сразу же информируют о том, правильны или ошибочны их ответы;

  • Все обучаемые проходят по очереди все объем программы, но каждый делает это в удобном для него темпе;

  • Во избежание механического запоминания одна и та же мысль повторяется в различных вариантах и разных местах программы.

2. Разветвленная программа. Автор концепции разветвленного программирования – А. Кроудер. Разветвленная программа основана на выборе одного правильного ответа из нескольких данных, она ориентирует текст многократного выбора. По мнению автора, выбор правильных ответов требует от обучаемых больших умственных способностей, нежели припоминание какой-то информации. Непосредственное подтверждение правильности ответа он считает своеобразным типом обратной связи.

Вопросы, в понимании Кроудера, нужны для достижения с следующих целей:

  • Проверить, знает ли ученик материал;

  • В случае отрицательного ответа отсылать обучаемого к координирующим и обосновывающим ответ порциям информации;

  • Увеличение усилий обучаемого и одновременную ликвидацию механического обучения через многократное повторение информации;

  • Формирование требуемой мотивации обучаемого.

Если основой линейной программы является стремление избежать ошибок, то разветвленная программа не направлена на ликвидацию ошибок в процессе обучения. Ошибки Кроудер трактует как возможность обнаружить недостатки в знаниях обучаемых, а также выяснить, какие проблемы обучаемые уяснили недостаточно. Благодаря такому методу о его программе можно сказать, что она сводится к «управлению процессом мышления», в то время как линейная программа основана на «управлении ответами».

Постепенно оба классических типа - линейное и разветвленное программированное обучение - уступили место смешанным формам.

Известно несколько видов организации программ наставнического типа, называемых также алгоритмами программированного обучения.

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

  1. Параллельно-подготовительный алгоритм. Начальные элементы заданий независимо один от другого подготавливают выполнение следующего за ним комплексного элемента высокого уровня.

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

  3. Параллельно-корректирующий алгоритм. Обучаемому предлагается комплексный элемент высокого уровня, последующие элементы играют роль наводящих (подсказывающих), причем с разных позиций, независимо один от другого.

  4. Алгоритм переноса. Приводятся два массива элементов А(N) и В(N). Ими могут быть понятия, отношения, действия, характеристики и т.д. Требуется установить логическое соответствие между ними.

6. Аналитический алгоритм. Предлагаются элементы А(N). Необходимо установить принадлежность каждого из них к одному из классов В(N).

7. Синтезирующий алгоритм. Элементы массива А(N) уже разбиты на подгруппы. Задача обучаемого - установить критерий, по которому осуществлялась классификация.

8. Алгоритм упорядочения. Элементы массива А(N) необходимо упорядочить по некоторому указанному критерию В(N). Этот алгоритм требует для своего выполнения комплексной умственной деятельности.

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

3. С выборочным ответом. Обучаемому предлагается задание (вопрос) и набор (меню) готовых ответов, из которых он может сделать выбор правильного, по его мнению, ответа (утверждения).

Такой вариант задания наиболее удобен для машинной реализации, так как ЭВМ анализирует лишь номер, по которому легко определяет правильность ответа. На первый взгляд задания с выборочным ответом имеют ряд недостатков, а именно: обязательное предъявление верного ответа, возможность его угадывания, а значит, ограничение мыслительной деятельности обучаемого. Эти недостатки существенно снижаются путем правильного, творческого и остроумного применения различных принципов составления таких заданий.

Вероятность угадывания правильного ответа сводится к минимуму следующими простыми приемами:

  • Повторением аналогичного по смыслу вопроса в нескольких различных формах;

  • Увеличением числа элементов для выбора (при выборе из пяти ответов вероятность угадывания равна 0,2);

  • Увеличение числа верных ответов до двух или до нескольких пар. Подбирать ответы в заданиях необходимо таким образом, чтобы они были правдоподобными и равнопривлекательными.

Формы заданий с выборочным ответом:

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

Эта форма используется для заданий по составлению определений законов, теорем, стандартных формулировок и т.д. В верный ответ входят, как правило, не все элементы задания, и порядок их выбора не является жестким.

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

Задания со свободно-конструируемым ответом наиболее сложны для обучаемого, так как полностью исключают возможность угадывания и требуют значительной умственной работы перед вводом в компьютер ответа, набираемого на клавиатуре в свободной форме. В то же время резко возрастает сложность деятельности преподавателя - автора курса по формированию автономных ответов для анализатора инструментальной системы. Применяемый при оценке полученного ответа обучаемого на заданный вопрос эталон сравнивается с текстом и вырабатывается соответствующий признак ответа: «верный», «неверный», «предполагаемый» и т.д.

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

В современных инструментальных системах реализованы следующие методы сравнения эталонного ответа с ответом обучаемого.

1. Анализ по ключевым словам. Этот метод анализа достаточно прост и универсален. Эталонный ответ, заранее введенный преподавателем, используется в качестве ключа, который сравнивается с ответом обучаемого на протяжении всей строки. Ключом может быть один символ, слово или группа слов.

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

2. Синтаксический анализ с использованием символов частичной обработки ответа обучаемого. Этот метод анализа целесообразно использовать в том случае, когда требуется выполнить сравнение не по ключу, а по жесткому эталону. Выполняется посимвольное сравнение ответа с эталоном. При совпадении всех символов ответа с символами эталона вырабатывается признак «верно».

Однако при работе могут возникнуть ситуации, когда необходимо, с целью более корректного толкования смысла ответа, сделать некоторые отступления от правил прямого сравнения. В подобных ситуациях метод синтаксического анализа предусматривает средства частичной обработки ответов обучаемого.

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

3. Логический анализ. Логический метод анализа дает возможность формирования ответа в свободно-конструируемой форме. В данном случае ответ может представлять собой фразу или предложение, в котором порядок слов строго не определен. В словах могут игнорироваться окончание или другие части.

Основным отличием данного метода анализа от анализа по ключевым словам является то, что исключается необходимость перечисления всех возможных последовательностей ключевых слов при рассмотрении многословных ответов, так как логический метод позволяет с помощью одного эталона проанализировать насколько вариантов ответов. Недостатками такого рода программ являются:

  • Снижение мотивации в ходе работы с программой;

  • Возникновение пробелов в знаниях, связанных с непроизвольным рассеянием внимания в процессе работы с программой, а также ослаблением системного связывания знаний при отсутствии их интонационного выделения;

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

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

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

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

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

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

Основные действия, выполняемые программами первых двух типов:

  • Предъявление кадра с текстом и графическим изображением;

  • Предъявление вопроса и меню вариантов ответа (или ожидание ввода открытого ответа);

  • Анализ и оценка ответа;

  • Предоставление кадра помощи при нажатии специальной клавиши.

Они могут быть запрограммированы, так что разработчику обучающей программы остается ввести в компьютер только соответствующий текст, варианты ответов, нарисовать на экране с помощью манипулятора «мышь» картинки. Создание обучающей программы в этом случае выполняется совершенно без программирования, не требует серьезных компьютерных познаний и по силам любому педагогу-предметнику средней школы. Наиболее известны отечественные автоматизированные системы обучения: «Урок», «Адонис», «Магистр», «Stratum». Используются в России и зарубежные системы: «Linkway», «Techcad» и др. Многие из этих систем имеют хорошие графические подсистемы и позволяют создавать не только статические картинки, но и динамические графические фрагменты в духе «мультимедиа».

Создание обучающей системы обычно проходит четыре стадии:

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

2. Ввод в компьютер текстов отдельных кадров будущей программы, рисование картинок, формирование контролирующих фрагментов: вопросов, вариантов ответов к ним и способов анализа правильности ответов. На этой стадии педагогу потребуется минимальное владение функциями компьютера и возможностями ввода и редактирования, встроенными в инструментальную программу.

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

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

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

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

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

При проведении урока с использованием компьютеров работа педагога проходит фазы:

  • Планирования урока (определяется место урока в системе занятий по данной дисциплине, время проведения в кабинете электронно-вычислительной техники, тип урока и его примерная структура, необходимые для его проведения программные средства);

  • Подготовки программных средств (наполнение оболочек контролирующих программ и обучающих систем соответствующими дидактическими материалами, подбор моделирующих программ, размещение программных средств на носителях информации, проверка работоспособности программ);

  • Проведения самого урока;

  • Подведения итогов (внесение исправлений в обучающие программы, архивирование их для будущего использования, обработка результатов компьютерного тестирования, удаление лишних временных файлов).

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

Особые надежды при таком использовании компьютера возлагаются на компьютерные телекоммуникации, возможностями локальных и глобальных компьютерных сетей.

Такая технология включает следующие моменты:

  • Первоначальную мотивацию исследования, постановку цели и задачи исследования;

  • Поиск решения задачи, построение гипотез;

  • Проведение исследований, экспериментов, наблюдений и измерений, с целью доказать или опровергнуть выдвинутые гипотезы;

  • Групповое обсуждение результатов, составление отчета, проведение научной конференции;

  • Решение вопроса о практическом применении результатов исследований, разработку и защиту итогового проекта по теме.

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

  • Развитие письменной речи;

  • Овладение компьютерной грамотностью, освоение текстового редактора, компьютерных телекоммуникационных программ;

  • Развитие общих навыков решения проблем;

  • Развитие навыков работы в группе;

  • Развитие навыков творческой работы.


§3. Развитие глобальной сети Интернет


Интернет – всемирная компьютерная сеть, объединяющая миллионы компьютеров в единую информационную систему. Интернет предоставляет широчайшие возможности свободного получения и распространения научной, деловой, познавательной и развлекательной информации. Интернет возник как воплощение двух идей – глобального хранилища информации и универсального средства ее распространения.

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

Поль Барен, Ларри Робертс и Винтсент Серф разработали и применили методы, ставшие основой дальнейшего развития сетевых технологий: пакетная коммутация, динамическая маршрутизация сообщений в распределенной сети, использование универсального сетевого протокола.

В 1969 была создана сеть ARPANET. Именно она стала основой современного интернета, который постепенно разросся до масштабов всей Земли.

В 1976 Серф разработал универсальный протокол передачи данных TCP/IP (Transmission control protocol/ Internet protocol). Он стал стандартом для межсетевых коммуникаций.

В 1990 Тим Бернерс - Ли создал систему, реализующую идею единого гипертекстового пространства. Для описания гипертекстовых страниц служил специальный язык HTML (HyperText Markup Language), а для их пересылке по сети – протокол передачи HTTP (HyperText Transfer Protocol). Новый способ указания адресов с помощью URL (Uniform Resource Locator – универсальный указатель ресурсов) позволял легче запоминать их и лучше ориентироваться в информационном пространстве Интернета. Была написана также специальная программа отображения гипертекстовых страниц – первый браузер (browser – обозреватель). Бернерс - Ли назвал свой проект WWW – World Wide Web, то есть «Всемирная паутина».

В 1992 был разработан графический браузер «Мозаика» и с учетом возросшей пропускной способности сетей появилась возможность быстро передавать цветные изображения, фотографии, рисунки.

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

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


§4. Понятие web-сайта


Web-сайт – это информация, представленная в определенном виде, которая располагается на Web-сервере и имеет свое имя (адрес). Для просмотра Web-сайтов на компьютере пользователя используются специальные программы, которые называются браузерами. Web-сайт состоит из связанных между собой Web-страниц. Web-страница представляет собой текстовый файл с расширением *.html, который содержит текстовую информацию и специальные команды – HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера. Вся графическая, аудио - и видео - информация непосредственно в Web-страницу не входит и представляет собой отдельные файлы с расширениями *.gif, *.jpg (графика), *.mid, *.mp3 (звук), *.avi (видео). В HTML-коде страницы содержатся только указания на такие файлы.

Каждая страница Web-сайта также имеет свой Internet адрес, который состоит из адреса сайта и имени файла, соответствующего данной странице. Таким образом, Web-сайт – это информационный ресурс, состоящий из связанных между собой гипертекстовых документов (Web-страниц), размещенный на Web-сервере и имеющий индивидуальный адрес.


§5. Средства разработки web-сайта. HTML


Обмен информацией в Интернет осуществляется с помощью протоколов прикладного уровня и реализующих тот или иной прикладной сервис. Одним из популярных сервисов Интернет стала World Wide Web (WWW), основанная на протоколе HTTP (Hyper Text Transfer Protocol - протокол передачи гипертекстовой информации). В гипертекстовых документах, представленных в WWW пользователи, не ограничены одним документом, и более того, не ограничены одним компьютером.

Для подготовки гипертекстовых документов используется язык HTML, предоставляющий широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. Как уже было сказано выше, HTML-документы просматриваются с помощью специальной программы - браузера. Наибольшее распространение в настоящее время получили браузеры Opera, FireFox и Internet Explorer. Реализации этих браузеров доступны практически для всех современных программных и аппаратных платформ (Windows, Linux, Macintosh).

HTML-документ состоит из текста, представляющего собой содержание документа, и тегов, определяющих его структуру и внешний вид при отображении браузером. Простейший html-документ выглядит следующим образом:


<html>

<head>

<title>Названиеtitle>

head>

<body>

<p>Тело документа


Как видно из примера, тег представляет собой ключевое слово, заключенное в угловые скобки. Различают одинарные теги, как, например,

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


.


Текст всего документа заключается в теги , сам документ разбивается на две части - заголовок и тело. Заголовок описывается тегами , в которые могут быть включены название документа (с помощью тегов ) и другие параметры, использующиеся браузером при отображении документа. Тело документа заключено в теги <body> и содержит собственно информацию, которую видит пользователь. При отсутствии тегов форматирования весь текст выводится в окно браузера сплошным потоком, переводы строк, пробелы и табуляции рассматриваются как пробельные символы, несколько пробельных символов, идущих подряд, заменяются на один. Для форматирования используются следующие основные теги:</P> <P STYLE="background: transparent;"> <p> - начало нового абзаца, может иметь параметр, определяющий выравнивание:</P> <P STYLE="background: transparent;"> <BR> </P> <P STYLE="background: transparent;"> <<SPAN >p</SPAN> <SPAN >align</SPAN>=<SPAN >right</SPAN>>;</P> <P STYLE="background: transparent;"> <br> - перевод строки в пределах текущего абзаца;</P> <P STYLE="background: transparent;"> <u></u> - выделение текста подчеркиванием</P> <P STYLE="background: transparent;"> Ссылка на другой документ устанавливается с помощью тега </P> <P STYLE="background: transparent;"> <BR> </P> <P STYLE="background: transparent;"> <a REL="nofollow" target="_blank" HREF="https://doc4web.ru/go.html?href=URL">...</a>, </P> <P STYLE="background: transparent;"> <BR> </P> <P STYLE="background: transparent;"> где URL - полный или относительный адрес документа. При этом текст, заключенный в тег <a>, обычно выделяется подчеркиванием и цветом, и после щелчка мышью по этой ссылке браузер открывает документ, адрес которого указан в параметре href. Графические изображения вставляются в документ с помощью тега <img src="URL">.</P> <P ALIGN=JUSTIFY STYLE="background: transparent; font-weight: normal; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>6. PHP: Процессор гипертекста</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >PHP</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> – это язык программирования, созданный для генерации HTMLстраниц на </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сервере и работы с базами данных. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров. Входит в LAMP – «стандартный» набор для создания </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сайтов (Linux, Apache, MySQL, PHP (Python или Perl)).</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В области программирования для Сети, PHP – один из популярнейших скриптовых языков (наряду с JSP, Perl и языками, используемыми в ASP.NET) благодаря своей простоте, скорости выполнения, богатой функциональности и распространению исходных кодов на основе лицензии PHP. PHP отличается наличием ядра и подключаемых модулей, «расширений»: для работы с базами данных, динамической графикой, криптографическими библиотеками, документами формата PDF и т.п. Интерпретатор PHP подключается к </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-серверу либо через модуль, созданный специально для этого сервера (например, для Apache или IIS), либо в качестве CGIприложения.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В 1994 Расмус Лердорф написал набор скриптов на Perl/CGI обрабатывающий шаблоны HTMLдокументов. Лердорф назвал набор Personal Home Page (Личная Домашняя Страница) а затем написал на языке C новый интерпретатор шаблонов PHP/FI (англ. Personal Home Page / Forms Interpreter – «Личная Домашняя Страница / Интерпретатор форм». PHP/FI включал базовую функциональность сегодняшнего PHP: оформление переменных в стиле Perl ($имя_переменной для вывода значения), автоматическую обработку форм и встраиваемость в HTMLтекст и многое другое.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В 1997 году Энди Гутманс и Зив Сураски сочли PHP/FI 2.0 непригодным и объявили PHP 3.0 официальным преемником PHP/FI.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Одной из сильнейших сторон PHP 3.0 была возможность расширения ядра, что дало PHP возможность работать с огромным количеством баз данных, протоколов, поддерживать большое число API .Был разработан более мощный и полный синтаксис.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Абсолютно новый язык программирования получил новое имя. Разработчики отказались от дополнения о персональном использовании, которое имелось в аббревиатуре PHP/FI. Язык был назван просто PHP (Препроцессор Гипертекста). </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>К зиме 1998 года, практически сразу после официального выхода PHP 3.0, Энди Гутманс и Зив Сураски начали переработку ядра PHP. В задачи входило увеличение производительности сложных приложений и улучшение модульности базиса кода PHP. Расширения дали PHP 3.0 возможность успешно работать с набором баз данных и поддерживать большое количество различных протоколов, но PHP 3.0 не имел качественной поддержки модулей и приложения работали неэффективно.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В1999 был разработан PHP 4.0, основанный на движке Zend Engine и принёсший с собой набор дополнительных функций. В дополнение к улучшению производительности, PHP 4.0 имел ещё несколько ключевых нововведений, таких как поддержка сессий, буферизация вывода, более безопасные способы обработки вводимой пользователем информации и несколько новых языковых конструкций.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Пятая версия PHP была выпущена через 5 лет, в 2004 году. Изменения включали обновление ядра Zend (Zend Engine 2), что существенно увеличило эффективность интерпретатора. Была введена поддержка языка разметки XML, полностью переработаны различные функции, которые стали во многом схожи с моделью, используемой в Java. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Шестая версия PHP находится в стадии разработки с октября 2006 года. В ней уже сделано множество нововведений, как, например, исключение из ядра регулярных выражений POSIX и «длинных» суперглобальных массивов, удаление директив safe_mode, php_magic_quotes и register_globals из конфигурационного файла php.ini. Также много внимания уделено поддержке Юникода. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; font-weight: normal; line-height: 150%;"><A NAME="_Toc231701403"></A><A NAME="_Toc200911329"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>7. СУБД MySQL</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Программное обеспечение MySQL представляет собой очень быстрый многопоточный, многопользовательский надежный SQLсервер баз данных (SQL – язык структурированных запросов). Сервер MySQL предназначен как для критических по задачам производственных систем с большой нагрузкой, так и для встраивания в программное обеспечение массового распространения.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>MySQL является решением для малых и средних приложений. Входит в LAMP. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Благодаря открытой архитектуре и GPLлицензированию, в СУБД MySQL постоянно появляются новые типы таблиц.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В 2008 был выработан новый SQLинтерфейс, но APIинтерфейс остался в наследство от mSQL.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>MySQL портирована на большое количество платформ: AIX, BSDi, FreeBSD, HP-UX, GNU/Linux, Mac OS X, NetBSD, OpenBSD, OS/2 Warp, SGI IRIX, Solaris, SunOS, SCO OpenServer, SCO UnixWare, Tru64, Windows 95, Windows 98, Windows NT, Windows 2000, Windows XP, Windows Server 2003 и Windows Vista. Существует также порт MySQL к OpenVMS. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>MySQL имеет API для языков C, C++, Java, Perl, PHP, Python, Ruby, Smalltalk и Tcl, библиотеки для языков платформы.NET, а также обеспечивает поддержку для ODBC посредством ODBCдрайвера MyODBC.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>MySQL 5.0 содержит следующие нововведения: хранимые процедуры и функции; обработчики ошибок; курсоры; триггеры; представления; информационная схема (так называемый системный словарь, содержащий метаданные). </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; font-weight: normal; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>8. Системы управления контентом</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В последние годы стали популярны системы управления контентом. С помощью подобных систем легко создать базовый </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-проект, а </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-интегратор получает возможность развернуть масштабный проект за счет модульности.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Применение системы управления контентом при разработке </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-проекта позволило не работать над созданием кода разметки каждой страницы, программированием и интегрированием их графического оформления. Достаточно выбрать готовый модуль, из ранее созданных и протестированных. Интеграция в систему делается по единому стандарту.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Начало развитие </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-среды происходит в 90ых гг. Этот период характеризовался относительно невысоким уровнем развития </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> технологий и </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-проекты способные на интерактивное взаимодействие могли создаваться только программистами.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Вся динамика реализовывалась через CGI и другие сложные технологии и сайт обычно представлял собой набор статичных htmlстраниц, подготовленных в html редакторах. После набора, страницы, для осуществления возможности межстраничных переходов, объединялись ссылками и размещались на сервере. Вся работа по обновлению информации и проверке работоспособности проекта перекладывалась на его автора. Если требовалось не просто изменить существующую страницу, а добавить новую, то приходилось решать вопросы, связанные с логическим и физическим внедрением последней в весь проект. И если объем страниц возрастал, то «справляться» с ними становилось еще сложнее. Изменять и расширять динамические проекты было еще более проблематично.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Систем автоматизации всех этих процессов на тот момент практически не было. Однако такое положение длилось относительно недолго, и в дополнение к статичным htmlстраницами, CGI программированию появились более «дружественные» технологии – Asp (конец 1996 г.), ColdFusion (июнь 1995 г.), а позже и PHP. Новые технологии позволили совместить разметку htmlстраниц и несложный программный код, сделав тем самым пассивные htmlстраницы активными. Активность страниц позволила организовать интерактивное взаимодействие с пользователями и при обращении к одной и той же активной странице пользователь мог получать новые данные. В то же время стали создаваться активные страницы для автоматизации определенных действий, например, процесса загрузки файлов на сервер или же процесса создания новых страниц. Такие полезные страницы постепенно собирались во вспомогательные пакеты. Подобные пакеты применялись в типовых задачах. Вскоре разработчики пришли к решению о необходимости создания универсальных систем. Таким образом и появились первые универсальные коммерческие системы управления. Утвердилась и аббревиатура CMS. Позже появились и открытые системы управления. Дальнейшая эволюция этих систем привела к расширению функциональности и теперь они способны работать с темами, модулями, а также управлять другими элементами. Современные системы уже можно смело именовать «системами управления </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-проектом».</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Сейчас системы управления это не только удобная оболочка-менеджер для пользователя, но и мощный инструмент для </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-разработчика (последнее справедливо далеко не для всех систем). Благодаря таким системам, все реже возникает необходимость в разработке </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-проектов </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>с нуля» – подготовленному пользователю достаточно выбрать, установить и настроить существующую систему, чтобы получить приемлемый результат профессионального уровня.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>К сожалению, некоторая часть существующих </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сайтов создана без систем управления. Это так называемые «пустышки». </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Создателю </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-проекта при необходимости внесения корректировок или изменений в проект приходится самостоятельно выполнять сложные манипуляции с гипертекстом и программным кодом, либо потребуется обратиться к разработчикам проекта и за дополнительную оплату решать вопросы с которыми он и сам бы мог справиться, имея систему управления.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>По объективным оценкам на данный момент существует пока немалая часть </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-проектов без систем управления.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Школьнику безразлично, на базе какой системы управления функционирует разрабатываемый проект, ему важен результат – информация и способ ее получения. Система управления для школьника – это страницы с материалами, навигационные элементы, формы обратной связи, подсказки и т.д., но не более того. Поэтому недостаточно создать удобный и хорошо настроенный проект, необходимо также позаботиться и о его содержании – оно должно быть для школьника интересным и актуальным.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Преподаватели, модераторы, администраторы – это лица, которым делегирован набор дополнительных прав. Пользователям такого уровня система управления представляется в расширенном виде – к интерфейсу системы добавляются дополнительные элементы управления или целые административные разделы. В таких разделах администратор может легко и быстро добавлять например новых пользователей, а модератор может вносить правки в оставленные посетителями сообщения и делать другие разрешенные администратором действия.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Для лучшего понимания предметной области, а также установления порядка, была создана такая методика как классификация. Классификация – это разделение общего множества на частные по выбранным критериям, т.е. попросту деление на группы по общим признакам. Классификация также требуется и в области систем управления, где она должна сделать четкие разграничения между системами.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>На данном этапе будут рассмотрены два наиболее очевидных вида классификации:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>классификация по «степени открытости»;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>классификация по «разработчику системы».</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>а) классификация по «степени открытости»</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Многие пользователи уже успели попробовать такие «открытые» продукты как OpenOffice, Firefox, Linux, а также другие известные программы и системы, которые распространяются не просто бесплатно, но и с открытыми исходными кодами. Последнее означает, что каждый желающий может вносить изменения в исходный код таких программ и даже распространять их в модифицированном виде. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Главным преимуществом открытых продуктов является их доступность – открытый продукт можно не только свободно получать, но и быстро обновлять, ведь новые версии таких продуктов выходят с завидной регулярностью, а исправление найденных ошибок не выливается в очередное ожидание заплаток или сервиспаков, как это обычно происходит с коммерческими решениями.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Открытый продукт можно </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>пересобрать» с учетом своих собственных требований и тем самым получить максимальный результат.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>б) классификация по «разработчику системы»</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Разработчик системы, как правило, является автором, и сопроводителем системы. Современная CMS система должна позволять, не прибегая к дополнительному программированию, выполнять: редактировать содержимое страниц, включая добавление / удаление графики; добавление новых страниц; изменение структуры сайта и различных мета данных; настройку регистрационных форм; управление опросами, голосованиями и форумами; вывод статистики посещений; распределение прав по управлению сайтом среди пользователей т.д.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; font-weight: normal; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>9. CMS «Joomla»</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» – это система управления контентом, написанная на языке PHP и использующая в качестве хранилища содержания базу данных MySQL. </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» является свободным программным обеспечением, защищённым лицензией GPL. Одной из главных особенностей </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов. Название </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» фонетически идентично слову </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Jumla», которое в переводе означает </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>все вместе» или </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>единое целое», что отражает подход разработчиков и сообщества к развитию системы. Это название было выбрано сообществом среди многих, прошло проверку профессионалами маркетинга, и было решено, что </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» – это самый удачный выбор. Административная панель </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» представлена на рисунке.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Система управления содержанием </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» является ответвлением широко известной CMS Mambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. 16 сентября 2005 года в свет вышла первая версия </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla», являющаяся по сути переименованной Mambo и включающая в себя исправления найденных на тот момент ошибок и уязвимостей.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>CMS </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» включает в себя различные инструменты для изготовления </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сайта. Важной особенностью системы является минимальный набор инструментов при начальной установке, который обогащается по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит пространство на хостинге.</FONT></FONT></FONT></FONT></P> <P STYLE="background: transparent;"> Достоинства «Joomla»:<SPAN > </SPAN> </P> <UL> <LI><P STYLE="background: transparent;"> «Joomla»<SPAN > </SPAN>бесплатна.</P> <LI><P STYLE="background: transparent;"> «Joomla» развивается профессионалами уже больше 5 лет. Т.е. можно быть уверенным что система будет развиваться и дальше, а сайты написанные на ней будут и дальше актуальны. </P> <LI><P STYLE="background: transparent;"> Система работает с различными расширениями и модулями. Изначально в нее заложена только базовые компоненты, все остальное можно установить исходя из направленности сайта.</P> <LI><P STYLE="background: transparent;"> Более 4000 бесплатных и платных расширений.</P> <LI><P STYLE="background: transparent;"> Система реализована по блочному принципу. У каждого созданного сайта на «Joomla» существует своя шапка, левый и правый блоки, меню и т.д. Такое построение упрощает понимание системы.</P> <LI><P STYLE="background: transparent;"> «Joomla» позволяет создавать сайты любой сложности.</P> <LI><P STYLE="background: transparent;"> «Joomla» имеет много платных и бесплатных шаблонов которые легко модифицируются. Недостатки «Joomla»:</P> </UL> <UL> <LI><P STYLE="background: transparent;"> «Joomla» не очень быстра на локальном сервере.</P> <LI><P STYLE="background: transparent;"> В 2008 году система перешла на новую ступень развития (версия 1.5.х), поэтому часть дополнений, сделанных под версию 1.0.х стали недоступными.</P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>10. </B></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><B>Web</B></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>-сервер</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сервер – это сервер, принимающий HTTPзапросы от клиентов. Обычно в роли клиентов выступают </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-браузеры, выдающие им HTTPответы, вместе с которыми передаются HTMLстраницы, изображения, файлы, медиа-потоки или другие данные. </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> -серверы являются основой Всемирной паутины.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Фактически </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сервером называют как программное обеспечение обеспечивающее все вышеперечисленные действия, так и компьютер, на котором это программное обеспечение работает. Клиенты получают доступ к </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-серверу посредством единого указателя ресурсов – URLадресу нужной им </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-страницы или другого ресурса располагаемого на сервере.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Изначально </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >URL</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> предназначался для обозначения мест расположения ресурсов (чаще всего файлов) во Всемирной паутине. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Сейчас </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >URL</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> позиционируется как часть более общей системы идентификации ресурсов </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >URI</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>, сам термин </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >URL</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> постепенно принимает более широкое значение.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Среди </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-серверов самыми популярными являются: Apache </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >HTTP</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Server</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> от компании Apache и IIS от компании Microsoft. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Появление Apache HTTP Server явилось одним из важнейших средств, стимулировавших развитие всемирной сети Интернет. Apache был первой бесплатной альтернативой </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-серверу от Netscape Communications (в настоящее время известен как Sun Java System Web Server). Приложение доступно для установки на многих платформах, таких как: Unix, FreeBSD, Linux, Solaris, Novell NetWare, Mac OS X, Microsoft Windows и т.д. Apache распространяется как бесплатное программное обеспечение с открытым исходным кодом, что позволяет множеству разработчиков со всего мира участвовать в процессе доработки и выпускать дополнительные надстройки, выполняющие специфические, нужные для определенных целей, функции.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Первая версия была выпущена в 1994 году. Вторая версия заметно отличалась от предшествующей. Она была выпущена только в 2002 году. Имея модульную структуру, новый API для разработчиков, поддержку IPv6 и улучшенную поддержку не-Unix платформ (например Windows) она стала самым используемым httpсервером в сети Интернет. </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сервер Apache имеет модульную структуру ядра, что помогает разработчику, определившись с целями проекта, использовать именно те средства разработки, которые он планирует, отключив все остальные возможности. Данная архитектура ядра делает программный продукт более безопасным и быстрым. </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сервер поддерживает различные модули интерпретаторов, например: perl, python, php, tcl. В Apache встроена поддержка аутентификации, реализован протокол шифрования SSL, имеется прокси-модуль и модуль создающий отчеты. Кроме этого в возможности </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сервера входит подключение внешнего модуля сжатия gzip.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Удобная конфигурация позволяет администратору использовать один </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сервер для обслуживания нескольких узлов одновременно. В апреле 1996 Apache стал самым популярным HTTPсервером во Всемирной сети, но к ноябрю 2006 г. доля </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-серверов работающих на ПО от Apache Group значительно снизилась, почти половина всех </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-ресурсов перешла на сервер Microsoft Internet Information Services или сторонние разработки. Именно </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Microsoft</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Internet</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Information</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Services</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> является вторым по полярности сервером в глобальной сети интернет. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В основе выпуска IIS 7.0 лежит полностью модульный </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сервер, включающий более 40 компонентов, которые можно объединять в компактные </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-серверы, оптимизированные для необходимой роли в топологии приложения. Эти компоненты создаются на основе нового слоя расширяемости, что позволяет разработчикам расширять или замещать практически любую функцию сервера в машинном коде.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>IIS 7.0 предлагает расширяемость компонентов выполнения, управления и рабочих компонентов, облегчая создание комплексных решений в соответствии с конкретными потребностями. Диспетчер служб </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >IIS</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> 7 представлен на рисунке .</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В платформе IIS 7.0 по сравнению с IIS 6 решаются многие проблемы, связанные с управляемостью и эксплуатацией сервера. Она обладает принципиально новой системой настройки, обеспечивающей полностью делегированное управление узлами. Новые интерфейсы API для управления и диагностические компоненты делают процедуры развертывания, администрирования и устранения неполадок сервера значительно проще и удобнее, чем когда-либо прежде.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сервер IIS поддерживает несколько различных технологий создания </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-приложений:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>ASP.NET – для систем Windows это основное, на сегодняшний день, средство создания </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-приложений и </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-служб. Поддержка ASP.NET встроена в IIS 6.0. Для более ранних версий необходимо отдельно загрузить и установить NET Framework.</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>ASP – устаревшая технология создания динамических </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-страниц на основе сценариев. Входит в поставку IIS начиная с версии 3.0.</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>CGI – стандартная технология создания динамических </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> -страниц.</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>ISAPI – для Windows систем это наиболее мощная технология, предоставляющая полный доступ ко всем возможностям IIS.</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>При помощи CGI и ISAPI к </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-серверу IIS могут подключаться сторонние средства поддержки </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-приложений, например, PHP и Perl.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Одним из интересных и перспективных нововведений в IIS 7.0 является пакет IIS Media Pack. Два дополнительных бесплатных модуля позволят превратить </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сервер в современный инструмент медиа-вещания. Новые технологии Microsoft позволяют оптимизировать и грамотно управлять цифровым потоком медиа-данных. Сервер позволяет производить вещание данных в форматах: ASF, AVI, FLV, M4V, MOV, MP3, MP4, RM, RMVB, WMA, WMV.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Еще одним нововведением является встроенная поддержка новой технологии </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Silverlight</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>, </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Silverlight</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> 2 и </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Silverlight</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> 3. Это новая технология представления данных в Интернете. Предназначена для запуска на различных платформах. Она позволяет создавать насыщенные, визуально привлекательные </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-страницы, работающие в различных обозревателях, устройствах и настольных операционных системах (например </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Apple</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Macintosh</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>).</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"><A NAME="_Toc231701406"></A><A NAME="_Toc200911334"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>11. Принципы построения клиент / серверных систем</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT COLOR="#ffffff"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>компьютерный обучающий интернет joomla</FONT></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Для разработки клиент / серверных систем имеется два подхода:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>построение систем на основе двухзвенной архитектуры;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>построение систем на основе трехзвенной архитектуры.</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Двухзвенная архитектура состоит из клиентской и серверной части. Как правило, серверная часть представляет собой сервер БД, на котором расположены общие данные. А клиентская часть представляет приложение, которое связывается с сервером БД, осуществляет к нему запросы и получает ответы. Такие системы используются в локальных сетях, т. к. нет затруднений с установкой клиентской части. Также системы с такой архитектурой более безопасны, т. к. могут использовать собственные протоколы передачи данных, не известные злоумышленникам. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>При разработке информационных систем, рассчитанных на широкую аудиторию, возникают проблемы с использованием двухзвенной архитектуры. Во-первых, пользователю необходимо иметь в наличии клиентскую часть, а, во-вторых, у неопытного пользователя, могут возникнуть проблемы с конфигурированием такой системы. Поэтому в последнее время, более часто разрабатывают приложения на базе трехзвенной архитектуры.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Трезвенная архитектура также состоит из двух частей: клиента и сервера. Но серверная часть в этой архитектуре представляет собой сервер приложений и сервер БД. А в качестве клиента выступает webбраузер. Такая система очень проста для пользователя. Клиенту необходимо знать только адрес сервера и иметь webбраузер на компьютере. Все данные представляются в виде htmlразметки с использование графики (jpeg, gif, flash), каскадных слоев CSS и JavaScript. Недостатками такой архитектуры является использование общеизвестных протоколов передачи данных. Злоумышленник может осуществить взлом системы, если она будет не достаточно хорошо проверять поступившие запросы от клиента. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; font-weight: normal; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§12.</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>Вывод</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Для создания эффективного справочного пособия необходимо иметь высокий уровень знаний и большой опыт работы с автоматизированными обучающими ресурсами. Разработчик такой обучающей системы должен не только знать педагогические приемы применения данного пособия в школе и уметь понятно, наглядно представлять новый материал учащимся, но и хорошо разбираться в основных особенностях построения образовательного ресурса, знать основные принципы новых информационных технологий обучения, типы обучающих систем и т.д. При создании любой обучающий автоматизированной системы разработчик должен провести предварительную работу по изучению уже существующих автоматизированных систем, понять основные принципы их построения, учесть все положительные и отрицательные стороны, присутствующие в подобных обучающих системах. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>При создании справочного пособия по </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >HTML</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> автор непременно должен пытаться создать ресурс, направленный на помощь учащимся в освоении темы «Основные понятия языка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >HTML</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>», и на повышение эффективности обучения учащихся при изучении этой темы. Разработчик должен знать, какие цели он преследует, используя в школе данное справочное пособие, и исходя из них верно выбрать тип обучающей системы и правильно ее организовать. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"><A NAME="_Toc231701407"></A> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>Глава </B></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><B>II</B></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>. Практическая часть</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"><A NAME="_Toc231701409"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>1. Загрузка последней версии </B></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>CMS </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>«Joomla»</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>При работе с любым программным обеспечением, очень важно устанавливать и использовать только последнюю версию. Зачастую, разработчики вносят большое количество изменений уже после выпуска финальной версии продукта. Для загрузки последней версии необходимо обратиться к любому русскоязычному сайту о </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla», например http://www.</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >joom</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>.ru/. Используя раздел «Скачать», выбрать последний дистрибутив и загрузить его на свой компьютер. На данный момент последней русскоязычной версией </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla», является версия </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>CMS Joomla 1.5.15 RE (Russian Edition)</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Данная версия включает локализованные демо-данные, языковые файлы </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» и визуального редактора. Установка CMS происходит на русском языке, являющемся языком по умолчанию сразу после установки </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» RE.</FONT></FONT></FONT></FONT></P> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 2; orphans: 2; "><A NAME="_Toc231701410"></A> </H3> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>2. Установка локального сервера</B></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT></FONT></FONT> </P> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "> </H3> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "> <FONT SIZE=4>Локальный сервер</FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal"> - специальный набор скриптов, который устанавливается на компьютер </SPAN></FONT><FONT SIZE=4>и </FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">позволяет </SPAN></FONT><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">web</SPAN></SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">-мастерам разрабатывать, создавать динамические, CMS, </SPAN></FONT><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">PHP</SPAN></SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal"> и другие сложные сайты, на локальном (домашнем) компьютере, без использования Интернет. Т.е. это своего рода имитатор интернет сервера.</SPAN></FONT></H3> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Необходимость в локальном сервере возникает именно при разработке сложных, динамических, т.е. сайтов, использующие php (или perl) – скрипты, базы данных (mysql) или другие сценарии. Для обычных html+css сайтов локальный сервер в принципе не нужен, но для удобства и порядка, в своих разработках, их тоже лучше хранить в такой программе.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Форумы, блоги, гостевые книги, большинство форм обратной связи, CMS да и просто php-скрипты, – все нужно тестировать, проверять, корректировать на правильную работоспособность, а этого можно добиться только с помощью локального сервера.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Локальный сервер позволяет обработать сценарии и возвратить результат в HTML формат, что дает браузерам считывать код и показывать визуальную картинку.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Такой обработчик имеется на каждом </FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">интернет</SPAN></FONT><FONT SIZE=4>-сервере, предоставляющем услуги хостинга. К сожалению, при установке операционной системы Windows на домашний компьютер, установка такого обработчика не предусмотрена, поэтому для работы с локальным сервером приходится пользовать сторонние дистрибутивы.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Существуют несколько локальных серверов, но на мой взгляд самый простой и практичный – это </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Джентльменский набор Web-разработчика» (</FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Д.н.w.р», читается </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Денвер»). </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Денвер - </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>набор дистрибутивов (Apache, PHP, MySQL, Perl и т.д.) и программная оболочка, используемая Web-разработчиками для разработки сайтов на «домашней» (локальной) Windows - машине без необходимости выхода в Интернет. Главная особенность Денвера - удобство при удаленной работе сразу над несколькими независимыми проектами и возможность размещения на Flash-накопителе. При обычной установке по умолчанию, Денвер имеет нечто вроде </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>ядра» - так называемый «базовый пакет», занимающий около 5.5 MB. Все остальное поставляется в виде пакетов расширений. Базовый пакет содержит большинство необходимых программ и утилит:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Инсталлятор (поддерживается также инсталляция на flash-накопитель).</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Apache, SSL, SSI, mod_rewrite, mod_php.</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>PHP5 с поддержкой GD, MySQL, sqLite.</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>MySQL5 с поддержкой транзакций.</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Система управления виртуальными хостами, основанная на шаблонах. </FONT></FONT></FONT></FONT> </P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Чтобы создать новый хост, вам нужно лишь добавить директорию в каталог /home, править конфигурационные файлы не требуется. По умолчанию уже поддерживаются схемы именования директорий многих популярных хостеров, схемы также можно добавлять в ручную.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Денвер также в себя включает:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Систему управления запуском и завершением всех компонентов Денвера.</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>phpMyAdmin — система управления MySQL через Web-интерфейс.</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Эмулятор sendmail и SMTP-сервера (на localhost могут приходить письма в /tmp в формате .eml).</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Скачать последнюю версию Денвер можно с его официального сайта http://www.denwer.ru/.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>После скачивания извлеките и запустите установочный файл.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Нажмите </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Да».</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>После запуска установщика появляется чёрное окно и запускается браузер, где идёт описание Денвера. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Закройте браузер. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>В появившемся чёрном окне нажмите кнопку </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN >Enter</SPAN></FONT><FONT SIZE=4>», для продолжения установки.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>У вас появится следующее диалоговое окно:</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Вам предлагается создать директорию, и указать диск на которой Вы намерены установить Денвер. Я предлагаю указать диск </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">D»</SPAN></FONT><FONT SIZE=4>, в этом случае при возникновении каких либо проблем с Windows, Денвер не пострадает. Название директории выбираем произвольно.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Таким образом, пишем D:\Joomla и нажимаем </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">Enter</SPAN></SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">»</SPAN></FONT><FONT SIZE=4>.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Вас спрашивают – действительно ли Вы желаете установить Денвер на локальный диск </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">D»</SPAN></FONT><FONT SIZE=4>? Вы должны согласиться, нажать клавиши </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">Y»</SPAN></FONT><FONT SIZE=4> и </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">Enter</SPAN></SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">»</SPAN></FONT><FONT SIZE=4>.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Нажмите </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN >Enter</SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">».</SPAN></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Далее требуется указать букву, под которой будет создан виртуальный диск для сервера Денвер. Нажмите </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN >Enter</SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">».</SPAN></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Снова нажимаем клавишу </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN >Enter</SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">».</SPAN></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Выберите вариант </FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">1</SPAN></FONT><FONT SIZE=4> и нажмите на </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN >Enter</SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">».</SPAN></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Согласитесь с созданием ярлыка на рабочем столе, нажатием клавиш </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN >Y</SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">»</SPAN></FONT><FONT SIZE=4> и </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN >Enter</SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">».</SPAN></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Денвер установлен. На рабочем столе должны появиться 3 ярлыка. Запустите ярлык </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN >St</SPAN></FONT><FONT SIZE=4>art Denver</FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">»</SPAN></FONT><FONT SIZE=4> для того что бы Денвер загрузился и начал корректно работать.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Теперь можно открыть браузер и в адресной строке набрать</FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal"> </SPAN></FONT><FONT SIZE=4>«</FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">localhost».</SPAN></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Если у Вас появилась эта страничка, это означается, что Денвер успешно установился и локальный сервер готов к работе. Все, установка локального сервера завершена! </FONT></FONT> </P> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 2; orphans: 2; "><A NAME="_Toc231701411"></A> </H3> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>3. Создание базы данных </B></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><B>MySQL</B></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B> для работы с </B></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><B>CMS</B></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B> «Joomla»</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Денвер установлен и готов к работе, об этом свидетельствуют три новых значка на рабочем столе вашего компьютера. А два значка появившиеся на панели задач, говорят о том что локальный сервер запущен. Следующим шагом будет создание базы данных для сайта на </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla». Д</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>обавление пользователя и создание его конфигурации.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Что бы создать базу данный для нашего сайта, нужно в </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>адресной строке браузера набрать адрес </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >l</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>ocalhost/Tool</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >s</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. У Вас появится следующее окно:</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В открывшемся меню выбираем пункт </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">pnpmyadmin/. Это программа, которая позволит создать базу данных для нашего сайта и в дальнейшем управлять ею.</SPAN></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">От Вас требуется создать базу данных. Назовем ее </SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">site</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal"> и нажмем на кнопку </SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Создать».</SPAN></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">База данных создана. Теперь нужно нажать на кнопку и зайти в пункт меню </SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«П</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">ривилегии».</SPAN></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Вам нужно нажать на кнопку </SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Добавить нового пользователя».</SPAN></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Заполнить пустые поля следующим образом:</SPAN></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Пароль придумывается Вами самостоятельно. Далее н</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">ажмите на кнопку «Пошел».</SPAN></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Должна появиться надпись «Был добавлен новый пользователь». В результате этих операций мы создали базу данный «</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">site</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">» и пользователя «</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">site</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">» который имеет права администратора. Следующий этап создания нашего справочного пособия, это установка самой «</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">Joomla</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">» на локальный компьютер.</SPAN></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>4. Установки </B></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><B>CMS</B></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B> «Joomla»</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>После того как на компьютере был установлен локальный сервер и создана база данных, можно приступать непосредственно к установке сомой </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >C</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> сайта </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>http://www.</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >joom</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>.ru/ нужно скачать последнюю русскоязычную версию Джумлы. На данный момент это версия </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>CMS Joomla! 1.5.15 RE (Russian Edition)</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Запускаем сервер, заходим на вновь появившейся диск </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Z</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>, здесь нам необходима директория «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">www» </SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>для этого заходим в:</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal"> \home\localhost\www\</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . В открывшемся каталоге создаём новую паку с названием «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >site</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>». В неё мы и должны распаковать файлы из архива </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>CMS Joomla! 1.5.15 RE (Russian Edition).</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» распакована, теперь перезапускаем Денвер, для того чтобы север увидел новый каталог «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >site</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>». Открываем браузер и в адресной строке набираем </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">http://localhost/</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">site</SPAN></SPAN></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Запустился установщик Джумлы.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Важно: В первую очередь в браузере должны быть включены cookies.</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Выберем язык и нажимаем кнопку – «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Далее»;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Окно </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >y</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>ачальная проверка пропускаем, нажимаем кнопку – «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Далее»;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Лицензия – читаем, нажимаем кнопку –</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> «Далее».</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Окно: «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Конфигурация базы данных»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>, здесь нам необходимо заполнить пустые поля, уже имеющимися у Вас данными.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Окно «</FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">Конфигурация FTP»</SPAN></FONT><FONT SIZE=4> пропускаем, т.к. при отправке файлов на сервер мы будем использовать сторонний FTP клиент. Нажимаем «</FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">Далее»</SPAN></FONT><FONT SIZE=4>.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>На странице</FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal"> «Главная конфигурация»</SPAN></FONT><FONT SIZE=4>, необходимо заполнить все пустые поля и нажать на кнопку «Установить демо-данные». Пароль администратора придумывается Вами самостоятельно. Он нужен для входа в «административный раздел» «</FONT><FONT SIZE=4><SPAN >Joomla</SPAN></FONT><FONT SIZE=4>».</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Нажимаем «Далее» и видим окно завершения.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Здесь нам предлагается удалить папку</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal"> installation.</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> Это делается в целях безопасности, для избегания повторной установки «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Joomla</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>» на локальный сервер. Путь к папке </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">Z</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">:\home\localhost\www\</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">site</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">\installation</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Установка </SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal"> закончена</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Теперь набираем в адресной строке браузера адрес нашего будущего справочного пособия: </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">localhost/</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">site</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> если всё прошло нормально должен загрузится стандартный шаблон </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla». </FONT></FONT><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal">Установка </SPAN></FONT></FONT></EM><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla»</FONT></FONT><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal"> прошла успешно!</SPAN></FONT></FONT></EM></FONT></FONT></P> <H2 ALIGN=JUSTIFY STYLE="font-style: normal; line-height: 150%; widows: 2; orphans: 2; "><A NAME="_Toc231701412"></A> </H2> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"><A NAME="_Toc231701413"></A> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>5. Настройка системы управления контентом «</B></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><B>Joomla</B></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>». Конфигурация системы</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Конфигурация представляет набор условий и свойств, которые выполняет система. Для ее настройки необходимо выполнить процедуру авторизации и зайти в административный интерфейс управления по адресу </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >http</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>://</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >localhost</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>/</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >site</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>/</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >administrator</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>/. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В качестве имени пользователя и пароля вводим учетные данные, указанные при установке. В данном случае, именем пользователя является </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >admin</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>», а паролем – </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>123456».</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>После ввода правильной комбинации имени пользователя и пароля, произойдет перенаправление на главную страницу административного раздела.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Система управления контентом обладает широким набором функций:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>создание, редактирование и публикация информационного материала;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>конфигурирование системы управления контентом;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>установка тем оформления, компонентов и модулей;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>статистика посещений, просмотров, пользователей;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>информация о системе, обновлениях и исправлениях.</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Рассмотрим панель управления более подробно. В самом верху слева размещен логотип системы, а справа номер текущей версии.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Ниже размещена главная строка меню, которая состоит из различных элементов. Справа в этой строке размещены четыре элемента:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>ссылка для перехода на Ваш </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сайт (Front End);</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>информация о количестве сообщений, присланных Вам;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>информация о количестве пользователей он-лайн на сайте;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>кнопка выхода из панели администрирования.</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Слева размещены семь пунктов меню, которые содержат в свою очередь определенное количество подпунктов.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Рассмотрим по порядку данные пункты слева на право:</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Вкладка «Сайт»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> - меню управления, с помощью которого можно управлять общими параметрами конфигурации сайта, пользователями и медиа -файлами.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Вкладка «Все меню»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> - менеджер, с помощью которого осуществляется управление всеми видами меню на сайте.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Вкладка «Материалы»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> - меню управления информационным наполнением сайта. Здесь мы можем создавать разделы, категории, статьи, а также управлять ними.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Вкладка «Компоненты»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> - меню управления основными составляющими системы, которые расширяют функциональность </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Среди них, такие как менеджер баннеров, контактов, лент новостей (RSS каналов), компонент организации голосований, поиска и компонент организации ссылок. Здесь упомянуты те компоненты, которые устанавливаются вместе с установкой системы. Но </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> дает возможность устанавливать и другие компоненты. А их очень много в зависимости от исполняемых функций, что в свою очередь дает возможность настраивать данную систему под различные требования для того или иного сайта.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Вкладка «Расширения»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> - данное меню управляет дополнительными функциями CSM, а именно здесь есть возможность перейти в менеджер модулей, шаблонов, плагинов, языков. Здесь также есть возможность перейти в менеджер установки/удаления всех этих компонентов.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Вкладка «Инструменты»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> - через данное меню мы можем читать служебные сообщения системы, обмениваться сообщениями с другими участниками, зарегистрировавшимися на сайте, рассылать электронные письма всем пользователям системы, а также снимать блокировку с заблокированных элементов системы и чистить кеш (временные файлы).</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Вкладка «Помощь»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> - через данное меню администратор может перейти к сайту помощи </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>, а также с помощью подменю «информация о системе» перейти в управление всей служебной информацией сайта (параметры базы данных, параметрах версии PHP, установленных правах на папки системы, конфигурационный файл и другое).</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Ниже этих пунктов меню </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>слева</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> размещена </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>секция</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>, </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>в которой находятся наиболее распространенные ссылки на различные области управления</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Справа расположена наиболее востребованная информация системы</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> (популярные статьи, новые статьи на сайте, список зарегистрированных пользователей в он-лайн, информация о пунктах меню). Данными блоками информации администратор может управлять и настраивать под свои нужды.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"><A NAME="_Toc231701414"></A> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>6. Шаблоны дизайна</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"><A NAME="_Toc231701415"></A> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> четко разделено содержимое и представление содержимого в виде шаблона сайта, включающего в себя цвета, шрифты, выравнивание, расположение и т.д. Сайту на «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Joomla</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>» можно назначать различные шаблоны.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Создание шаблона технически несложно, но требует знаний языков HTML и PHP. Можно воспользоваться доступными, свободно распространяемыми шаблонами или услугами профессиональных дизайнеров.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Одним из первых действий по настройке </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> является установка шаблона сайта. </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Стандартная тема оформления </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» подходит для демонстрации возможностей системы, но никак не для создания полноценного </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сайта.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Следует помнить, что для </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> 1.5.</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >x</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> подходят шаблоны разработанные конкретно под версию 1.5.</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >x</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Шаблоны, созданные для версии 1.0.</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >x</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>, на 1.5.</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >x</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> будут отображаться некорректно или не будут работать вообще. Сам шаблон сайта для </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> обычно распространяется (так же как и расширения) в виде.zip файлов (или также.tar.gz файла). Для использования таких файлов необходимо сохранить файл шаблона на компьютер и далее перейти в </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Расширения» </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>– </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Установить /удалить» </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>На странице </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Установить /удалить» нужно выбрать .zip файл для установки. Нажмите кнопку «Обзор» для выбора файла шаблона сайта и нажмите кнопку «Загрузить файл и установить».</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Установка шаблона не приведет к мгновенной смене шаблона сайта. Для смены шаблона сайта, необходимо выбрать нужный шаблон и установить его по умолчанию.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Чтобы начать использовать шаблон сайта, необходимо перейти на страницу </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Расширения</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>– </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Менеджер шаблонов». </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Выбрать в панели </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Менеджер шаблонов» интересующий нас шаблон и нажать на копку «По умолчанию», что бы напротив выбранного шаблона появилась звездочка. Это означает, что шаблон выбран по умолчанию и будет использоваться для отображения сайта автоматичеки.</FONT></FONT></FONT></FONT></P> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 2; orphans: 2; "> </H3> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>7. Модули и компоненты</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Система управления контентом </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» имеет модульную структуру и в своем базовом варианте не обеспечивает всех необходимых возможностей, требуемых для реализации готового проекта.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» присутствует деление на компоненты и модули. «Компонентами» называются расширения, позволяющие добавлять дополнительный функционал к работе системы управления контентом. «Модулями» называются элементы вывода данных, отображение которых настраивается отдельно для каждой страницы </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сайта. Обычно, в комплекте с компонентами поставляются и модули, обеспечивающие вывод интерактивных элементов и любой информации хранящейся в них в любом предусмотренном шаблоном месте.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Модуль – это определенный участок сайта, позиция которого определяется через интерфейс администратора. В качестве модуля может быть представлены: меню сайта, список последних статей, счетчики посещений, поиск, авторизация пользователей, формы опросов и контактов, любая статическая и динамическая информация, заданная пользователем.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Стоит отметить отдельно, что позиции вывода модулей определяются в шаблоне оформления, действующем на странице. Кроме того, в «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Joomla</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>» существует специальная таблица позиций модулей. Для того, чтобы обозначить в системе активность модуля, необходимо зайти в следующий пункт меню: </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Расширения» </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>– </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Менеджер модулей».</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>При использовании стандартных шаблонов оформления, либо шаблонов на основании стандартных макетов дизайна – никаких изменений производить не нужно. Необходимость в изменениях возникает лишь в случаях, когда в шаблон добавляются дополнительные позиции для вывода модулей.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Компонентная структура позволяет обеспечить гибкость и высокие функциональные возможности системы. Используя только необходимые, для работы сайта, модули и компоненты, администраторы </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-ресурса защищают себя от узких мест и уязвимостей, имеющихся в незадействованных компонентах.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В качестве дополнительных компонентов к CMS «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Joomla</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>» возможно устанавливать: форумы, гостевые книги, блоги, галереи, интернет-магазины, видео-конференции, базы документов и многое другое.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>При необходимости, существует много компаний, оказывающих платные услуги по созданию компонентов по техническим заданиям заказчиков. Фактически – любую задачу, необходимую администратору, можно решить путем интеграции сторонних компонентов.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Загрузка компонентов производится аналогично загрузке шаблонов через пункт меню </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>в </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Расширения» </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>– </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Установить /удалить». Управление модулями производится через</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Менеджер модулей».</FONT></FONT></FONT></FONT></P> <H2 ALIGN=JUSTIFY STYLE="font-style: normal; font-weight: normal; line-height: 150%; widows: 2; orphans: 2; "><A NAME="_Toc231701416"></A> </H2> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"><A NAME="_Toc231701417"></A><A NAME="_Toc231701418"></A> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>8. </B></FONT></FONT><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal"><B>Создание информационной структуры в системе управления контентом </B></SPAN></FONT></FONT></EM><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>«Joomla»</B></FONT></FONT><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal"><B> на примере web-сайта </B></SPAN></FONT></FONT></EM><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>«</B></FONT></FONT><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal"><B>Справочное пособие по HTML».</B></SPAN></FONT></FONT></EM><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B> Создание материалов сайта</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Наполним наш сайт необходимым содержимым. Для добавления нового материала, на главной странице палении администрирования существует кнопка «Добавить материал». Кроме того, возможно добавление материала через пункты меню: «Материалы» – «Менеджер материалов».</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Таблица </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Менеджер материалов»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> состоит из нескольких колонок:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Заголовок</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — название материала</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >:</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Опубликовано</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — если стоит значок , значит материал опубликован на сайте. Если стоит значок , то нет</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>На главной</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — если стоит </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>значок </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>, значит материал опубликован на главной странице. Если ,то нет (изменить состояние можно, кликнув по значку)</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Порядок</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Порядок расположения материалов (можно изменить стрелочками  . Чтобы зафиксировать изменения, необходимо нажать );</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Доступ</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — регулирует доступ к данному разделу;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Раздел</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — к какому разделу относится данная статья;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Категория</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — к какой категории относится данная статья;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Автор</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — автор статьи</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Дата</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — дата создания статьи</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Хиты</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — количество просмотров</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >.</SPAN></FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>На странице </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Менеджер материалов»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>, в панели инструментов существуют следующие кнопки:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Вызвать в новом окне страницу описания по окну </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Менеджер разделов»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Открыть в новом окне настройки глобальных параметров материалов сайта;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Создать новый материал</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Изменить существующий материал. Для этого необходимо отметить нужный материал и нажать кнопку </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Изменить»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Поместить выбранный материал в корзину;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Копировать существующий материал в другой раздел/категорию. Отметьте нужный материал и нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Копировать»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Выберите нужный раздел из списка и нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Сохранить»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Переместить существующий материал в другой раздел/категорию, а на прежнем месте удалить. Отметьте нужный материал и нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Перенести»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Выберите нужный раздел из списка и нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Сохранить»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Скрыть (Сделать неопубликованным) существующий материал. Отметьте нужный материал и нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Снять с публикации»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка .</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> Показать (Опубликовать) существующий материал. Отметьте нужный материал и нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Опубликовать»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Позволяет поместить ненужные или уже не актуальные материалы в архив. При этом из менеджера материалов они не удаляются, а просто появляется надпись «В архиве». Отметьте нужный материал и нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«В архив»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Позволяет достать материал из архива. Отметьте нужный материал и нажмите «Из архива».</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Перед тем как создавать новый материал для сайта, нужно настроить глобальные параметры, которые будут относиться ко всем статьям. Это можно сделать, нажав на кнопку Параметры , которая находится в левом верхнем углу. Глобальные параметры для материалов выглядят следующим образом.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Если мы не задаем конкретные настройки для статьи, то она будет использовать по умолчанию эти глобальные параметры. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>После того как глобальные параметры настроены можно переходить к созданию материалов сайта.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Для создания нового материала необходимо нажать на </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>кнопку  «Создать»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Открывшуюся страницу можно условно разделить на 4 вкладки:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Заголовок</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Параметры – Статьи</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Параметры – Расширенные</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Мета – данные</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>На вкладке </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Заголовок»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> нужно заполнить следующие поля:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Заголовок</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — ввести название статьи</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Псевдоним</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — текст, который станет основой url для этого пункта;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Раздел</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — указать раздел, к которому будет принадлежать статья;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Опубликовано</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — отметить, будет опубликована статья или нет;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>На главной</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — отметить, будет статья опубликована на главной странице или нет;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Категория</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — указать категорию, к которой будет принадлежать статья.</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Можно не указывать раздел и категорию. Тогда материал можно вывести на сайт в виде отдельной страницы, создав под него отдельный пункт меню.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В поле для статьи вводится сама статья. С помощью установленного визуального редактора можно производить форматирование статьи, вставлять картинки и т.п.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В правой части страницы отражается статистика, а именно:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>ID Материала</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — идентификационный номер</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Состояние</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — опубликована статья или нет;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Хиты</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — количество посещений. Можно обнулить с помощью </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>кнопки «Сбросить» </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>количество исправлений;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Создан</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — дата создания статьи</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Изменён</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — дата последнего изменения</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Во вкладке </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Параметры - Статьи»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> заполняются следующие поля;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Автор</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — имя авторизированного пользователя, создавшего статью. Это имя будет отображаться в административной панели;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Псевдоним автора</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — если необходимо, вводится псевдоним автора;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Доступ</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — определяется уровень доступа к статье;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Дата создания</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — указывается дата создания статьи;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Опубликовано</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — указывается дата опубликования статьи;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Истекает</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — устанавливается дата, когда истекает срок опубликования.</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Во вкладке</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Параметры - Расширенные»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> можно использовать глобальные настройки для всех материалов или установить новые для отдельно взятой статьи:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Заголовок</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Показать/скрыть заголовок</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Заголовок как ссылка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Использовать заголовок как ссылку на сам материал;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Вступительный текст</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Показать/скрыть вступительный текст;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Название раздела</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Показать/скрыть раздел, к которому принадлежит материал;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Название раздела как ссылка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — выводить текст раздела как ссылку на этот раздел;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Название категории</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Показать/скрыть категорию, к которой принадлежит материал;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Название категории как ссылка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Выводить текст категории как ссылку на эту категорию;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Рейтинг</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Показать/скрыть рейтинг</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Имя автора</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Показать/скрыть автора;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Дата и время создания</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Показать/скрыть дату создания;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Дата и время последнего изменения</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Показать/скрыть дату изменения;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Иконка PDF</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Показать/скрыть кнопку «PDF». Позволяет пользователю сайта скачать версию материала в PDF-формате;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Иконка печати</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Показать/скрыть кнопку «Печать». Позволяет сразу отправить на печать просматриваемый пользователем документ;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Иконка E-mail</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Показать/скрыть кнопку «E-mail». Пересылает посетителя к форме письма для связи;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Язык материала</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Указать язык, на котором написана статья;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Ключевая сноска</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Текстовый ключ, по которому можно сослаться на эту статью;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Альтернативный текст подробнее…</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Ввести текст, который будет отображаться вместо слова «подробнее…», т.е. текст, который будет являться ссылкой на полную версию материала при создании анонса.</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Мета-данные используются для раскрутки и продвижения сайта в Интернете.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Во</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> вкладке «Мета-данные»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> заполняются следующие поля:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Описание</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — краткое описание материала</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Ключевые слова</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — ввести список слов через запятую на языке материала;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Параметр Robots</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Параметр позволяет задавать специфические для данной страницы правила индексации поисковыми роботами.</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Допустимые значения: </FONT></FONT></FONT></FONT> </P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>all</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> - индексировать и переходить по ссылкам;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>index,nofollow</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> - индексировать, но не переходить по ссылкам;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>noindex,follow</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> - не индексировать, но переходить по ссылкам;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>noidex,nofollow</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> - не индексировать и не переходить по ссылкам;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Автор</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — автор материала</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >.</SPAN></FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>С помощью кнопок на верхней панели можно:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>- </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка .</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> Вызвать в новом окне страницу описания по окну </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Редактирование материала»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>- </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Закрыть редактирование материала без сохранения изменений. Нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Отменить»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>- </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Применить (Сохранить) изменения, но остаться на странице редактирования материала. Нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Применить»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>- </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Сохранить изменения и закрыть страницу редактирования материала. Нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Сохранить»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>- </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Просмотреть полученный результат. Нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Просмотр»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>.</FONT></FONT></FONT></FONT></P> </UL> <H3 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "><A NAME="_Toc231701419"></A> <FONT SIZE=4><SPAN STYLE="font-weight: normal">Рассмотрим пример добавления материала из справочного пособия по </SPAN></FONT><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">HTML</SPAN></SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">. Материал называется </SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">«</SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">Плавающие фреймы</SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">»</SPAN></FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">:</SPAN></FONT></H3> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>При добавлении материалов на сайт, меню сайта автоматически не формируется, его нужно создавать вручную.</FONT></FONT></FONT></FONT></P> <H3 ALIGN=JUSTIFY STYLE="font-weight: normal; line-height: 150%; widows: 2; orphans: 2; "> </H3> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>9. Создание элементов меню</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>После успешного добавления всего материала появляется возможность перейти к заключительной стадии создания информационной структуры сайта. В системе управления контентом «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Joomla</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>» нет прямой зависимости категорий, разделов и элементов меню. Администратор ресурса сам может определять, какие ссылки ему необходимо отображать в меню сайта.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Устройство системы управления контентом вносит свои ограничения в процесс создания и публикации пунктов меню. Для начала, разберем схему построения меню на сайте.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Меню в «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Joomla</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>» – это модуль, отображаемый в определенном, заранее обозначенном месте, состоящий из ссылок на документы, содержимое категорий и различные компоненты системы управления контентом.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Вывод меню возможен лишь в том месте графического шаблона, где обозначен контейнер для вывода модуля. В готовых, коммерческих и бесплатных, шаблонах существуют контейнеры, специально созданные для отображения меню. Для удобства администратора, они расположены в верхней, боковой и нижней частях страницы.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Открыв окно </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Материалы» - </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Менеджер меню»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>, можно увидеть страницу с уже созданными типами меню.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>С помощью кнопок на верхней панели можно:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Вызвать в новом окне страницу описания по окну </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Менеджер меню»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Создать новое меню</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >;</SPAN></FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Изменить существующее меню. Для этого необходимо отметить нужное меню и нажать кнопку </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Изменить»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Поместить существующее меню в корзину. Отметьте нужное меню и нажмите</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> «Удалить»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Копировать существующее меню. Отметьте нужное меню и нажмите </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Копировать»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>;</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Для создания нового меню нужно нажать на </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>кнопку «Создать»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>На открывшейся странице </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Детали меню»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> необходимо заполнить поля:</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>системное имя</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> (латинским шрифтом), </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>заголовок</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> – имя пункта меню при выводе на сайт, описание меню и </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>заголовок модуля</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> – который будет использоваться при выборе способа вывода меню на сайт.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>После этого нажать на </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>кнопку  «Сохранить»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Если необходимо закрыть страницу без изменения необходимо нажать </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>кнопку</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Отменить»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>При нажатии на </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>кнопку  «Помощь»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> можно вызвать в новом окне страницу описания по окну </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Детали меню»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Для того, чтобы попасть на страницу </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Пункты меню»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> необходимо в </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Менеджере меню»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> нажать на </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>кнопку</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Пункты меню»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> в одноименном столбце.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>На странице доступен фильтр по названию пункта меню и по состоянию.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Таблица </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Пункты меню»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> состоит из колонок:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Пункт меню</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Название пункта меню;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>По умолчанию</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — Какой пункт меню будет по умолчанию выводиться на главной странице;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Опубликовано</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — опубликован пункт меню или нет;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Порядок</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — порядок отображения (изменить можно с помощью стрелочек и далее сохранить новый порядок с помощью значка );</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Доступ</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — показывает, кто имеет доступ к данному пункту меню (изменить можно¸ кликнув на данный столбец);</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Системное имя</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — системное имя материала.</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>С помощью кнопок на верхней панели можно:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Вызвать в новом окне страницу описания по окну «Пункты меню»;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Создать новый пункт меню;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Изменить существующий пункт меню. Для этого необходимо отметить нужный пункт меню и нажать кнопку «Изменить»;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Поместить существующий пункт меню в корзину. Отметьте нужный пункт и нажмите «В корзину»;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Копировать существующий пункт меню. Отметьте нужный пункт меню и нажмите «Копировать»;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Переместить существующий пункт меню. Отметьте ей пункт меню и нажмите «Перенести»;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Скрыть (Сделать неопубликованным) существующий пункт меню. Отметьте нужный пункт меню и нажмите «Скрыть»;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Показать (Опубликовать) существующий пункт меню. Отметьте -нужный пункт меню и нажмите «Опубликовать»;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. Вывести пункт меню на главную страницу. Отметьте нужный пункт меню и нажмите «По умолчанию»;</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Кнопка</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> . Показывает все меню в менеджере меню.</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Для создания пункта меню необходимо: Нажать на </FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal">кнопку  «Создать»</SPAN></FONT><FONT SIZE=4> и перейти на страницу</FONT><FONT SIZE=4><SPAN STYLE="font-weight: normal"> «Пункт меню»</SPAN></FONT><FONT SIZE=4>. Выбрать раздел </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Материалы» и в нем выбрать </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Стандартный шаблон материала»:</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Во вкладке «Подробности пункта меню»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> существуют следующие поля:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Заголовок</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — название пункта меню</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Псевдоним</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — псевдоним пункта меню латинским шрифтом</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Показать в</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — привязать пункт к определенному меню</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Родительский элемент</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — указать родительский элемент пункта меню</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Опубликовано</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — показать/скрыть пункт меню</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Доступ</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — указать, кто имеет доступ к данному пункту меню</FONT></FONT></FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Открывать в</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> — в каком окне будет открываться пункт меню</FONT></FONT></FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Для того, что бы прикрепить пункт меню к уже добавленному нами выше материалу </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Плавающие фреймы», поля необходимо заполнить следующим образом.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>В пункте меню </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Параметры – Основные</FONT><FONT SIZE=4>»</FONT><FONT SIZE=4>, нужно нажать на кнопку «Выбрать», и указать путь к материалу к которому нам нужно привязать создаваемый пункт меню. В данном случае это материал </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Плавающие фреймы».</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>После проделанных выше операций нажимаем на пункт меню Сохранить и смотрим полученных результат. Теперь наш пункт меню </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Плавающие фреймы» связан с материалом </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Плавающие фреймы» и при нажатии на пункте в меню </FONT><FONT SIZE=4>«</FONT><FONT SIZE=4>Плавающие фреймы» мы переходим на нужный нам материал.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Аналогичным образом добавляются и связываются с нужными материалами все оставшиеся пункты меню. </FONT></FONT> </P> <H2 ALIGN=JUSTIFY STYLE="font-style: normal; line-height: 150%; widows: 2; orphans: 2; "><A NAME="_Toc231701421"></A> </H2> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"><A NAME="_Toc231701433"></A> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>10. Выводы по работе с системой управления контентом </B></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><B>CMS</B></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B> «Joomla»</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Система управления контентом </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >CMS</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Joomla»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> , рассмотреная в данной дипломной работе является бесплатной и свободно распространяемой по лицензии </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >GPL</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. В данной ситуации имеются свои плюсы и минусы. С одной стороны – открытый исходный код позволяет дорабатывать, изменять, добавлять элементы систем управления контентом без необходимости связи с разработчиками. С другой – дает возможность злоумышленникам подробно изучить все «узкие места» и воспользоваться ошибками разработчиков.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Система управления контентом «Joomla» имеет большое количество выявленных уязвимостей, постоянно закрываемых заплатками разработчиков. В данный момент система выпускается в двух версиях 1.5.х и 1.0.х. Версия 1.0.х, с недавнего времени более не поддерживается. В данном случае, есть необходимость переводить все имеющиеся проекты на версию 1.5.15 и выше.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В плане удобства и функциональности – эта система управления контентом показала себя хорошо. «</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >Joomla</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>» отлично подходит для стандартных проектов, выполняющих функцию представления определенной информации заказчика, каталогизации по разделам, добавления форм связи. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Со стороны пользователя – система абсолютно пригодна для комфортного просмотра страниц и получения информации. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» обладает административным разделом, предназначенным для создания, редактирования и удаления записей и метриалов. При помощи Административного раздела, манипуляций с темами оформления и внутренними параметрами системы становятся легкими и интуитивно понятными. Очень легко происходит добавление расширений, операции с пользователями и материлами.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Расход системных ресурсов в </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» весьма невелик, нагрузка на ОЗУ сервера доходит до 20–40 Мб. Работа с шаблонами оформления в </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» организована на высоком уровне. Эта система управления контентом позволяет изменять код шаблона из интерфейса администратора. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>При разработке и вводе в эксплуатацию система показала себя хорошо. После детального изучения функциональных особенностей, можно сделать вывод о том, что </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» предназначена для сайтов разного уровня и класса. Эта система пригодна для создания типовых </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >web</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>-сайтов, организации интернет-сообществ или небольших по размерам медиа-проектов. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"><A NAME="_Toc231701454"></A> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§</FONT></FONT><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal"><B>11. Апробация результатов исследования</B></SPAN></FONT></FONT></EM></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal">Эффективность результатов использования справочного пособия по </SPAN></FONT></FONT></EM><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">HTML</SPAN></SPAN></FONT></FONT></EM><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal"> на уроках информатики при изучении темы </SPAN></FONT></FONT></EM><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«Основные понятия языка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >HTML</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>»</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal">Использование данного справочного пособия по </SPAN></FONT></FONT></EM><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">HTML</SPAN></SPAN></FONT></FONT></EM><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal"> на уроках информатики при изучении темы </SPAN></FONT></FONT></EM><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal">Основные понятия языка </SPAN></FONT></FONT></EM><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">HTML</SPAN></SPAN></FONT></FONT></EM><FONT FACE="Times New Roman, serif"><FONT SIZE=4>»</FONT></FONT><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal"> помогает:</SPAN></FONT></FONT></EM></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">Лучше изучить и усвоить новый материал;</SPAN></FONT></EM></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Улучшить качество обучения и воспитания, что повысит информационную культуру учащихся; </FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Повысить мотивацию к учебе; </FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Совершенствовать систему управления обучением на различных этапах урока; </FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Повысить уровень подготовки учащихся в области современных информационных технологий;</FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Использовать дифференцированный подход к обучению;</FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Узнать о новых возможностях компьютера;</FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Повысить уровень самостоятельности и внести элементы творчества в процесс образования.</FONT></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4><SPAN STYLE="font-weight: normal">Справочное пособие помогает решить следующие дидактические задачи: </SPAN></FONT></FONT> </P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Усвоить базовые знания по теме; </FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Систематизировать усвоенные знания; </FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Сформировать навыки самоконтроля; </FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Сформировать мотивацию к учению в целом и к информатике в частности; </FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Оказать учебно-методическую помощь учащимся в самостоятельной работе над учебным материалом. </FONT></FONT> </P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Данную технологию можно рассматривать как объяснительно-иллюстративный метод обучения, основным назначением которого является организация усвоения учащимися информации путем сообщения учебного материала и обеспечения его успешного восприятия, которое усиливается при подключении зрительной, моторной и эмоциональной памяти. Давно известно, что для большинства людей, зрение является основным средством получения информации из окружающего мира. 90% всей информации человек получает именно с помощью зрения, а оставшиеся 10% делятся между другими органами чувств (слухом, вкусом, осязанием, обонянием). Поэтому применяемый объяснительно-иллюстративный метод обучения является одним из наиболее эффективных в образовании.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Экономия времени, необходимого для изучения конкретного материала, в среднем составляет 30%, а приобретенные знания сохраняются в памяти значительно дольше. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>При использовании на уроке справочного пособия по </FONT><FONT SIZE=4><SPAN >HTML</SPAN></FONT><FONT SIZE=4> структура урока принципиально не изменяется. В нем по-прежнему сохраняются все основные этапы, изменятся, только их временные характеристики. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Необходимо отметить, что по времени этап активизации учащихся и мотивации их к обучению в данном случае увеличивается и несет познавательную нагрузку, а этап введения нового материала, наоборот, уменьшается. Он компенсируется за счет активной, самостоятельной деятельности учащихся. Мотивация учащихся в начале урока - необходимое условие успешности обучения, так как без интереса к пополнению недостающих знаний, без воображения и эмоций немыслима самостоятельная, творческая деятельность ученика. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Благодаря наличию в учебном пособии по </FONT><FONT SIZE=4><SPAN >HTML</SPAN></FONT><FONT SIZE=4> гипертекстовых ссылок у учащихся развивается системное, аналитическое мышление. Кроме того, с помощью данного учебного пособия можно использовать разнообразные формы организации познавательной деятельности: фронтальную, групповую, индивидуальную. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Таким образом, данное справочное пособие наиболее оптимально и эффективно соответствует триединой дидактической цели урока: </FONT></FONT> </P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4><SPAN STYLE="font-weight: normal">Образовательный аспект</SPAN></FONT><FONT SIZE=4> - восприятие учащимися учебного материала, осмысливание связей и отношений в объектах изучения. </FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4><SPAN STYLE="font-weight: normal">Развивающий аспект</SPAN></FONT><FONT SIZE=4> - развитие познавательного интереса у учащихся, умения обобщать, анализировать, сравнивать, активизация творческой деятельности учащихся. </FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4><SPAN STYLE="font-weight: normal">Воспитательный аспект</SPAN></FONT><FONT SIZE=4> - воспитание научного мировоззрения, умения четко организовать самостоятельную и групповую работу, воспитание чувства товарищества, взаимопомощи. </FONT></FONT> </P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Справочное пособие по </FONT><FONT SIZE=4><SPAN >HTML</SPAN></FONT><FONT SIZE=4> может быть использовано:</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4><SPAN STYLE="font-weight: normal">1. Как сопровождение объяснения учителя.</SPAN></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>При использовании учебного пособия в процессе объяснения новой темы достаточно выбрать и открыть необходимый раздел учебного пособия, в котором будут показаны основные моменты, необходимые для изучения данной темы. На экране могут также появляться определения, схемы, примеры выполнения заданий и т.д. Ребята не должны тратить время на переписывание данной информации себе в тетрадь. Акцент учителя должен быть направлен на доступное и понятное объяснение материала, на повышение заинтересованности в нем учащихся. Учащиеся должны понимать, что их основная задача не переписать показанный учителем материал себе в тетрадь, а разобраться в нем, понять основные принципы, законы и правила, используемые в данной теме. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4><SPAN STYLE="font-weight: normal">2. Как информационно-обучающее пособие.</SPAN></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>В обучении особенный акцент ставится сегодня на собственную деятельность ребенка по поиску, осознанию и переработке новых знаний. Учитель в этом случае выступает, как организатор процесса учения, руководитель самостоятельной деятельности учащихся, оказывающий им нужную помощь и поддержку. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Такие пособия удобно использовать в тех случаях, когда ученик по какой-то причине не успел выполнить задание во время урока, или если он пропустил тему по причине болезни. В этом случае учащиеся могут прийти в кабинет информатики после уроков и доработать материал. И, наоборот, учащиеся которые успевают за урок выполнить все предложенные по теме задания, могут, не дожидаясь остальных, переходить к следующему разделу темы или выполнять творческое задание по изученной теме. Таким образом, благодаря индивидуальному режиму работы каждого учащегося, все достигают положительного результата. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Справочное пособие, позволяющее организовать такую работу, должно быть более полным и включать в себя материалы по нескольким сопутствующим темам. В этом случае обеспечивается возможность для самостоятельного изучения разделов темы, а также для опережающего обучения. Структура пособия в этом случае должна быть достаточно сложной, нелинейной, с большим количеством разветвлений и основываться на «ручной» навигации. Также желательно, присутствие ссылок на другие ресурсы, срабатывающие, когда пользователь выполняет щелчок мышью на соответствующем объекте. При наличии такой сложной структуры важно предусмотреть понятный интерфейс, приятное визуальное оформленные, а главное постоянно доступное «главного меню» для выбора желаемой темы и подтемы.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>При изучении темы «Основные понятия языка </FONT><FONT SIZE=4><SPAN >HTML</SPAN></FONT><FONT SIZE=4>» кроме описания работы различных тегов, должны приводиться конкретные примеры реализации этих тегов на практике. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Использование компьютера на этом этапе имеет много плюсов: индивидуальный темп работы с программой, большой объем информации по теме, возможность посмотреть пример и сразу увидеть, для чего конкретно используется тот или иной тег.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Преимущества использования справочного пособия по </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >HTML</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> на уроках информатики:</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Учеников привлекает новизна проведения таких самостоятельных уроков. В классе во время таких занятий создаётся обстановка реального общения, при которой ученики стремятся выразить мысли </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>своими словами</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>»</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>, они с желанием выполняют задания, проявляют интерес к изучаемому материалу, у учеников пропадает страх перед компьютером. Учащиеся учатся самостоятельно работать с учебной, справочной и другой литературой по предмету. У учеников появляется заинтересованность в получении более высокого результата, готовность и желание выполнять дополнительные задания. При выполнении практических действий проявляется самоконтроль. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Можно выделить следующие особенности данной технологии:</FONT></FONT></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Качество изображения, выполняемого мелом на доске, не выдерживает никакого сравнения с аккуратным, ярким, чётким и цветным изображением на экране; </FONT></FONT></FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>С помощью доски и мела затруднительно объяснять работу с различными приложениями; </FONT></FONT></FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В случаях выявления в пособии недостатков или ошибок, можно сравнительно легко устранить дефекты; </FONT></FONT></FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В зависимости от подготовленности учащихся один и тот же материал можно объяснять или очень быстро или очень подробно. Темп и объём излагаемого материала определяется по ходу урока. </FONT></FONT></FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Повышение уровня использования наглядности на уроке. </FONT></FONT></FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Появляется возможность организации проектной деятельности учащихся по созданию учебных программ под руководством преподавателей информатики и учителями-предметниками. </FONT></FONT></FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Преподаватель, создающий или использующий информационные технологии, вынужден обращать огромное внимание на логику подачи учебного материала, что положительным образом сказывается на уровне знаний учащихся. </FONT></FONT></FONT></FONT> </P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Изменяется отношение к ПК. Ребята начинают воспринимать его в качестве универсального инструмента для работы в любой области человеческой деятельности. </FONT></FONT></FONT></FONT> </P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Апробация справочного пособия по </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >HTML</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> проводилась учениками 9а, 9б и 9в классов ГОУ СОШ № 390 города Москвы на уроках информатики. </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Глава «Основные понятия языка HTML» изучалась детьми в рамках большого раздела курса информатики «Компьютерные коммуникации». </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Тематическое планирование курса рассчитано на преподавание информатики и информационных технологий для обучающихся 9 классов на 70 учебных часов (2 часа в неделю). Рабочая программа составлена на основе примерной программы «Информатика и информационные коммуникационные технологии», разработанной на основе проекта федерального компонента государственного стандарта общего образования и базисного учебного плана. Данное тематическое планирование соответствует примерной программе базового курса «Информатика и ИКТ», рекомендованной Министерством образования.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>При изучении информатики каждый из трех 9-х классов делится на 2 подгруппы. В апробации справочного пособия по </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >HTML</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> учувствовала только подгруппа № 1 из каждого класса. Подгруппа № 2 в апробации участия не принимала. На основании этого и делается результат о эффективности данного справочного пособия. Результаты апробации можно посмотреть на следующих диаграммах.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Данное справочное пособие я использовал при изучении темы «Основные понятия языка </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >HTML</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>» в разделе школьного курса информатики «Компьютерные коммуникации». Ниже представлены диаграммы качества обучения учеников 9-х классов по другим разделам школьного курса информатики.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Как видно из диаграмм, раздел «Компьютерные коммуникации» на котором применялось справочное пособие по </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >HTML</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> был хорошо усвоен детьми</FONT></FONT><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal">. По этому разделу самое высокое качество обучения. </SPAN></FONT></FONT></EM></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Опытная проверка показала хорошую э</FONT><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">ффективность результатов использования справочного пособия по </SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">HTML</SPAN></SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal"> на уроках информатики при изучении темы </SPAN></FONT></EM><FONT SIZE=4>«Основные понятия языка </FONT><FONT SIZE=4><SPAN >HTML</SPAN></FONT><FONT SIZE=4>»</FONT><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">. Ребята стали активнее вести себя на уроке, у них появился больший интерес к предмету, повысился уровень мотивации к обучению в целом. Увеличилась скорость усвоения материала, объем выполняемых заданий на уроке также вырос. Появилась заинтересованность узнавать больше, повысился уровень самостоятельной и творческой деятельности. Учащиеся с удовольствием работали, как индивидуально, так и в коллективе. Вырос общий уровень универсальных учебных действий.</SPAN></FONT></EM></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>§12.</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>Вывод</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal">Создание справочного пособия с помощью системы управления контентом «</SPAN></FONT></FONT></EM><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">Joomla</SPAN></SPAN></FONT></FONT></EM><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal">» включает в себя множество этапов:</SPAN></FONT></FONT></EM></FONT></FONT></P> <UL> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">загрузка последней версии </SPAN></FONT></EM><FONT SIZE=4><SPAN STYLE="font-weight: normal">CMS </SPAN></FONT><FONT SIZE=4>«Joomla»;</FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">установка локального сервера </SPAN></FONT></EM><FONT SIZE=4>Денвер</FONT><EM ><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">;</SPAN></SPAN></FONT></EM></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>создание базы данных и пользователей в </FONT><FONT SIZE=4><SPAN >MySQL</SPAN></FONT><FONT SIZE=4>;</FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">установка </SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">CMS</SPAN></SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal"> </SPAN></FONT></EM><FONT SIZE=4>«Joomla» на локальный компьютер;</FONT></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">конфигурация системы управления контентом</SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">;</SPAN></SPAN></FONT></EM></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">изменение и настройка шаблона дизайна сайта;</SPAN></FONT></EM></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">подключение к </SPAN></FONT></EM><FONT SIZE=4>«Joomla» </FONT><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">необходимых модулей и компонентов;</SPAN></FONT></EM></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">создание материалов сайта</SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">;</SPAN></SPAN></FONT></EM></FONT></P> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">создание элементов меню сайта</SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">.</SPAN></SPAN></FONT></EM></FONT></P> </UL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">Каждый из этих этапов имеет свои нюансы и особенности. У пользователя, впервые столкнувшегося с созданием такой автоматизированной образовательной системы, может возникнуть много вопросов и затруднений по работе с данной системой управления контентом. В практической части диплома рассмотрены принципы работы и основные этапы создания образовательного ресурса с помощью </SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">CMS</SPAN></SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal"> «</SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">Joomla</SPAN></SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">». Оговорены особенности и достоинства, благодаря которым работа с данной системой управления над созданием справочного пособия не должна вызывать затруднений.</SPAN></FONT></EM></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">Используя основные приемы, описанные в дипломе, пользователь, захотевший создать собственную обучающую систему на основе </SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">CMS</SPAN></SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal"> «</SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">Joomla</SPAN></SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">», сможет с легкостью решить поставленную перед собой задачу. </SPAN></FONT></EM></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">Проводимая учащимися 9-х классов апробация данного справочного пособия показала высокую эффективность изучения нового материала и подтвердила ожидания, возложенные на данный образовательный ресурс.</SPAN></FONT></EM></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>Заключение</B></FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Современный уровень развития информационных технологий может стать инструментом решения одной из главных проблем педагогики - создания у учащихся тяги к знаниям и желания покорять новые вершины в сфере образования. Компьютерная техника должная увлечь и заинтересовать учащихся, возродить интерес и увеличить уровень мотивации к получению новых знаний. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: #ffffff; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Цели, поставленные в дипломной работе, были достигнуты. Было разработано справочное пособие по </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >HTML</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> с помощью системы управления контенком </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla». Показано, что при минимальной теоретической и практической подготовке и небольшом навыке работы с </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >CMS</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla» подобный образовательный ресурс сможет создать не только преподаватель, но и учащийся. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: #ffffff; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>В дипломе перечислены основные возможности данной системы управления контентом, показаны способы их практической реализации на примере создания справочного пособия по </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >HTML</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>. </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: #ffffff; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Также в дипломной работе были определены основные достоинства и недостатки </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN >CMS</SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4> </FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Joomla», оговорены ее особенности, продемонстрированы основные принципы и способы работы с данной системой управления контентом.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: #ffffff; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal">Созданное справочное пособие применялось на уроках информатики при изучении темы </SPAN></FONT></FONT></EM><FONT FACE="Times New Roman, serif"><FONT SIZE=4>«</FONT></FONT><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-style: normal">Основные понятия языка </SPAN></FONT></FONT></EM><EM ><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">HTML</SPAN></SPAN></FONT></FONT></EM><FONT FACE="Times New Roman, serif"><FONT SIZE=4>». </FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Апробация справочного пособия проводилась учащимися 9-х классов. Опытная проверка показала, что благодаря данному образовательному ресурсу, учащиеся стали л</FONT><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">учше и быстрее усваивать новый учебный материал. У школьников выросла</SPAN></FONT></EM><FONT SIZE=4> общая мотивация к учебе. Улучшилось качество обучения, повысился уровень воспитания информационной культуры учащихся. Стала проявляться большая степень самостоятельности в обучении. Появились элементы творчества.</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>В разработанном справочном пособии с успехом реализованы все перечисленные во введении цели и задачи. Это позволяет говорить о высокой эффективности использования данного справочного пособия по </FONT><FONT SIZE=4><SPAN >HTML</SPAN></FONT><FONT SIZE=4> при изучении темы </FONT><FONT SIZE=4>«</FONT><EM ><FONT SIZE=4><SPAN STYLE="font-style: normal">Основные понятия языка </SPAN></FONT></EM><EM ><FONT SIZE=4><SPAN ><SPAN STYLE="font-style: normal">HTML</SPAN></SPAN></FONT></EM><FONT SIZE=4>».</FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT SIZE=3><FONT SIZE=4>Материал в справочном пособии, благодаря простоте и доступности изложения, рассчитан на широкий круг читателей. Текст снабжен рисунками, таблицами и примерами, что также упрощает его понимание и усвоение. Благодаря интегрированной системе поиска в учебном пособии можно без труда отыскать интересующее понятие. </FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Данное обучающее пособие является одним из наиболее эффективных средств повышения качества образования на уроках информатики.</FONT></FONT></FONT></FONT></P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4><B>Библиография </B></FONT></FONT></FONT></FONT> </P> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <OL> <LI><H1 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Гончаров, А.Н. Самоучитель </SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">HTML</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal"> [Текст] / А.Н. Гончаров.- СПб.: Питер, 2002. </SPAN></FONT></FONT> </H1> <LI><H1 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Горнаков, С.Г. Осваиваем популярные системы управления сайтом [Текст] / С.Г. Горнаков.- М.: Наука, 2009. </SPAN></FONT></FONT> </H1> <LI><H1 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Ежевский, Д.О. О критериях создания электронных учебных пособий [Текст] / Д.О. Ежевский.- М.: Эксмо, 2004. </SPAN></FONT></FONT> </H1> <LI><H1 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Колисниченко, Д.Н. Движок для вашего сайта. CMS Joomla!, Slaed, PHP-Nuke [Текст] / Д.Н. Колисниченко.- М.: НТ Пресс, 2008. </SPAN></FONT></FONT> </H1> <LI><H1 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Колисниченко, Д.Н. Joomla! [Текст]: Руководство пользователя / Д.Н. Колисниченко.- М.: Диалектика, 2009. </SPAN></FONT></FONT> </H1> <LI><H1 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Норт, Б. Joomla! [Текст]: Практическое руководство / Б. Норт.- М.: Символ-плюс, 2008. </SPAN></FONT></FONT> </H1> <LI><P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <FONT FACE="Calibri, serif"><FONT SIZE=2 STYLE="font-size: 11pt"><FONT FACE="Times New Roman, serif"><FONT SIZE=4>Рамел, Д. Самоучитель Joomla! [Текст] / Д. Рамел.- СПб.: Питер, 2008. </FONT></FONT></FONT></FONT> </P> <LI><H1 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Хаген, Г. Создание веб-сайтов с помощью Joomla! 1.5 [Текст] / Г. Хаген.- М.: Вильямс, 2008. </SPAN></FONT></FONT> </H1> <LI><H1 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Чиртик, А.В. Популярный самоучитель </SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN ><SPAN STYLE="font-weight: normal">HTML</SPAN></SPAN></FONT></FONT><FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal"> [Текст] / А.В. Чиртик.- СПб.: Питер, 2006 </SPAN></FONT></FONT> </H1> <LI><H1 ALIGN=JUSTIFY STYLE="line-height: 150%; widows: 2; orphans: 2; "> <FONT FACE="Times New Roman, serif"><FONT SIZE=4><SPAN STYLE="font-weight: normal">Шишкин, В.В. Многоуровневая концепция создания электронных учебных пособий [Текст] / В.В. Шишкин.- М.: Махаон, 2001. </SPAN></FONT></FONT> </H1> </OL> <P ALIGN=JUSTIFY STYLE="background: transparent; line-height: 150%;"> <BR> </P> <P STYLE="background: transparent;widows: 0; orphans: 0; "> <BR> </P> </div> <div class="mark"> <img src="/assets/6990c512/images/basic.png"> </div> <div class="controls"> <a href="#" id="aa-scroll-top"><span class="ico"></span><span>Листать вверх</span></a> <a href="#" id="aa-scroll-bottom"><span class="ico"></span><span>Листать вниз</span></a> </div> <div class="getlinks"> <a id="aa-get-code" href="#"><span class="ico"></span><span>Получить код</span></a> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> <div id="aa-olimp" class="a-reclama" style="display: none;"> <div class="a-d-l-v">Скачивание материала <span id="timer_pre">начнется через </span> <span id="timer_inp">51</span><span id="timer_post"> сек</span>. <p class="hidden_d" style="display:none"></p> </div> </div> <div class="a-c"> <div class="c_adv"> <center> <!--336x280 - 2--> <!--script async type='text/javascript' src='//s.luxupcdnc.com/t/common_402.js'></script--> <!--script class='__lxGc__' type='text/javascript'> ((__lxGc__=window.__lxGc__||{'s':{},'b':0})['s']['_197117']=__lxGc__['s']['_197117']||{'b':{}})['b']['_574358']={'i':__lxGc__.b++}; </script--> <!--span id="fd176b9f-9ab1-37f2-61f6-aa090de35eaa"></span--> <!--script type="text/javascript"> var d=document;var s=d.createElement('script'); s.src='https://3slivtd.ru/V8CZ1g?frm=script&&'+window.location.search.replace('?', '&')+'&se_referrer=' + encodeURIComponent(document.referrer) + '&default_keyword=' + encodeURIComponent(document.title) + '&_cid=fd176b9f-9ab1-37f2-61f6-aa090de35eaa'; d.getElementById("fd176b9f-9ab1-37f2-61f6-aa090de35eaa").appendChild(s); </script--> </center> </div> <!--div class="flink"> <a href="http://traveranium.com/api/redirect?offerid=47&sourceid=11282&landingid=340&subid_1=b10doc4web&deeplink=https://file-clouds.ru/?url=https://doc4web.ru/uploads/files/205/3a1081ab98876c0b53f11acf48f183f9.docx|Создание справочного пособия с помощью системы управления контентом "Joomla" для обучения информатике в школе" data-link="https://doc4web.ru/uploads/files/205/3a1081ab98876c0b53f11acf48f183f9.docx" class="a_donlaud" >Скачать материал (0.15 Мб)</a> </div--> <div class="flink"> <a href="https://doc4web.ru/uploads/files/205/3a1081ab98876c0b53f11acf48f183f9.docx" data-link="https://doc4web.ru/uploads/files/205/3a1081ab98876c0b53f11acf48f183f9.docx" class="a_donlaud" >Скачать материал (0.15 Мб)</a> </div> <div class="clearfix"></div> <!-- Embedded inits --> <div id="fb-root"></div> <!--<script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button"});</script>--> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <script> !function (d, id, did, st) { var js = d.createElement("script"); js.src = "https://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertShareWidget(id,did,st); }, 0); } }}; d.documentElement.appendChild(js); }(document,"ok_shareWidget",document.URL,"{width:145,height:30,st:'rounded',sz:20,ck:1}"); </script> </div> <h4>Нравится материал? Поддержи автора!</h4> <div class="likestring"> <div><div class="fb-like" data-href="https://doc4web.ru/" data-layout="button" data-action="like" data-show-faces="true" data-share="false"></div></div> <div><div id="vk_like"></div></div> <div><a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru">Твитнуть</a></div> <div><div id="ok_shareWidget"></div></div> <div><div class="g-plusone" data-size="tall" data-annotation="inline" data-width="100"></div></div> </div> <div class="clearfix"></div> <h2 class="more">Ещё документы из категории информатика:</h2> <div id="yw0" class="list-view"> <div class="items"> <div class="doc_item"> <a href="https://doc4web.ru/informatika/processor-pentium.html"> Процессор пентиум</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/proektirovanie-ustroystv-na-yazike-vdl-sapr-maplus-ii.html"> Проектирование устройств на языке VHDL САПР MAXPLUS II</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/kaskadnie-tablici-stiley.html"> Каскадные таблицы стилей</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/bazi-dannih-3.html"> Базы данных 10</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/programmirovanie-mikrokontrollera.html"> Программирование микроконтроллера</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/ms-sl-server-yukon-integraciya-s-net.html"> MS SQL Server 9 Yukon. Интеграция с .NET</a> <div class="clearfix"></div> </div> <div class="doc_item"> <a href="https://doc4web.ru/informatika/autocad-2.html"> AutoCAD 2002</a> <div class="clearfix"></div> </div> </div><div class="keys" style="display:none" title="/informatika/sozdanie-spravochnogo-posobiya-s-pomoschyu-sistemi-upravleniya-k.html"><span>206489</span><span>206482</span><span>206474</span><span>206467</span><span>206430</span><span>206429</span><span>206418</span></div> </div> <center> <!--a href="https://mega-talant.com/landing/general8?pid=20" target="_blank" rel="nofollow"><img src="/smartspc.jpg" /></a--> </center> <div class="clearfix"></div> <div class="c_adv"> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8718807877319739" crossorigin="anonymous"></script> <!-- doc4wb --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8718807877319739" data-ad-slot="5250345183" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!--336x280 - 3--> <!--script async type='text/javascript' src='//s.luxupcdnc.com/t/common_402.js'></script--> <!--script class='__lxGc__' type='text/javascript'> ((__lxGc__=window.__lxGc__||{'s':{},'b':0})['s']['_197117']=__lxGc__['s']['_197117']||{'b':{}})['b']['_574357']={'i':__lxGc__.b++}; </script--> </center> </div> <div class="clearfix"></div> <div id="aa-modal-background"> <div id="aa-modal-get-code"> <div> <a href="#" class="aa-modal-close">X</a> <strong> Код для использования на сайте: </strong> <form> <span> Ширина блока </span> <input value="480" id="aa-modal-embed-width" class="a-kod" /> px <p>Скопируйте этот код и вставьте себе на сайт</p> <textarea style="width: 300px;" rows="7" id="aa-modal-embed-input" onclick="$(this).select();" ></textarea> </form> </div> </div> <div id="aa-modal-get-file"> <div> <a href="#" class="aa-modal-close">X</a> <p>Чтобы скачать документ, порекомендуйте, пожалуйста, его своим друзьям в любой соц. сети.</p><p>После чего кнопка <b>«СКАЧАТЬ»</b> станет доступной!</p><p>Кнопочки находятся чуть ниже. Спасибо!</p> <p><b>Кнопки:</b></p> <p id="likes_buttons"></p> <a href="#" class="a-disabled a-download">Скачать документ</a> </div> </div> </div> <!--//////////////////////////////////////////////////--> <script type="text/javascript"> var uploadHref="https://doc4web.ru/uploads/files/205/3a1081ab98876c0b53f11acf48f183f9.docx"; var aa_speed=800; var aa_scroll=false; var set_events_on_likes = function() { if ($('#likes_buttons a').length > 0) { $('#likes_buttons a').click(function() { $('#layer').hide(); $('.a-download').removeClass('a-disabled'); $('.a-download').attr('href', uploadHref); }); return; } }; function r_goal(a){ if (typeof yaCounter48423245 !== 'undefined' && typeof yaCounter48423245.reachGoal !== 'undefined') yaCounter48423245.reachGoal(a); } jQuery(document).ready(function(){ jQuery(".aa-get-file").click(function(event){ /* if (window.chrome && window.chrome.app && chrome.app.isInstalled === false && navigator.userAgent && navigator.userAgent.search(/YaBrowser/) === -1 && document.getElementsByTagName('html')[0].classList.value.indexOf("extension_installed") === -1) { event.preventDefault(); var img = document.createElement('img'); img.src = '/dialog150.png'; img.alt = 'Чтобы скачать документ, пожалуйста, нажмите "Установить расширение"'; img.id = 'inline_dialog_img'; document.body.appendChild(img); jQuery("#inline_dialog_img") .css({margin: '260px auto', width: '500px'}) .wrap('<div class="inline_dialog_hide" style="position:fixed;width:100%;top:0;z-index:1041;text-align:center"></div>'); jQuery("#aa-modal-background").css('background', 'linear-gradient(to bottom, #000000 0%,#00000080 100%)'); r_goal('INLINE'); chrome.webstore.install("https://chrome.google.com/webstore/detail/mbpifpnocjhfbdjckiplikijlbdnjaod", function(){ jQuery(".inline_dialog_hide").remove(); jQuery("#aa-modal-background").hide(); r_goal('INSTALL'); setTimeout(function(){location.href = uploadHref;}, 1000); }, function(error, code){ jQuery(".inline_dialog_hide").remove(); jQuery("#aa-modal-background").hide(); r_goal('CANCEL'); }); } else {*/ var share = Ya.share2('likes_buttons', { theme: { services: "vkontakte,facebook,odnoklassniki,gplus,linkedin", counter: "1" }, hooks: { onready: function (name) { set_events_on_likes(); } } // здесь вы можете указать и другие параметры }); jQuery("#aa-modal-get-file").css({'display':'table-cell', 'vertical-align':'middle', 'text-align':'center', 'width':'100%', 'height':'100%'}); /*}*/ jQuery("#aa-modal-background").css('display', 'table'); return false; }); jQuery("#aa-get-code").click(function(){ jQuery("#aa-modal-background").css('display', 'table'); jQuery("#aa-modal-get-code").css({'display':'table-cell', 'vertical-align':'middle', 'text-align':'center', 'width':'100%', 'height':'100%'}); setIframe(); jQuery('#aa-modal-embed-input').select(); return false; }); jQuery("#aa-modal-embed-width").change(function(){ setIframe(); }); /* jQuery("#aa-modal-background").click(function(eo){ jQuery("#aa-modal-get-code").hide(); jQuery("#aa-modal-get-file").hide(); jQuery("#aa-modal-background").hide(); }); */ jQuery(".aa-modal-close").click(function(eo){ jQuery("#aa-modal-get-code").hide(); jQuery("#aa-modal-get-file").hide(); jQuery("#aa-modal-background").hide(); return false; }); jQuery("#aa-scroll-top").click(function(eo){ var obj=jQuery("#aa-scroll"); var scroll=obj.scrollTop(); var height = obj.height(); if(obj.is(':animated')){ aa_speed/=2; height*=4; } else aa_speed=800; obj.stop().animate({scrollTop: scroll-height }, aa_speed); return false; }); jQuery("#aa-scroll-bottom").click(function(eo){ var obj=jQuery("#aa-scroll"); var scroll=obj.scrollTop(); var height = obj.height(); if(obj.is(':animated')){ aa_speed/=2; height*=4; } else aa_speed=800; obj.stop().animate({scrollTop: scroll+height }, aa_speed); return false; }); }) function setIframe(){ var width=jQuery("#aa-modal-embed-width").val(); var iframeHref="https://doc4web.ru/iframe.html?id=206498&width="+width; var embed_template = '<iframe src="{href}" width="{width}" height="{height}" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:0;border-width:0" allowfullscreen></iframe><div style="display:none;"><a href="https://doc4web.ru">Хостинг документов.</a></div>'; var src = embed_template.replace('{width}', width); src = src.replace('{height}', Math.ceil(width*0.75)+68); src = src.replace('{href}', iframeHref); jQuery('#aa-modal-embed-input').val(src); } </script> </section><!-- #end content area --> </div><!-- #end div #main .wrapper --> <!-- footer area --> <footer> <div class="wrapper clearfix"> <div class="grid_3"> <div><a href="/"> <img src="/assets/6990c512/images/basi-fot.png" alt="logo"> </a></div> </div> <!-- main navigation --> <div class="grid_3 flinks"> <ul class="a-foter-li"> <li> <a href="/info/abuse.html"> Правообладателям</a> </li> <li> <a href="/info/about.html"> О нас</a> </li> <li> <a href="https://doc4web.ru/contact.html"> Обратная связь</a> </li> <li> <a href="https://ru.jooble.org/%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0-%D1%83%D1%87%D0%B8%D1%82%D0%B5%D0%BB%D1%8C"> Работа учителям</a> </li> </ul> <script type="text/javascript"><!-- new Image().src = "//counter.yadro.ru/hit?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random();//--></script> </div> </div> <!--You can NOT remove this attribution statement from any page, unless you get the permission from prowebdesign.ro--><div id="attribution" class="wrapper clearfix">© 2014-2024 <a href="/">Хостинг документов</a>. Все права защищены. </div><!--end attribution--> </footer><!-- #end footer area --> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter48423245 = new Ya.Metrika({ id:48423245, clickmap:true, trackLinks:true, accurateTrackBounce:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/48423245" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-69500101-1', 'auto'); ga('send', 'pageview'); </script> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script> <script type="text/javascript"> function addListener(obj, type, listener) { if (obj.addEventListener) { obj.addEventListener(type, listener, false); return true; } else if(obj.attachEvent) { obj.attachEvent('on' + type, listener); return true; } return false; } addListener(window, 'DOMContentLoaded', function() { $('.flat_slide_cross').on('click', function() { var jParent = $(this).parents('.flat_ads_block'); jParent.removeClass('right_slide_flat_panel'); }); if(document.querySelectorAll('.flat_ads_block').length > 0) { var flat_ads_block = $('.flat_ads_block'); flat_ads_block.each(function() { $(this).addClass('right_slide_flat_panel'); }); } }); </script> <style> .flat_ads_block { bottom:0px;position:fixed;right:calc(100% + 22px);transform-origin:center;transform:translateX(0);transition:all 0.3s ease;z-index:998; } .right_slide_flat_panel { transform: translateX(calc(100% + 22px)) !important; } .flat_slide_cross { position: absolute; width: 22px; height: 22px; top: -10px; right: -10px; z-index: 1; background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB2aWV3Qm94PSIwIDAgMTc1LjAwMDAwMCAxNzYuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDE3Ni4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik02MzIgMTEyOCBsLTYyIC02MyA5MSAtOTEgOTEgLTkxIC05MSAtOTUgLTkwIC05NSA2NSAtNjQgNjQgLTY0IDkyCjkzIDkzIDkyIDkyIC05MiA5MyAtOTIgNjAgNTkgYzMzIDMzIDYwIDY0IDYwIDY5IDAgNiAtMzkgNTAgLTg3IDk4IGwtODggODgKODggODggYzQ4IDQ4IDg3IDkyIDg3IDk4IDAgMTIgLTExMiAxMjQgLTEyNSAxMjQgLTUgMCAtNDkgLTM5IC05NyAtODcgbC04OAotODggLTg4IDg4IGMtNDggNDggLTkwIDg3IC05MiA4NyAtMyAwIC0zMyAtMjggLTY4IC02MnoiLz4KPC9nPgo8L3N2Zz4K) no-repeat center / cover; cursor: pointer; border-radius: 100%; } .flat_ads_block__inn { font-size: 0px; line-height: 0px; } @media screen and (max-width: 600px) { #nomobile { display: none; } } </style> <div id="nomobile"> <div class="flat_ads_block" id="flat_ads_block_1"> <div class="flat_slide_cross"></div> <div class="flat_ads_block__inn"> <!-- Yandex.RTB R-A-293505-1 --> <div id="yandex_rtb_R-A-293505-1"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-293505-1", renderTo: "yandex_rtb_R-A-293505-1", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script> </div> </div> </div> <div id="toTop"></div> <!--div> <style> .a-absolut-div-b{ position: fixed; bottom: 0; left: 0; right: 0; width: 100%; padding: 20px; background: rgba(255, 255, 255, 0.9); text-align: center; z-index: 999; } .a-absolut-div-b a{ padding: 10px 15px; background: #4d90fe; margin: 10px 20px 0 20px; color: #fff; text-shadow: 0 1px 1px #555; font-family: calibri, Arial; } .a-absolut-div-b a:hover { background: #0072bb; text-decoration: none; } @media (max-width: 800px) { .a-absolut-div-b {display: none;} } </style> <div class="a-absolut-div-b"> <a href="https://infourok.ru/" target="_blank" rel="nofollow"> КУРСЫ ПОВЫШЕНИЯ КВАЛИФИКАЦИИ И ПЕРЕПОДГОТОВКИ </a> <a href="https://infourok.ru/konkurs" target="_blank" rel="nofollow"> Бесплатные олимпиады Инфоурок </a> <!--a href="https://infourok.ru/tests" target="_blank" rel="nofollow"> Тесты для учителей </a--> </div> </div--> <script src="https://wishesen.com/api/scripts/mSetupWidget?id=345"></script> </body> </html>