Создание информационного сайта по изучению языков программирования

Қазақстан Республикасының

Бiлiм және ғылым министрлiгi

М. Жұмабаев атындағы

Гуманитарлық коледжі

Жаратылыстану – математикалық пәндер циклдік әдістемелік комиссиясы

Министерство образования и науки

Республики Казахстан

Гуманитарный колледж им.М.Жумабаева

Цикловая методическая комиссия естественно математических дисциплин и информатики

Бекiтемiн

Утверждаю

ЦӘК төрайымы

Председатель ЦМК___Павилан А.К.____

Заместитель директора по УПР

___________________Нурышева Б.С.

Қopғay

Защита «_24_»__июня_____2015г.

Диплом жұмысының

ТҮСIНДIРМЕ ЖАЗУЛАРЫ

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

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

жұмыстың

тақырыбы: «Бағдарламалау тілдерін оқыту ақпараттық сайтын жасау»

на тему: «Создание иинформационного сайта по изучению языков программирования».

ДИПЛОМНИК

УЧАЩИЙСЯ ГР._____ Грязнов Анатолий Юрьевич

ЖОБАНЫҢ ЖЕТЕКШIСI

РУКОВОДИТЕЛЬ ________ _Жанбекова Алтынай Есенкельдиновна

ЭКОНОМИКАЛЫҚ

БӨЛІМНЕН

ПО ЭКОНОМИЧЕСКОЙ ЧАСТИ______Кожабаева Акжаркын Коныспаевна ЕҢБЕКТІ ҚОРҒАУ ЖӘНЕ

ТЕХНИКАЛЫҚ ҚАУІПСІЗДІК

БОЙЫНША

ПО ОХРАНЕ ТРУДА

И ТЕХНИКЕ БЕЗОПАСНОСТИ _ _Ахманов Асхат Каримович

П етропавловск, 2015

Министерство образования и науки Республики Казахстан

Гуманитарный колледж им. М. Жумабаева

ЦМК Естественно-математических дисциплин и информатики

Специальность 1304000 «Вычислительная техника и программное обеспечение (по видам)»

Группа_ВТЗ-1-12____________

Дипломдық жобаны (жұмысты) орындау

ТАПСЫРМАСЫ

ЗАДАНИЕ

на выполнение дипломного проекта

Учащийся__Грязнов Анатолий Юрьевич_____________________________________________

(фамилия, имя, отчество)

Жобаның тақырыбы /Тема дипломного проекта__«Создание информационного сайта по изучению языков программирования».__________________________________________________

/Утверждён приказом по колледжу №__36а-УЛО_от «__4___» _мая 2015 г.__________________

/Исходные данные к проекту___________________________________________________________

___________________________________________________________________________________Дипломдықжұмысында қарастырылатын сауалдар немесе қысқаша мазмұны/ Перечень подлежащих разработке в дипломнойй работе вопросов или краткое содержание дипломной работы _Разработан информационный сайт по изучению языков прогрограммирования.________

Ұсынылатын негiзгi оқулықтар/ Рекомендуется основная литература:

1.Шапошников И. Web-сайт своими руками. - СПб: Изд-во «Питер», 2002. – 390с._____________

2.Федорчук А. Как создаются Web-сайты.- СПб.: Питер, – 2000. – 224с.______________________

3.Холмогоров В. Основы Web-мастерства. – СПб.: Питер, 2001. – 352с.______________________

4.Шафран Э. Создание Web-страниц.- СПб.: Питер, – 2001. – 320с.__________________________

5.Шикин Е.В., Боресков А.В. Компьютерная графика. - М.:“Диалог-Мифи”, 2001. – 570с_______

6.Николенко Д.В. Практические занятия по JavaScript.- М.: Наука и техника, 2000. – 128с.______

Жобаға (жұмысқа) қатысты тараулардың кеңес берушiлерi/Консультанты по проекту (работе) с указанием относящихся к ним разделов проекта (работы)

Тапсырма берiлген уақыт/ Дата выдачи задания

«_20__» __марта_2015 г.

Жобаны (жұмысты) аяқтау мерзiмi / Срок сдачи законченного проекта (работы)

«_22_» _июня__2015 г.

ЦӘК төрайымы / Председатель ЦМК______ Павилан Айгуль Кадыржановна

Жұмыс жетекшiсi/Руководительработы Жанбекова Алтынай Есенкельдиновна

Тапсырманы орындауға алынды/ Задание принял к выполнению ________________________

НОРМОКОНТРОЛЬ

Дипломной работы учащегося

Гуманитарного колледжа им. Жумабаева

Данный лист нормоконтроля прикладывается к выпускной квалификационной работе на защиту дипломного проекта

Тема дипломного проекта «Создание информационного сайта по изучениюязыков программирования».

______________________________________________________________________________________________________________________________________________________________________

/Учащийся ____Грязнов Анатолий Юрьевич_____________________________________________

(фамилия, имя, отчество)

/Группа _______ВТЗ-1-12______________

/Руководитель дипломного проекта______ Жанбекова Алтынай Есенкельдиновна____________

(фамилия, имя, отчество)

/Нормоконтролёр_____Молдабаева Бейнегуль Уантаевна________________________________

(фамилия, имя, отчество)

КРИТЕРИИ ОЦЕНКИ ДП

(при наличии хотя бы одного из них, ДП к защите не допускается)

/Нормоконтролёр ___________________

подпись

С результатами нормоконроля ознакомлен

автор ДП – учащийся __________________

подпись

Аңдапта

Берілген дипломдық жұмыста бағдарламалау тілдерін оқытудың ақпараттық сайтты жасау қарастырылған. Жұмыста web-беттің құрылымын анықтау әдістері сипатталды. Жүргізілген жұмыстар нәтижесінде қазіргі заманғы сайт прототипі жасалды. Жұмыс нәтижелері *.html пішінінде жасалған.

Аннотация

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

Annotation

In this thesis work examines the creation of an information website for learning programming. This paper describes methods for determining the structure of the Web pages. As a result of the carried out works on the basis of the selected technologies was established prototype of the " modern website. The results of the work performed in the file format *. html.

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

WorldWideWeb (WWW) – интеллектуальное достижение человечества в эпоху высоких технологий. На сегодняшний день WWW содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологииInternet. Для навигации в WWW используются специальные программы –Web-браузеры, которые существенно облегчают пользование ресурсами WWW.Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW.

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

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

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

Цель исследования: создание Web-сайта по изучению языковпрограммирования.

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

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

Объект исследования: информационный сайт по изучению языков программирования.

Предмет исследования: средства создания web-сайтов.

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

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

ознакомиться с современными Интернет-технологиями;

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

ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов;

определиться со структурой Web-страниц;

выбрать стратегию разработки и создания Web-сайта;

разработать концептуальную модель сайта;

изучить Web-технологию и языки HTML и Java-Script и их возможности в Web-дизайне;

выявить эффективность программно-аппаратных средств в Web-дизайне.

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

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

1. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ

1.1Сайты. Виды сайтов и их характеристики

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

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

Основная классификация сайтов по типам:

По цели создания выделяют следующие типы сайтов:

Некоммерческие

Коммерческие

По доступности пользователям их условно можно разделить на:

Закрытые (недоступны для людей, не входящих в определенный круг)

Полузакрытые (для доступа потребуется пройти процедуру регистрации)

Открытые (доступны каждому пользователю)

По стилю оформления и функциональности выделяют следующие типы сайтов:

Флэш-сайты

Динамические

Статические

В зависимости от размера аудитории выделяют следующие типы сайтов:

Узконаправленные и тематические

Интернет-порталы

Простые (визитки, домашние страницы и т. д.)

Также делят сайты на типы по их физическому расположению:

Локальные

Общедоступные

Основные виды сайтов и их категории

Сайт-визитка – обычно состоит из нескольких страниц и имеет уникальный, но простой и функциональный дизайн; идеально подходит для компаний, которые хотят разместить информацию о себе и своих услугах в Интернете; основные разделы сайта: «О компании», «Продукция или услуги», «Прайс-листы», «Контактная информация»; сайт-визитка используется предприятиями, организациями и частными лицами.

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

Корпоративный имиджевый сайт – идеально подходит для обеспечения имиджевого присутствия в Сети; сайт служит для предоставления подробной информации о компании, истории торговой марки, сведений об оказываемых услугах или поставляемых товарах; корпоративный сайт обычно содержит ленту новостей компании, средства публикации информации о рекламных и торговых акциях, информацию для прессы и другие сведения; нередко корпоративные сайты сочетают информацию о компании с каталогом продукции; используется эксклюзивный оригинальный дизайн, выгодно представляющий компанию; использование нестандартных идей и решений в оформлении, процентное соотношение текст/графика = 50/50

Интернет-магазин, он же Сетевой магазин, Электронный магазин, Internet shop, E-shop – интерактивный веб-сайт рекламирующий товар или услугу, принимающий заказы на покупку, предлагающий пользователю выбор варианта расчета, выписывающий счет на оплату, служащий одновременно подтверждением заказа; при этом администратор магазина обязан:

организовать доставку товара;

проконтролировать расчеты с покупателем за поставку.

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

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

Новостные сайты.

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

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

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

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

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

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

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

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

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

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

Таким образом, сайт-форум – хороший инструмент для проведения маркетинговых исследований рынка и раскрутки основного сайта.

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

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

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

Корпоративные

Личные

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

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

Условно блоги делятся на две категории в зависимости от того, как много тем на них рассматривается:

Узко тематические (пару тем, имеющих тесную связь друг с другом);

Обще тематические (совершенно различные темы).

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

2. АНАЛИТИЧЕСКАЯ ЧАСТЬ

Поскольку пользователь не в состоянии изменять сайт или как-то влиять на него, не буду рассматривать языки проектирования, а ограничусь языками программирования. При данной работе использовался язык гипертекстовой разметки HTML и язык описания Web-сценариев Java.

2.1 Создание Web-страницы с помощью языка HTML

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

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

Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML, скорее всего, будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть, просмотрены многими браузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами[6].

Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.

HTML былратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными броузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.

Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может быть использован любой текстовый редактор.

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

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

<p>Информация</p>

Здесь стартовым тегом является тег <P>, а завершающим - </P>. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ '/' (слэш).

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

A) Объявление HTML;

B) Заголовок;

C) Тело документа.

A) Объявление HTML

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

<HTML>

.

.

.

</HTML>

B) Заголовочная часть.

<HEAD> и </HEAD>. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное (BookMark)". Специальные программы-спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами <TITLE> и </TITLE>.

<HTML>

<HEAD>

<TITLE>Мояперваястраница</TITLE>

</HEAD>

</HTML>

C) Тело документа.

Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами <BODY> и </BODY>. Первый из них должен стоять сразу после тега </HEAD>, а второй - перед тегом </HTML>. Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.

<HTML>

<HEAD>

<TITLE>Мояперваястраница</TITLE>

</HEAD>

<BODY>

......................................

</BODY>

</HTML>

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

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

Сплошной текст без промежутков читается не очень легко, его неудобно просматривать и находить нужные места. Разбитый на абзацы, текст воспринимается гораздо быстрее. Для начала нового абзаца используется тег <P> (англ. paragraph - абзац). Этот тег, кроме начала новой строки, вставляет одну пустую строку. Но многократное повторение <P>, в отличие от <BR>, не приведет к появлению нескольких пустых строк, останется все та же одна пустая строка.

Внутри скобок тега кроме его названия могут размещаться также атрибуты (англ. atributes - атрибуты). Они отделяются от названия и между собой пробелами (одним или несколькими), а пишутся в виде имя_атрибута="значение". Если значение не содержит пробелов, то кавычки могут быть опущены, но так делать не рекомендуется. Тег <P> может содержать атрибут ALIGN, определяющий выравнивание абзаца. По умолчанию абзац выравнен влево ALIGN="left". Возможны также выравнивания вправо ALIGN="right" и по центру ALIGN="center". При использовании атрибутов, после форматируемого текста следует использовать закрывающий тег </P>. Если его нет, то новый тег <P> означает закрытие предыдущего, соответственно вложенные <P> невозможны. Выровнять текст по центру возможно также тегом <CENTER>.

Кроме использования этих тегов, для разрыва строк возможно использование символов конца строк и табуляций в самом HTML-документе. Для этих целей существует тег <PRE>. Весь текст, помещенный между тегами <PRE> и </PRE>, будет выводиться без изменений, то есть со всеми концами строк и табуляциями.

Например:

<PRE>Это текст написан

в две строки.</PRE>

В HTML-документе, кроме текста, могут содержаться горизонтальные разделительные линии. Они, как и текст, не требуют никаких внешних файлов. Тег <HR> выведет горизонтальную линию единичной толщины вдоль всей ширины страницы. Горизонтальная разделительная линия всегда приводит к разрыву строки, но пустых строк между линией и текстом не появляется. Тег <HR> может содержать несколько атрибутов. <HR SHADE> и <HR> дают контурную линию с трехмерным эффектом углубления. <HR NOSHADE> дает сплошную черную линию. Линия может не простираться во всю ширину страницы, а составлять лишь некоторую часть. Атрибут WIDTH задает ширину линии, в процентах от ширины всей страницы или в пикселах. Например, 50% - половина ширины страницы, 400 - ширина в 400 пикселов. Атрибут ALIGN может принимать значения, аналогичные его значениям для тега <P>, но выравнивание по умолчанию - по центру. Атрибут SIZE задает толщину линии в пикселах от 1 до 175; по умолчанию 1, но если <HR SHADE>, (линия - контурная), то добавляется толщина, необходимая для трехмерного эффекта углубления.

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

В данной работе очень широко использовались таблицы, фреймы и их сочетания. Так, практически каждая страница сайта имеет в себе хотя бы одну таблицу. Теги HTML для создания таблиц первоначально были разработаны, чтобы представлять строки и столбцы табулированных данных. Однако для разработчиков таблицы быстро стали ценным средством управления разметкой Web-страниц. Таблицы позволяют создавать столбцы текста, задавать интервалы между элементами, сокращать размеры содержимого страницы способами, которые недоступны другим тегам форматирования HTML. Спецификация HTML 4.0 по таблицам значительно сложнее предыдущего стандарта 3.2. Она пытается привнести контекст и структуру в табличные данные и обеспечить системы для инкрементального вывода и вывода не визуальными средствами (такими как речевые браузеры и браузеры, работающие по системе Брайля). Пока эти средства находятся в стадии разработки, поэтому потребуется некоторое время, чтобы понять на практике, насколько они соответствуют стандартам.

Таблицы могут использоваться в различных целях. Например:

таблица 1

Таблица данных

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

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

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

2.2 Фреймы

Фреймы позволяют разделить окно браузера на небольшие части, каждая из которых выводит свой HTML документ. Поддержка фреймов, предложенная Netscape Navigator 2.0+, была вскоре использована и другими популярными браузерами. Основная спецификация фрейма работает с Netscape Navigator 2.0 и выше, а также с MicroSoft Internet Explorer, начиная с версии 3.0.

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

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

Используя тег <no frames>, несложно добавить альтернативное содержимое для браузеров, которые не поддерживают фреймы. Это свойство встроено в систему фреймов.

2.3 CSS

CSS (Cascading Style Sheets — каскадные таблицы стилей) – одна из базовых технологий в современном Интернете. Нечасто можно встретить сайт, свёрстанный без примененения CSS[8].

CSS-код – это список инструкций для браузера, – как и где отображать элементы веб-страницы, написанный особым образом. Под «элементами» обычно подразумеваются теги XHTML/HTML и их содержимое.

Инструкции CSS удобно хранить в виде отдельного текстового файла с расширением .css, либо в виде отдельного текстового фрагмента в начале XHTML/HTML-документа Основная идея CSS в том, чтобы отделить дизайн документа от его содержимого. CSS отвечает за оформление и внешний вид, а XHTML/HTML — за содержание и логическую структуру документа.

Посмотрим на фрагмент XHTML-документа:

<h1>Сказка</h1>
<p>В одной далёкой стране, на краю болота, под пеньком, жил ёжик. И вот однажды …</p>

Из служебной XHTML разметки мы видим только элемент заголовка h1 и абзаца p, и ни слова об оформлении — шрифтах, цвете текста, фоне, отступах и прочем дизайне. Всё это возложено на CSS:

/* оформляем заголовки: */

h1 {

color:red;

background-color: yellow;

font: Tahoma 2em;

}

/*оформляемабзацытекста: */

p {

  color: grey;

  line-height: 150%;

}

2.4 PHP

PHP (англ.PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools — «Инструменты для создания персональных веб-страниц»; произносится пи-эйч-пи) — скриптовый язык[8] общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.

Язык и его интерпретатор разрабатываются группой энтузиастов в рамках проекта с открытым кодом. Проект распространяется под собственной лицензией, несовместимой с GNU GPL.

В области веб-программирования, в частности серверная часть, PHP— один из популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET) благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и распространению исходных кодов на основе лицензии PHP.

Популярность в области построения веб-сайтов определяется наличием большого набора встроенных средств для разработки веб-приложений. Основные из них:

автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;

взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO);

автоматизированная отправка HTTP-заголовков;

работа с HTTP-авторизацией;

работа с cookies и сессиями;

работа с локальными и удалёнными файлами, сокетами;

обработка файлов, загружаемых на сервер;

работа с XForms.

В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в июне 2013 года PHP находился на 5 месте среди языков программирования. К крупнейшим сайтам, использующим PHP, относятся Facebook, Wikipedia и др.

Входит в LAMP— распространённый набор программного обеспечения для создания и хостинга веб-сайтов (Linux, Apache, MySQL, PHP).

Хотя PHP и не слишком распространён в данном качестве, его можно использовать и для создания GUI-приложений.

Для создания кроссплатформенных приложений служат пакеты PHP-GTK и PHP-Qt, представляющие собой обёртки для соответствующих популярных библиотек виджетов.

Для создания графических приложений для Windows существуют свободный пакет WinBinder (написан на Си, фактически— обёртка для WinAPI).

Также существует реализация PHP для .NET/Mono — Phalanger и для JVM — JPHP, результатом компиляции PHP-кода в Phalanger может быть любое .NET-приложение, в то же время JPHP поддерживает расширение Swing, почти полностью портированное из среды Java.

История. В 1994 году датский программист Расмус Лердорф создал набор скриптов на Perl/CGI для вывода и учёта посетителей его онлайн-резюме, обрабатывающий шаблоны HTML-документов. Лердорф назвал набор Personal Home Page (Личная Домашняя Страница). Вскоре функциональности и быстроты Perl — интерпретатора скриптов — перестало хватать, и Лердорф разработал с использованием языка C новый интерпретатор шаблонов PHP/FI (англ. Personal Home Page / Forms Interpreter — «персональная домашняя страница / интерпретатор форм»).

8 июня 1995 года, вышел PHP/FI 2.0 — первый публичный релиз.

В 1997 году после длительного бета-тестирования вышла вторая версия обработчика, написанного на C — PHP/FI 2.0. Её использовали около 1 % (приблизительно 50 тысяч) всех интернет-доменов мира.

Версия PHP 3.0 подверглась значительной переработке, определившей современный облик и стиль языка программирования. В 1997 году два израильских программиста, Энди Гутманс и Зеев Сураски, полностью переписали код интерпретатора. PHP 3.0 был официально выпущен в июне 1998 года.

Одной из сильнейших сторон PHP 3.0 была возможность расширения ядра дополнительными модулями. Впоследствии интерфейс написания расширений привлёк к PHP множество сторонних разработчиков, работающих над своими модулями, что дало PHP возможность работать с огромным количеством баз данных, протоколов, поддерживать большое число API. Большое количество разработчиков привело к быстрому развитию языка и стремительному росту его популярности. С этой версии акроним php расшифровывается как «PHP: hypertext Preprocessor», вместо устаревшего «Personal Home Page».

К зиме 1998 года, практически сразу после официального выхода PHP 3.0, Энди Гутманс и Зеев Сураски начали переработку ядра PHP. В задачи входило увеличение производительности сложных приложений и улучшение модульности базиса кода PHP. Новый движок, названный Zend Engine, успешно справлялся с поставленными задачами и впервые был представлен в середине 1999 года. PHP 4.0, основанный на этом движке и принёсший с собой набор дополнительных функций, официально вышел в мае 2000 года. В дополнение к улучшению производительности, PHP 4.0 имел ещё несколько ключевых нововведений, таких как поддержка сессий, буферизация вывода, более безопасные способы обработки вводимой пользователем информации и несколько новых языковых конструкций.

Пятая версия PHP была выпущена разработчиками 13 июля 2004 года. Изменения включают обновление ядра Zend (Zend Engine 2), что существенно увеличило эффективность интерпретатора. Введена поддержка языка разметки XML. Полностью переработаны функции ООП, которые стали во многом схожи с моделью, используемой в Java. В частности, введён деструктор, открытые, закрытые и защищённые члены и методы, окончательные члены и методы, интерфейсы и клонирование объектов. В последующих версиях также были введены пространства имён, замыкания и целый ряд достаточно серьёзных изменений, количественно и качественно сравнимых с теми, которые появились при переходе на PHP 5.0.

Шестая версия PHP разрабатывалась с октября 2006 года. Было сделано множество нововведений, как, например, исключение из ядра регулярных выражений POSIX и «длинных» суперглобальных массивов, удаление директив safe_mode, magic_quotes_gpc и register_globals из конфигурационного файла php.ini. Одним из основных новшеств должна была стать поддержка Юникода. Однако в марте 2010 года разработка PHP6 была признана бесперспективной из-за сложностей с поддержкой Юникода. Исходный код PHP6 перемещён на ветвь, а основной линией разработки стала версия 5.4.

Синтаксис PHP подобен синтаксису языка Си. Некоторые элементы, такие как ассоциативные массивы и цикл foreach, заимствованы из Perl.

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

Простейшая программа Hello world на PHP выглядит следующим образом:

<?php

echo 'Hello, world!';

?>

Также возможен более короткий вариант вывода строки:

<?= 'Hello, world!' ?>

Открывающий тег вида <?= используется для сокращённой записи конструкций используемых для вывода строки.

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

<html>

<head>

<title>

Тестируем PHP

</title>

</head>

<body>

<?php

echo 'Hello, world!';

?>

</body>

</html>

Помимо ограничителей <?php?>, допускается использование дополнительных вариантов, таких как <??> и <script language="php"> </script>. Кроме того, до версии 6.0 допускается использование ограничителей языка программирования ASP <%%> (конструкции <??> и <%%> могут быть выключены в конфигурационном файле php.ini).

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

PHP рассматривает переход на новую строку как пробел, так же как HTML и другие языки со свободным форматом. Инструкции разделяются с помощью точки с запятой (;), за исключением некоторых случаев, после объявления конструкции if/else и циклов.

Переменные в функцию можно передавать как по значению, так и по ссылке (используется знак &).

PHP поддерживает три типа комментариев: в стиле языка Си (ограниченные /* */), C++ (начинающиеся с // и идущие до конца строки) и оболочки UNIX (с # до конца строки).

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

К скалярным типам данных относятся:

целый тип (integer),

вещественный тип данных (float, double),

логический тип (boolean),

строковый тип (string),

и специальный тип NULL.

К не скалярным типам относятся:

«ресурс» (resource),

массив (array),

объект (object).

К псевдотипам относятся:

mixed любой тип

numberчисло (integer либо float)

callback (string или анонимная функция)

void отсутствие параметров

Диапазон целых чисел (integer) в PHP зависит от платформы (обычно, это диапазон 32-битных знаковых целых чисел, то есть, от −2 147 483 648 до 2 147 483 647). Числа можно задавать в десятичной, восьмеричной и шестнадцатеричной системах счисления. Диапазон вещественных чисел (double) также зависит от платформы (для 32-битной архитектуры диапазон позволяет оперировать числами от ±1.7×10−308 до ±1.7×10+308).

PHP предоставляет разработчикам логический тип (boolean), способный принимать только два значения TRUE («истина») и FALSE («ложь»). При преобразовании в логический тип число 0, пустая строка, ноль в строке «0», NULL и пустой массив считаются равными FALSE. Все остальные значения автоматически преобразуются в TRUE.

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

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

Массивы (array) поддерживают числовые и строковые ключи и являются гетерогенными. Массивы могут содержать значения любых типов, включая другие массивы. Порядок элементов и их ключей сохраняется. Не совсем корректно называть php-массивы массивами, на самом деле это, скорее всего, упорядоченный хеш. Возможно неожиданное поведение при использовании цикла for со счетчиком вместо foreach. Так, например, при сортировке массива с численными индексами функциями из стандартной библиотеки, сортируются и ключи тоже.

Указатель на функцию в PHP может быть представлен замыканием или псевдотипом callback. Замыкание доступно с версии 5.3 и в коде выглядит как простое определение функции, в которую явно можно утянуть значения из контекста, например:

function($args..$argsN) use($ctxVar,$ctxVar1) { definition ; }

callback тип может быть представлен:

строкой (интерпретируется как название функции);

массивом где нулевой и первый элемент— строки (интерпретируется как название статической функции класса);

массивом где нулевой элемент— объект, а первый— строка (интерпретируется как метод у объекта).

Для проверки является ли значение вызываемым следует использовать is_callable($var)

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

$a = 'I am a'; // Запись значения в переменную $a

echo $a; // Вывод переменной $а

$b = 'a';

echo $$b; // Вывод переменной $а (дополнительный $ перед переменной $b)

echo ${'a'}; // Выводпеременной $a

function_name(); // Вызовфункции function_name

$c = 'function_name';

$obj->b; // Обращение к полю b объекта

$obj->c(); // Вызов метода c() объекта

$obj->$b; // Обращение к полю a объекта, так как $b = 'a'

$obj->$c(); // Вызов метода function_name() объекта, так как $c = 'function_name'.

В PHP echo и print не являются функциями (хотя print имеет возвращаемое значение), а являются синтаксическими единицами. При их использовании можно опустить скобки.

2.5 JavaScript

JavaScript представляет собой язык написания сценариев на клиентской стороне, который вносит на Web-страницы элементы интерактивности и условного поведения. С помощью JavaScript вы можете выводить дополнительную информацию о ссылках, создавать интерактивные эффекты при работе с мышью, изменять при определенных условиях содержимое страниц, случайным образом отображать содержимое страницы, загружать содержимое в новые окна браузер и фреймов и (с некоторой помощью CSS) передвигать элементы по странице.[13,14].

Сценарии JavaScript обычно помещают непосредственно в документ HTML. Они могут находиться или в заголовке или в теле документа. В один документ можно поместить несколько сценариев. Пример синтаксиса:

<SCRIPT LANGUAGE=”JavaScnpt”>

Здесь находится сценарий

</SCRIPT>

2.6 Дизайн сайта

Элементы, без которых не обходится ни одна web-страница, — фон, текст и гипертекстовые ссылки — ставят интересную задачу гармонизации трех (или четырех, если учитывать цвет «посещенных» ссылок) цветов, занимающих в композиции резко различающиеся площади и выполняющих разные функции. Есть немало страниц с минимумом графики и достаточно ординарной композицией, которые привлекают и запоминаются исключительно своей цветовой гаммой[27].

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

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

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

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

3 ПРОЕКТНАЯ ЧАСТЬ

3.1 Руководство по инсталляции

Чтобы разместить сайт в сети Internet, необходимо открыть сайт с адресом http://www.tbns.net/, затем перейти в окно "Free Services", далее на Web-Hosting, затем - SignUp Today, щелкнуть на SignUp Now! Следующий шаг – необходимо будет заполнить предложенную форму, при этом необходимо удостовериться, что ваше имя и адрес записаны верно. Вам будет выслана необходимая информация на ваш электронный счет, здесь важно не забыть свой пароль и пора подумать о будущем логине. Ваш сайт будет располагаться по адресу www.tbns.net/<ваш login>. Например:

если ваш логин = solidworks, то адрес будет

address=www.tbns.net/solidworks

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

3.2 Руководство пользователя

Чтобы просмотреть сайт по изучению программирования, пользователю необходимо иметь компьютер, модем, выход в интернет и браузер Internet Explorer 4.0 или выше. Первая страница, на которую попадает пользователь, называется главной (Рисунок 3.1). На всех страницах сайта, неотъемлемым атрибутом является заголовок и фон. Также обязательными элементами страницы служат текст, который может быть статичным на экране, может быть анимированным, причем его количество на экране напрямую влияет на размеры файла. Любой текст содержит параметры форматирования, такие как высота шрифта, начертание шрифта и др.

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

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

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

Рисунок 3.1-Главная страница

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

Рисунок 3.2 – Новости из мира программирования

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

Рисунок 3.3– Статьи по программированию.

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

Рисунок 3.4– Языки программирования

Далее находится ссылка на страницу по языкам программирования. Перейдя на эту страницу мы видим, название сайта, навигацию по сайта как и на других страницах, сразу под навигацией рядом с изображением находится пояснение по языкам программирования. Языки программирования- это система обозначений, служащая для точного описания программ или алгоритмов для ЭВМ. Языки программирования являются искусственными языками. От естественных языков они отличаются ограниченным числом “слов” и очень строгими правилами записи команд (операторов). Языки программирования также можно разделять на поколения:

.языки первого поколения: машинно–ориентированные с ручным управлением памяти на компьютерах первого поколения.

.языки второго поколения: с мнемоническим представлением команд, так называемые автокоды.

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

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

.языки программирования пятого поколения: языки декларативные, объектно–ориентированные и визуальные.

Далее видим краткое описание языков программирования Pascal, Basic, Algol, Фортран, Ассемблер, Программы на машинном языке. Снизу описания находится кнопка «подробнее», нажав на которую мы переходим к более подробному рассмотрению языка программирования.

Рисунок 3.5– История языков программирования

Сразу после языков программирования идет страница под названием «Немного истории». Здесь как и на других страницах располагается название сайта: «Изучение программирования», навигация по сайту. После навигации мы видим Историю языков программирования. Настоящее программирование в современном понимании началось с момента создания первой электронной вычислительной машины. Первые ЭВМ позволяли выполнять программы на машинном языке, который является единственным языком, понятным ЭВМ. Он реализуется аппаратно: каждую команду выполняет некоторое электронное устройство.

После, мы видим теоритическую часть: ЧАСТЬ 1. История возникновения программирования. Основные принципы и подходы при создании языков программирования; Первые языки программирования и др.

Рисунок 3.6– Видеоролики по программированию

Так, есть страница, называемая "Видео", которая изобилует видеороликами по программированию, фреймами и Java скриптами. Шапка страницы, как и на других страницах сайта. После пояснения по странице мы видим видеоролики: Python - введение в программирование - основы программирования; Основы программирования «Курс Артема Кошеварова»; Pascal. Дистанционный курс: "Основы алгоритмизации и программирования на языке Pascal"; Курсы по программированию от progbasics.ru.