XXVII городская научно-практическая конференция обучающихся
«Открытия юных»
Секция «Информационные технологии»
ТЕХНОЛОГИЯ СОЗДАНИЯ СОВРЕМЕННОГО ВЕБ-САЙТА
Александров Роман Юрьевич,
ученик 10 класса
МБОУ «Средняя общеобразовательная школа № 59 с углубленным изучением отдельных предметов» города Чебоксары
Научный руководитель:
Челакова Диана Александровна,
учитель информатики
МБОУ «СОШ № 59» г. Чебоксары
Чебоксары – 2012
Оглавление
Введение .......................................................................................................................2
Современные тенденции веб-разработки ..............................................................3
Обзор используемых технологий.....................................................................3
Анализ популярных интернет порталов..........................................................3
Статистика программист - язык программирования......................................4
Создание собственного сайта в интернете .............................................................5
Выбор языков и сред программирования.......................................................5
Настройка локального веб-сервера..................................................................5
Написание программного кода для сервера....................................................7
Выбор технологий для клиентской стороны сайта и написание её кода........8
Выбор и «переезд» на хостинг.........................................................................11
Заключение ...................................................................................................................13
Библиографический список ..........................................................................................14
Введение
Интернет сегодня сильно отличается от интернета несколько лет назад. Вебсайты становятся быстрее, практичнее, красивее, появляется все больше возможностей. Главным образом, дело в усовершенствовании и появлении новых сред и языков программирования. Соответственно, повышаются и запросы интернет пользователей по поводу того, каким должен быть сайт; несоответствие этим запросам ведет к оттоку посетителей.
Цель работы: попытаться создать собственный сайт, отвечающий современным нормам сайтостроения.
Исходя из цели работы, можно выделить следующие задачи:
1. Выявить основные тенденции в сфере веб-разработки, вёрстки и дизайне;
2. Определить, что именно изменилось в этой области за последние несколько лет;
3. Создать собственный вебсайт на основе полученных результатов исследования
Объект исследования – средства веб-разработки, предмет – разработка собственного портала в интернете.
Практическая значимость нашей работы заключается в том, что данная работа может быть использована многократно при создании образовательных вебсайтов и многостраничных информационных сайтов, при малых затратах вычислительных ресурсов.
1. Современные тенденции веб-разработки.
1.1 Обзор используемых технологий.
В первую очередь, надо сказать, что любой вебсайт – это программный код, написанный на одном или нескольких языках программирования, представленный в понятном и приятном человеку виде. В случае веб-программирования, языки делятся на 2 типа: клиентские и серверные. Разберем поподробнее оба понятия.
Программы на клиентских языках обрабатываются на стороне пользователя, как правило, их выполняет браузер. Это и создает главную проблему клиентских языков — результат выполнения программы зависит от браузера и ОС пользователя. Это создаёт ряд проблем: например, может произойти такое, что в разных браузерах или в разных версиях одного и того же браузера один и тот же скрипт будет выполняться по-разному. С другой стороны, программист, таким образом, может снизить нагрузку на сервер за счет программ, исполняемых на стороне клиента. На данный момент наиболее распространенные клиентские ЯП – JavaScript, jQuery, ActionScript, Java, VBScript.
Программы на серверных ЯП устроены так, что когда пользователь дает запрос на какую-либо страницу (изменяет текущий URL адрес в браузере), то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла. Это дает огромное преимущество, т.к. посетитель не может получить доступ к исходному коду. Обычно такие страницы имеют расширение HTML, PHP, ASP, Perl, SSI, XML и др. Не так давно появилась и новая версия html – пятая, получившая огромный набор новых возможностей; в скором будущем также получит большое распространение.
Также важной стороной работы серверных языков является возможность организации непосредственного взаимодействия с системой управления базами данных (СУБД) — сервером, на котором упорядоченно хранится информация, которая может быть вызвана в любой момент. Наиболее широкое распространение получили такие СУБД: MySQL, PostgreSQL, SQLite, Microsoft SQL Server.
Что касается дизайна и верстки, то сейчас принято использовать для этих целей CSS (каскадные таблицы стилей) – язык внешнего оформления веб-страниц, расширяющий возможности формата html.
1.2 Анализ популярных интернет порталов
Рассмотрим, например, популярную поисковую систему Google.
Воспользуемся сайтом archive.org, который даёт возможность увидеть сохранённые годы назад копии сайтов. Вот так Google.com выглядел в 1999 году:
Тогда, судя по коду страницы, ещё не использовались CSS, JavaScript… на клиентской стороне производился рендеринг только html страницы с одним встроенным изображением (программисты не могли полагаться на корректную обработку страницы с множеством встроенных элементов на обыкновенном ПК). Сейчас эта передовая система поиска активно использует на клиентской стороне CSS, JavaScript, Ajax и т.д. а на сервере – по их словам, C/C++, Java, Python, Perl и ещё более ста языков.
Обзор других, более простых сайтов, показал, что
серверная часть чаще всего встраивается в html. Для работы с СУБД используют PHP и CGI скрипты (языки общего назначения, имеющие интерфейс ввода-вывода – такие как Python, C, Perl, или даже Pascal);
в качестве базы данных обычно используют Oracle, MySQL, Microsoft SQL, PostgreSQL;
на клиентской стороне чаще всего обрабатываются JavaScript, jQuery, CSS и т.д.