Невозможность получения коммерческой выгоды



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

 

 


ПЛАНЫ СЕМИНАРСКИХ, ПРАКТИЧЕСКИХ, ЛАБОРАТОРНЫХ И СТУДИЙНЫХ ЗАНЯТИЙ

 

№ недели Название семинарских, практических, лабораторных и студийных занятий Объем в часах
1 Инсталляция и настройка инструментария для разработки web приложений 2
2 Основы HTML 2
3 Введение в CSS 2
4 Администрирование веб-сервера 2
5 Введение в JavaScript 2
6-7 Объекты JavaScript 4
8 Использование CGI-скриптов 2
9-10 Динамические веб-страницы. SSI 4
11-12 Серверные приложения 4
13-14 Взаимодействие с БД 4
15 Отладка сайта. Размещение сайта на веб-сервере 2

Всего:

30

 


РУКОВОДСТВО ПО ВЫПОЛНЕНИЮ ЛАБОРАТОРНЫХ И СТУДИЙНЫХ РАБОТ

Лабораторная работа № 1. Инсталляция и настройка инструментария для разработки web приложений

(1 неделя, 2 часа)

 

Установка Sublime Text

Sublime Text (или для краткости Sublime) — популярный многофункциональный текстовый редактор, идеально подходящий для веб-разработки. Кроме этого, у него есть преимущество кросс-платформенности, то есть он работает одинаково эффек­тивно с Windows, Mac OS и Linux. Это платная программа, но вы можете скачать бесплатную версию и использовать ее сколько захотите. Если этот редактор вам понравится и вы будете пользоваться им постоянно, рекомендую оплатить лицен­зию.

Чтобы установить Sublime, зайдите на http://www.sublimetext.comи щелкните на ссылке Downloadвверху страницы. Там вы найдете программы установки для всех основных платформ. Хотя (на момент написания книги) Sublime Text 3 находится на бета-тестировании, я рекомендую попробовать именно его. Я использовал его для всех примеров и скриншотов из этой книги.

Основы Sublime Text

После установки и запуска Sublime Text вы увидите экран примерно такого вида, как показано на рис. 1.3.

 

 

Рис. 1.3. Sublime Text, запущенный в первый раз

 

 

Вероятно, в первую очередь вы захотите создать новый файл. Это можно сделать с помощью меню File ► New. Вы можете также нажать Ctrl+Nв Windows и Linux либо использовать Command+Nв Mac OS. А сейчас наберите в редакторе Hello, World1 Редактор будет выглядеть так, как показано на рис. 1.4.

Вы можете изменить внешний вид окружения Sublime, зайдя в меню Preferences ► Color Scheme. Попробуйте разные цветовые схемы и найдите ту, которая будет самой подходящей для ваших глаз. На самом деле будет полезно потратить какое-то вре­мя на исследование цветовых вариантов, поскольку вы будете проводить за работой с редактором много часов. Можете также изменить размер шрифта через подменю Fontна вкладке Preferences, чтобы читать текст было еще удобнее.

 

Рис. 1.4. Sublime после открытия нового файла и введения Hello, world!

Вы, наверное, заметили, что Sublime изменил название вкладки с untitledна Hello, world!, как вы набрали. Когда будете сохранять файл, в качестве имени по умолча­нию будет предложено название вкладки, но вы, возможно, захотите изменить его так, чтобы он не содержал пробелов. После сохранения под другим именем назва­ние вкладки изменится на действительное имя файла. Отмечу, что после того как вы затем проделаете с содержимым файла что-то еще, вы увидите, что знак «х» справа от названия вкладки изменился на кружочек — это значит, что здесь есть несохраненные изменения.

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

Рис. 1.5. Sublime после изменения цветовой схемы на Solarized (light) и сохранения файла

под именем hello


 

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

Мы будем проводить много времени, редактируя код в Sublime, поэтому жела­тельно иметь уверенность в том, что вы время от времени сохраняете свои измене­ния. Поскольку я ожидаю, что у вас есть небольшой опыт кодирования, думаю, вы уже знакомы с процессом edit — save — edit. Существует и необходимый смежный процесс, с которым начинающие программисты могли не сталкиваться. Он назы­вается контролем версий.

 

Контроль версий

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

по­нимаете, что значительной части истории главного героя не хватает. И решаете дополнить ее некоторыми деталями, вернувшись куда-нибудь в начало истории. Вы возвращаетесь к началу и понимаете, что существует два варианта развития событий для этого персонажа. Поскольку повествование еще не закончено, реша­ете написать черновики каждого из вариантов и посмотреть, к чему они приведут. Поэтому вы копируете файл в два различных места, один из вариантов называете «История А», другой — «История Б», а затем записываете в каждый из файлов различные варианты развития событий.

Можете мне не верить, но компьютерные программы создаются похожим образом гораздо чаще, чем романы. Фактически, как вы убедитесь, значительная часть времени тратится на что-то вроде исследовательского кодирования. Это значит, что вы разбира­етесь, что нужно сделать, и пытаетесь заставить функциональность как-то работать, прежде чем действительно приступите к ее кодированию. Иногда фаза исследователь­ского кодирования может привести к необходимости внесения изменений, затрагива­ющих множество строк в различных кодовых файлах приложения. Даже начинающие программисты поймут это скорее рано, чем поздно и в конце концов придут к решению, подобному описанному. Например, начинающие могут скопировать рабочую папку с кодом в другую, немного изменить имя и продолжить работу. Если окажется, что допущена ошибка, они всегда могут вернуться к предыдущей копии.

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

Существует много профессиональных инструментов для контроля версий, и все они имеют собственный набор функций и особенностей. В качестве общих приме­ров можно привести Subversion, Mercurial, Perforce, CVS. В сообществе веб-разра­ботчиков наибольшую популярность приобрела система контроля версий под на­званием Git.

Установка Git

У Git есть очень простые инсталляторы как для Windows, так и для Mac OS. Для Windows мы будем использовать проект msysgit, который доступен на GitHub (рис. 1.6). Инсталляторы доступны также на Google Code и связаны ссылками со страницей GitHub. Как только вы скачаете инсталлятор, щелкните на нем и сле­дуйте инструкциям, чтобы установить Git в свою систему.

Для Mac OS я предпочитаю использовать инсталлятор Git for OS X Istaller (рис. 1.7). Вы просто скачиваете образ диска в архиве, монтируете его, а затем де­лаете двойной щелчок на инсталляторе. На момент написания книги инсталлятор сообщал, что версия предназначена для Mac OS Snow Leopard (10.5), но она впол­не корректно работала и на моей системе Mountain Lion (10.8).

Рис. 1.6. Домашняя страница msysgit


 

Рис. 1.7. Домашняя страница Git for OS X


 

Лабораторная работа № 2. Основы HTML

(2 неделя, 2 часа)

 

Цель работы

HTML (HyperText Markup Language) — язык разметки гипертекста, используемый для создания документов, независимых от аппаратно-программной платформы. HTML — это не язык программирования, а описательный язык разметки. В ходе выполнения этой лабораторной работы Вам необходимо освоить базовые приемы использования языка HTML для гипертекстовой разметки веб-страниц.

Задание

1. Спроектировать структуру веб-сайта по теме вашей учебной научно-исследовательской работы (УНИРС) или по любой другой теме, сопоставимой (или большей) по объему с УНИРС.

1. Разработать эскиз оформления веб-сайта (использовать любой графический редактор).

1. Выполнить верстку макета страницы по разработанному эскизу.

Указания к работе

• Теги HTML не чувствительны к регистру.

• Различные версии HTML поддерживают устаревшие (deprecated) теги только для обратной совместимости.

• Значения атрибутов крайне рекомендуется закрывать в одинарные или двойные кавычки.

 

Лабораторная работа № 3. Введение в CSS

(3 неделя, 2 часа)

 

Цель работы

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

1.  Создать внешние таблицы стилей (раздельные для устройств screen, print и handheld) для разрабатываемого вами сайта.

2.  Подключить созданные таблицы к макету страницы.

Указания к работе

1.  Что такое CSS?

2.  Обттгий синтаксис таблиц стилей

• Правила CSS

• Классы

• Идентификаторы

• Группировка свойств

3.  Использование в веб-страницах

• Встроенные стили

• Внедренные стили

• Связанные таблицы стилей

• Аппаратно-зависимые стили

4.  Свойства CSS

5.  Позиционирование элементов

 

 

Лабораторная работа № 4. Администрирование веб-сервера

(4 неделя, 2 часа)

 

Настройка рабочего окружения

Настройка рабочего окружения с поддержкой приложений, управляемых базами данных, может быть непростой задачей, и описание этой процедуры для Windows, Mac OS и Linux выходит за рамки книги. Для упрощения процесса я создал набор сценариев, которые помогут вам приступить к работе с использованием VirtualBox и Vagrant достаточно быстро.

Vagrant — это инструмент для настройки рабочего окружения на виртуальной машине. Вы можете думать о виртуальных машинах как об отдельных компьютерах, работающих полностью в пределах вашего компьютера. Мы поговорим о них по­дробнее в разделе «Ментальные модели». А сейчас просто запомните, что мы будем использовать Vagrant и VirtualBox для настройки виртуального рабочего окруже­ния на серверной стороне. Это окружение будет включать в себя большинство инструментов, которые понадобятся нам в оставшейся части книги.


Дата добавления: 2018-02-28; просмотров: 263; Мы поможем в написании вашей работы!







Мы поможем в написании ваших работ!