Использование языков Web-программирования в информационных технологиях
Введение
Газеты, радио, телевидение используют для передачи информации, но в наше время широкую область применения получил Интернет.
Интернет (англ. Internet, Interconnected Networks — соединённые сети) - всемирная система добровольно объединённых компьютерных сетей, построенная на использовании протокола IP и маршрутизации пакетов данных. Интернет образует всемирную (единую) информационную среду. Часто упоминается как Всемирная сеть и Глобальная сеть.
Известен также жаргонизм Ине́т.
Рунет - русскоязычная часть всемирной сети Интернет. Более узкое определение гласит, что Рунет — это часть Всемирной паутины, принадлежащая к национальному домену .ru.
Мне кажется, в наше время способы представления информации стали искусством. Стоит только посмотреть телевизионные новости - красивая заставка, причесанный человек в деловой одежде, ну и конечно четко рассказанные новости. Не думаю, что стали бы популярными новости, в которых передачи сняты на любительскую камеру у себя дома, и показаны через неделю после сенсации.
В Интернете разного рода информация представлена на сайтах (информация может быть самая разная, от обычного текста до видеофайла).
К созданию сайта нужно подходить так же серьезно как и съемки передачи новостей, ведь сайт также будет представлен публике. Очень важно подобрать правильную цветовую схему шрифта и фона, что бы одно не мешало другому. Оформить и правильно отформатировать текст, а это довольно кропотливая робота. Ну и конечно нужно проявить фантазию и сделать дизайн, это то что будет выделять твой сайт из миллионов других.
Цели:
- Изучить язык Web-программирования HTML
- Рассказать о HTMLязыке
- Изучить редакторы для создания сайта на языке HTML
- Научиться создавать сайт, используя возможности HTML- редактора.
- Как можно лучше оформить сайт
- Ознакомить и информировать посетителей сайта в Интернете со школьной библиотекой школы №4 города Надыма
Скачать:
| Вложение | Размер |
|---|---|
 rabota_yastrebov_.doc | 263 КБ |
Предварительный просмотр:
ДЕПАРТАМЕНТ ОБРАЗОВАНИЯ
АДМИНИСТРАЦИИ МУНЦИПАЛЬНОГО ОБРАЗОВАНИЯ НАДЫМСКИЙ РАЙОН
МУНИЦИПАЛЬНОЕ ОБЩЕОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
”СРЕДНЯЯ ОБЩЕОБРАЗОВАТЕЛЬНАЯ ШКОЛА №4 Г.НАДЫМА”
«Использование языков Web-программирования в информационных технологиях»
Автор: Ястребов Алексей
Учащийся 9 класса А
Муниципальное общеобразовательное учреждение
“Средняя общеобразовательная школа №4 г. Надыма”
Руководитель: Саетова Ризида Фавадисовна
Учитель информатики и ИКТ
Муниципальное общеобразовательное учреждение
“Средняя общеобразовательная школа №4 г. Надыма”
г.Надым
2012 год
Содержание
1.Введение………………………………………………………………………..3
- Языки Web программирования……………………………………....4
- HTML…………………………………………………………4
- PHP……………………………………………………………5
- Perl…………………………………………………………….6
- Программы……………………………………………………………8
1.2.1 Macromedia Dreamweaver………………………………...….8
1.2.2 ColdFusion………………………………………………....….8
1.2.3 UcoZ……………………………………………………......….9
2.Заключение
Терминологический словарь
Список использованных источников
Приложение
2
1.Введение
Газеты, радио, телевидение используют для передачи информации, но в наше время широкую область применения получил Интернет.
Интернет (англ. Internet, Interconnected Networks — соединённые сети) - всемирная система добровольно объединённых компьютерных сетей, построенная на использовании протокола IP и маршрутизации пакетов данных. Интернет образует всемирную (единую) информационную среду. Часто упоминается как Всемирная сеть и Глобальная сеть.
Известен также жаргонизм Ине́т.
Рунет - русскоязычная часть всемирной сети Интернет. Более узкое определение гласит, что Рунет — это часть Всемирной паутины, принадлежащая к национальному домену .ru.
Мне кажется, в наше время способы представления информации стали искусством. Стоит только посмотреть телевизионные новости - красивая заставка, причесанный человек в деловой одежде, ну и конечно четко рассказанные новости. Не думаю, что стали бы популярными новости, в которых передачи сняты на любительскую камеру у себя дома, и показаны через неделю после сенсации.
В Интернете разного рода информация представлена на сайтах (информация может быть самая разная, от обычного текста до видеофайла).
К созданию сайта нужно подходить так же серьезно как и съемки передачи новостей, ведь сайт также будет представлен публике. Очень важно подобрать правильную цветовую схему шрифта и фона, что бы одно не мешало другому. Оформить и правильно отформатировать текст, а это довольно кропотливая робота. Ну и конечно нужно проявить фантазию и сделать дизайн, это то что будет выделять твой сайт из миллионов других.
Цели:
- Изучить язык Web-программирования HTML
- Рассказать о HTML языке
- Изучить редакторы для создания сайта на языке HTML
- Научиться создавать сайт, используя возможности HTML- редактора.
- Как можно лучше оформить сайт
- Ознакомить и информировать посетителей сайта в Интернете со школьной библиотекой школы №4 города Надыма
3
1.1 Языки Web программирования
Существует много языков Web программирования, но широко используются только HTML, PHP и Perl.
1.1.1 HTML
HTML (от англ. Hypertext Markup Language — “язык разметки гипертекста”) - это стандартный язык разметки документов во Всемирной паутине. Все веб-страницы создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, удобном для человека.
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991—1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария).
HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов (размечаемых «тегами»), служащих для создания относительно простых, но красиво оформленных документов. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.
Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащенностью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов).
Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег 4 Текстовые документы, содержащие код на языке HTML (такие документы традиционно имеют расширение «html» или «htm»), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые браузерами или интернет-обозревателями, обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Firefox, Opera. Возможности: Язык HTML позволяет размечать текст. В том числе вы можете: -сделать текст жирным, курсивным или подчёркнутым; -вставить специальные символы (выходящие за рамки ASCII символы пунктуации, математические символы, греческие и готические буквы, стрелки и т. п.); -поменять начертание, цвет шрифта; -выровнять текст по центру, левому/правому краю, по ширине; -оформить текст как гиперссылку на другую страницу или файл; -нарисовать таблицу Позже, когда появилась необходимость интерактивности веб-страниц, в HTML появились: -Формы для введения пользователем данных, которые позднее подвергаются обработке. Формы и другую информацию можно обрабатывать с помощью специальных серверных программ (например, на языках PHP или Perl). -Открытие мультимедийных файлов, выводимых как непосредственно браузером (например, изображения в форматах JPEG, GIF или PNG; аудиофайлы MIDI и др.), так и внешними приложениями, «встраиваемыми» в окно браузера (Flash-анимация, Java-апплеты и прочее). Пример: Этот код: Этот текст будет жирным, а этот ещё и подчёркнутым Даст такой результат: Этот текст будет жирным, а этот ещё и подчёркнутым 5 Правильный пример самого короткого HTML-документа: Текст документа Если приведенный выше пример пояснить схематически, получится следующее: Из схемы видно, что документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY. Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (см. элемент TITLE). Тело документа – святая святых. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Соответственно, делаем вывод: большинство ваших HTML-экспериментов будет проводиться в пространстве между тегами и 6 1.1.2 PHP PHP (От английского PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекста») — язык программирования, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных. Появился в 1994 г. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров. Входит в LAMP — «стандартный» набор для создания веб-сайтов (Linux, Apache, MySQL, PHP (Python или Perl)). Название PHP — рекурсивная аббревиатура, означающая «PHP: Hypertext Preprocessor» (ранее акроним расшифровывался как «Personal Home Page Tools»). Изначально PHP создавался в качестве надстройки над Perl для облегчения разработки веб-страниц. Группа разработчиков PHP состоит из множества людей, добровольно работающих над ядром и расширениями PHP. В области программирования для Сети, PHP — один из популярнейших скриптовых языков благодаря своей простоте, скорости выполнения, богатой функциональности и распространению исходных кодов на основе лицензии PHP. PHP отличается наличием ядра и подключаемых модулей, «расширений»: для работы с базами данных, динамической графикой, документами формата PDF и т. п. Любой желающий может разработать своё собственное расширение и подключить его. Существуют сотни расширений, однако в стандартную поставку входит лишь несколько десятков хорошо зарекомендовавших себя. В настоящее время PHP используется сотнями тысяч разработчиков. Порядка 20 миллионов сайтов сообщают о работе с PHP, что составляет более пятой доли доменов Интернета. 1.1.3 Perl Perl (/pɜːɹl/, «пёрл»; в русском языке устоялось «перл») — язык программирования. Появился в 1987 г. Создатель Ларри Уолл. Само слово Perl — аббревиатура, которая расшифровывается как Practical Extraction and Report Language (практический язык извлечений и отчётов, отчего сначала язык назывался PEARL, но затем буква «A» «потерялась»). Существует также ряд других вариантов. Согласно самому красивому из них, название perl произошло от слова pearl (жемчужина). Талисманом языка Perl является верблюд — не слишком красивое, но очень выносливое животное, способное выполнять тяжёлую работу. 7 Основной особенностью языка считаются его богатые возможности для работы с текстом, реализованные при помощи регулярных выражений. Perl — платформа устойчивого, перспективного языка программирования. Он используется для массы проектов в публичных и частных секторах и широко используется к приложениям сетевых программ всех потребностей. Perl также знаменит огромной коллекцией дополнительных модулей 1.2 Программы Кроме обычного блокнота, который является стандартным текстовым редактором Windows, так же имеются много программ, которые упрощают создание использование языка HTML. Вот некоторые из них: 1.2.1 Macromedia Dreamweaver Dreamweaver относится к так называемым "визуальным" редакторам, т.е. вы сразу можете видеть на экране (хотя бы приблизительно) результат своей работы. При этом он предоставляет полный доступ к источнику кода и не вставляет в него ничего лишнего. Таким образом, вы можете создавать свою страничку и параллельно изучать HTML, заглядывая в источник. 1.2.2 ColdFusion ColdFusion ориентирован на серьезных разработчиков, которые создают приложения для Web, поддерживающие электронную коммерцию и базы данных. В программе реализовано визуальное программирование профессионального уровня, а также инструменты разработки баз данных и отладки. Вы можете создавать сложные SQL-операторы с помощью инструментального набора Visual Database, использовать преимущество встроенного редактора каскадных таблиц стилей, а также отлаживать программы в интерактивном режиме. Одной из сильных сторон программы является ее способность манипулировать большими проектами, в которых задействовано много разработчиков и серверов. В программу также встроен мощный серверный язык сценариев (ColdFusion Markup Language, CFML) с синтаксисом на основе тегов, который работает с HTML и XML. ColdFusion обладает поддержкой WML (Wireless Markup Language, язык разметки для беспроводных устройств). 8 1.2.3 UcoZ UcoZ - это современная система управления сайтом, которая работает по принципам Web 2.0 и позволяет создавать сложнейшие проекты с необычайной простотой и легкостью. Сама система, представляет собой сервер, на котором вы регистрируете домен, а потом заполняете его информацией. Основное его преимущество в том, что для запуска сайта не нужно не каких программ, естественно кроме браузера. Так же к сайту можно подключить различные модули: гостевая книга, форум, чат. Сами модули представляют собой html-код, что позволяет добавлять и убирать различные функции. 9 Заключение В наше время, Интернет крупнейшее хранилище информации. И с каждым днем оно становится все больше и больше. Информация хранится на различных сайтах и ftp-серверах. Сайты в свою очередь созданы с помощью языков web-программирования. Существуют много таких языков, но для меня более удобным показался HTML. Так же есть специальные программы, которую упрощают работу с HTML. Одна из таких программ система Ucoz. Она обладает удобным интерфейсом, и проста в освоении. Сама система представляет собой хостинг, набор модулей и шаблонов. Как только вы регистрируете свой сайт, вам сразу выделяют хостинг, т.е. выставляют ваш сайт в Интернете. К модулям относятся: гостевая книга, форум, чат… Т.е. разделы сайта, для которых нужны посторонние программы. А шаблоны работают так же как и языке Php, т.е. если вы захотите изменить какой либо элемент дизайна, вам не придется менять его на каждой странице, а достаточно будет только изменить его в шаблоне. Изучая HTML и работая в системе Ucoz, я сделал сайт школьной библиотеки. На который может зайти любой желающий. 10 Приложение 11 Этапы создания сайта: 1. Анализ и проектирование сайта; 2. Информационное наполнение сайта 3. Написание кода 4. Тестирование 5. Создание дизайна 6. Публикация Для создания сайта использовались: -Adobe Photoshop CS v. 8.0 (Central European Version) - создание и редактирование графической информации. -Paint Dot Net - создание и редактирование графической информации. -Браузер Opera v. 9.20 - использование функций системы UCOZ, а так же просмотр созданного сайта. -Web-Service UCOZ - хостинг и система управления сайтом, встроенный текстовый редактор для создания сайта (HTML). Технические требования: Любой браузер (Internet explorer, opera, Mozilla и другие). Интернет соединение. 12 Терминологический словарь: Теги (тэг, англ. tag, читается /tæg/) в SGML (в HTML, WML, языках семейства XML) — набор специально оформленного текста, который представляет информацию о разных элементах документа (текст, иллюстрация, таблица и т.п.), например, какими свойствами должен обладать тот или иной фрагмент текста на странице. Обычно используются два тега — открывающий, или начальный, и закрывающий, или конечный. В некоторых реализациях языков возможно применение одиночного тега и тега пустого элемента. Веб-обозреватель или браузер (из англ. Web browser, бро́узер — неправильно [1][2]) — это программное обеспечение для поиска, просмотра веб-сайтов, то есть для запроса веб-страниц (преимущественно из Сети), для их обработки, вывода и перехода от одной страницы к другой. Интернет (англ. Internet, Interconnected Networks — соединённые сети) - всемирная система добровольно объединённых компьютерных сетей, построенная на использовании протокола IP и маршрутизации пакетов данных. Интернет образует всемирную (единую) информационную среду. Часто упоминается как Всемирная сеть и Глобальная сеть. Известен также жаргонизм Ине́т. Гипертекст - текст, сформированный с помощью языка разметки, потенциально содержащий в себе ссылки. 13 Список использованной литературы: 1. Соколов Сергей Александрович “HTML и CSS в примерах, типовых решениях и задачах. Профессиональная работа”. — М.: “Вильямс”, 2007. 2. Челси Валентайн, Крис Минник HTML = HTML. — М.: «Вильямс», 2001. — С. 480 3. Брайан Пфаффенбергер, Стивен Шафер, Чак Уайт, Билл Кароу HTML, XHTML и CSS. Библия пользователя = HTML, XHTML, and CSS Bible. — 3-е изд. — М.: «Диалектика», 2006. — С. 762. 4. Томас Пауэлл “Полное руководство по HTML” 2000 год издания. 5. Н.Т. Пресс “HTML и CSS для создания Web-страниц” август 2006. 14 Мальчик и колокольчики ландышей Будьте как солнце! Украшаем стену пушистыми кисточками и помпончиками Сила слова Пчёлки на разведках, несколько раз использованный для форматирования страницы, которую вы сейчас читаете, предназначен для создания в документах самых обычных таблиц, но, как можно убедиться, здесь нет ни одной таблицы. С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.
