Материал: Создание сайта учебного процесса Института математики и информатики

Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам

Создание сайта учебного процесса Института математики и информатики

ФГАОУ ВПО «Северо-Восточный Федеральный Университет им М.К. Амосова»

Институт Математики и Информатики

Кафедра Информационных Технологий









Отчет по учебно-вычислительной практике

Выполнила: Семенова Александра Викторовна







Якутск 2014 г.

Содержание

Введение

. Анализ существующих сайтов

1.1 Сайт

1.2 Языки программирования для web-сайтов

2. Практическая реализация

. Анализ развивающих игр

Заключение

Список использованной литературы

Введение

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

Основной целью данного задания является изучение языка PHP.

Были поставлены следующие задачи:

·        Заполнение материала;

·        Укомплектованность;

·        Дизайн.

Индивидуальным заданием является:

·        Рассмотрение и анализ существующих сайтов;

·        Создание сайта;

·        Анализ развивающих игр.

1. Анализ существующих сайтов

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

.1 Сайт

Сайт (веб-сайт англ. website, от web - паутина, «веб» и site - «место») - это место во всемирной сети (интернете), которое имеет свой адрес, собственного хозяина и состоит из отдельных веб-страниц, которые мы видим как одно целое.

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

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

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

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

) Динамические сайты и веб-страницы. Содержание и вид динамической страницы с одним и тем же адресом может быть совершенно различным в зависимости от разных условий. Скрипты, которые используются для формирования динамических веб-страниц, могут быть написаны на разных языках. Распространёнными языками веб-программирования являются, например, php, perl, asp и т. д. Такие сайты могут предоставлять пользователям интерактивность - например, вводить разные запросы и осуществлять поиск по сайту, отправлять на сайт и сохранять свою собственную информацию и осуществлять общение с другими пользователями. Кроме того, ведение и обновление этих сайтов гораздо проще. Минусы динамических сайтов в том, что они требуют поддержку дополнительных технологий, создают повышенную нагрузку на сервер, их сложнее оптимизировать, а ещё использование на сайте скриптов означает потенциальную угрозу для безопасности.

) Флэш-сайты. Технология флэш (flash) позволяет создавать очень красивые, интерактивные, со звуком и анимацией, сайты, которые выглядят на порядок эффектнее, чем обычные html-сайты. Однако сложность и трудоёмкость их изготовления, а также то, что страницы, созданные на флэш, имеют, как правило, большой вес и долго загружаются, что отпугивает часть пользователей, приводит к тому, что флэш-сайты не получили пока слишком широкого распространения. Также достаточно просто построить классификацию сайтов, исходя из того, чьим является сайт, кто его владелец и создатель. Таким образом, вторая классификация сайтов:

Классификация сайтов по их принадлежности

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

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

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

Виды сайтов по величине, по уровню решаемых ими задач

Приведём условную классификацию сайтов по этим параметрам:

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

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

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

.2 Языки программирования web-сайтов

Для реализации любого типа сайта, с целью максимально расширить интерактивные возможности веб-ресурса, используют различные языки программирования.- это один из самых старых языков web-программирования, появившийся еще на заре развития Интернета, и зарекомендовавший себя как один из самых простых и надежных способов web-программирования. HTML расшифровывается как Hyper Text Markup Language - Язык Разметки Гипертекста. Сайты, созданные по технологии HTML в большинстве своем являются набором статических страниц, не требующих наличия базы данных.

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

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

ПЛЮСЫ:

·        HTML является первым языком web-программирования. Именно на его основе построены многие команды на php, javascript и т.д. Таким образом можно сказать, что он вечен. Если поисковые системы по ряду признаков могут забанить какой либо движок, то HTML неприкосновенен в этом плане.

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

·        В HTML можно продумать свою Иерархию страниц, выделить главные и провести добротную внутреннюю оптимизацию сайта.

МИНУСЫ:

·        отсутствие средств, позволяющих динамически управлять внешним видом документа;

·        отсутствие средств, позволяющих легко менять внешнее оформление Web-документов без переделки самого документа, например, таблиц стилей;

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

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

ПЛЮСЫ:

·        быстрая работа (особенно с текстовыми строками);

·        мощный функционал;

·        куча готовых сторонних решений и полезных расширений языка, легкость в освоении, относительная легкость в отладке при работе в простом текстовом редакторе (есть «отладочные функции»).

МИНУСЫ:

·        большой расход памяти (особенно при программировании на основе объектно-ориентированного подхода);

·        существенные отличия от других языков, особенно в ООП (при первой встрече кажущиеся странными);

·        куча разных мелких нюансов, влияющих на производительность (которые желательно знать, приходит с опытом).

FLASH

По сути, сама технология флеш не является языком web-программирования, но используется для визуализации элементов, написанные на языке XML.

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

Но во всем как говориться нужно, знать меру, и создание flash-сайтов не исключение. Flash-блоки значительно тяжелее стандартных web-элементов и поэтому на их подгрузгу требуется больше времени. А пользователи сети, как правило, ждать не любят. Поэтому, доверяйте создание своего flash сайта профессионалам, которые оптимизируют его для максимально продуктивной работы.

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

Сайты, написанные под WAP имеют свой язык разметки, адоптированный именно под обмен информацией с WAP-браузером. И если обычные сайт, предназначенные для просмотра с компьютера в большинстве своем написаны на языках html, php, Perl, или xml, то для создания WAP-сайтов используется стандарт WML (Wireless Markup Language). Помимо всего прочего при разработке WAP-ресурсов используется свой формат изображений - WBMP, позволяющий максимально облегчить WAP-страницу.

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

ASP (Active Server Pages) - это открытая среда разработки web-приложений, которая позволяет комбинировать язык HTML, скрипты, и ActiveX серверные компоненты, с целью создать динамические и мощные web-решения для бизнеса. ASP-страницы это страницы, содержащие в себе скрипты, исполняемые на стороне сервера.(Practical Extraction and Report Languge) - универсальный, интерпретируемый язык web-программирования, используемый для написания cgi-скриптов и cgi-программ, выполняемых на стороне сервера и позволяющих автоматизировать работу сайта. Perl - это одна из наиболее удобных и распространённых сред для создания динамических web-страниц, хотя и вытесняемое в последнее время более новыми Интернет-технологиями. Формат Perl является прекрасным средством для взаимодействия с web-серверами через CGI (общий интерфейс взаимодействия). В настоящее время язык Perl теряет позиции по отношению к своему функциональному аналогу - PHP.

SSI (Server Side Include) - технология позволяющая собирать web-страницу из нескольких скриптов или файлов в единое, функциональное целое. SSI позволяет включить в web-страницу информацию на сервере, недоступную средствами HTML. По сути SSI - это своеобразный аналог инклудов в PHP. Позволяет внедрять в код сайта общие для каждой, или группы страниц элементы, позволяющих осуществлять редактирование каждой страницы через один только файл. SSI директивы поддерживаются .shtml, .htm и .html и прописываются в файле .htaccess.

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

А в выборе языка программирования очевиден: PHP. Потому что он легок в освоении и удобен в использовании.

2. Практическая реализация

Данный сайт содержит информацию о группе ИВТ-12, а именно список группы, дисциплины и информацию о кафедре.

Для создания сайта на PHP требуется как минимум блокнот или любой другой текстовый редактор. Но для данного сайта создано с помощью:

·        Denwer - проект Дмитрия Котерова, локальный сервер (Apache, PHP, MySQL, Perl и т.д.) и программная оболочка, используемые Web-разработчиками для разработки сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет. Главная особенность Денвера - удобство при удаленной работе сразу над несколькими независимыми проектами и возможность размещения на Flash-накопителе.

·        Adobe Dreamweaver - конструктор сайтов фирмы Adobe.

·        Adobe Photoshop - многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты.

Для того, чтобы сообщить серверу о том, что надо произвести обработку PHP-кода, необходимо использовать следующий синтаксис при добавлении PHP в HTML-документ: <?php