Обзор программ для создания сайтов реферат
Обновлено: 04.07.2024
Это статья расскажет в общих чертах о том, как создаются сайты. Для меня когда-то слово сайт было туманным и не понятным. Постараюсь как можно короче объяснить. Итак, читайте.
1.Понятие веб сайта
2. Классификация веб-сайтов
3. Обзор инструментальных средств
4. Этапы разработки веб-сайтов
5. Основные элементы
6. Структура документа
7. Добавление комментариев
8. Создание базовой Web-страницы
9. Сохранение созданной Web-страницы
10. Открытие и просмотр созданной Web-страницы
11. Добавление различных элементов на Web-страницу
12. Описание страниц с помощью дескриптора
13. Автоматическое обновление Web-страниц
14. Переадресация Web-страниц
15. Каскадные таблицы стилей
16. Интерактивные Web-страницы
17. Продвижение сайта в сети интернет
ВВЕДЕНИЕ
Влияние глобальной компьютерной сети Internet на современный мир не имеет исторических аналогов. Это основа новой философии и новой деловой стратегии. Internet и WWW прочно вошли в нашу жизнь, и нам уже трудно представить свою деятельность без них. WWW – это огромный набор гипертекстовых документов, которые благодаря Internet доступны в любой точке мира. Создание Web-сайтов является одной из важнейших технологий разработки ресурсов Internet. Хороший сайт предоставляет полезную информацию пользователям, является визитной карточкой коммерческой фирмы и образовательного учреждения. Сайт работает в любое время суток. В настоящее время во всемирной паутине размещено несколько миллионов Web-сайтов и их число постоянно растет. Каждый пользователь может не только просмотреть любой из них и извлечь полезную для себя информацию, но и принимать самое активное участие в их создании. Существует множество средств для создания Web-сайтов, но лишь некоторые из них способны предоставить разработчикам инструменты для решения подавляющего большинства стоящих перед ним задач.
ПОНЯТИЕ WEB-САЙТА
Информация, доступная пользователям Internet, располагается на компьютерах (Web-серверах), на которых установлено специальное программное обеспечение. Значительная часть этой информации организована в виде Web-сайтов.
Web-сайт – это информация, представленная в определенном виде, которая располагается на Web-сервере и имеет свое имя (адрес).
Для просмотра Web-сайтов на компьютере пользователя используются специальные программы, которые называются браузерами. Наиболее распространенные браузеры: Opera, Mozilla Firefox, Flock, Internet Explorer, Maxthon.
В зависимости от того, какое имя (адрес) сайта мы зададим в строке "Адрес", браузер будет загружать в свое окно соответствующую информацию.
Web-сайт состоит из связанных между собой Web-страниц. Web-страница представляет собой текстовый файл с расширением *.htm, который содержит текстовую информацию и специальные команды – HTML-коды, определяющие в каком виде эта информация будет отображаться в окне браузера.
Вся графическая, аудио- и видео-информация непосредственно в Web-страницу не входит и представляет собой отдельные файлы с расширениями *.jpg, *.jpg (графика), *.mid, *.mp3 (звук), *.avi (видео). В HTML-коде страницы содержатся только указания на такие файлы.
Каждая страница Web-сайта также имеет свой Internet адрес, который состоит из адреса сайта и имени файла, соответствующего данной странице. Таким образом, Web-сайт – это информационный ресурс, состоящий из связанных между собой гипертекстовых документов (Web-страниц), размещенный на Web-сервере и имеющий индивидуальный адрес.
Вопрос: Что нужно для того, чтобы посмотреть какой-либо Web-сайт?
Ответ: Посмотреть Web-сайт может любой человек, имеющий компьютер, подключенный к Internet, Web-браузер и адрес сайта.
КЛАССИФИКАЦИЯ WEB-САЙТОВ
В настоящее время во всемирной паутине размещено несколько миллионов Web-сайтов и их число постоянно растет.
ОБЗОР ИНСТРУМЕНТАЛЬНЫХ СРЕДСТВ
Первый раз - в смысле рационального использования web-пространства. Дело в том, что все визуальные редакторы web-страниц, к которым относится и упомянутый MS FrontPage, вставляют в создаваемые страницы отсебятину - множество лишних ненужных тегов. Исключением, пожалуй, является Macromedia Dreamweaver (за что он снискал себе заслуженную популярность как среди новичков, так и среди профессионалов). Но даже он в этом плане не идеален - любит засорять исходный текст кавычками (в большинстве случаев совершенно ненужными), а также вставлять символы неразрывного пробела в самых неподходящих для этого местах.
Справедливости ради стоит отметить, что все визуальные редакторы предоставляют пользователю возможность работать с исходным кодом создаваемой страницы, но столь любимый многими FrontPage вновь переделает все по-своему, стоит вам только переключиться снова в визуальный режим.
Этапы разработки Web-сайта
Выделяют следующие этапы разработки Web-сайта:
планирование, реализация, публикация, продвижение, поддержка.
На стадии планирования определяется следующее:
• цели создания Web-сайта (Зачем? Какие задачи он должен выполнять и на какую аудиторию он рассчитан?);
• характер содержимого;
• структура (Юзабилити – удобство пользования);
• особенности оформления (определяется структура каждой страницы и разрабатывается графика).
Любую страницу можно оценить по трем параметрам: контенту, внешнему виду и навигации.
Если сайт рассчитан на долгое вдумчивое чтение, то он должен иметь хорошую читабельностб, меньше отвлекающих динамических эффектов, не утомляющее цветовое сочетание фона и текста.
И наоборот: сократите текстовые блоки до минимума, если Вы создаете сайт, дающий посетителю, прежде всего визуальную и другую мультимедийную информацию.
При создании достаточно больших документов надо помнить о том, что не все из посетителей имеют высокоскоростной доступ в Internet.
Вторая часть реферата о том, что такое сайт и как он создается.
Этапы разработки веб-сайтов (продолжение)
Реализация
Это и есть работа по созданию сайта. На этом этапе проводится подготовка текстового и графического материала (печать, сканирование). Материал разбивается по файлам в соответствии со структурой. Организуются ссылки между файлами сайта.
Рекомендуется создать шаблон-заготовку страницы с основными структурными областями и стилевым оформлением и использовать ее для создания всех страниц узла. Меняйте в каждой новой странице только содержимое и адресацию ссылок, такая организация работы сократит время, потраченное на каждую из них.
Тестирование
Завершив работу по размещению страниц на Web-сайте, необходимо выполнить тестирование. Оно состоит из двух этапов: тестирование на работоспособность и тестирование на удобство пользования интерфейсом.
На этапе тестирования на работоспособность проверяют, как функционирует Web-сайт, используя те же условия, при которых с ним будет работать пользователь. Поработайте с Web-сайтом в различных браузерах и посмотрите, как выглядит Ваш сайт в каждом из них. Постарайтесь оценить время загрузки страниц, что очень важно.
Однако для того чтобы окончательно выбрать сервер для размещения своего сайта необходимо обратить внимание на следующее:
• отсутствие дискриминации по контенту. Некоторые сервера ставят условия, касающиеся содержимого Вашего сайта;
• надежность Web-сервера. Посетите их Web-узел в пиковые часы и убедитесь, что проблем с доступом не возникает;
• отсутствие скрытых завуалированных видов оплаты места в виде всевозможных доплат за различные услуги и рекламы;
• техническая поддержка. Предоставят ли Вам возможность общения с администратором сервера, есть ли возможность доступа по протоколу FTP (File Transfer Protocol ) и т.д.;
• объем выделяемого Вам пространства. Обычно это 5 – 10 мегабайт;
• дополнительные возможности. Не будет лишним, если сервер предложит Вам: бесплатную почту,
счетчик посещений, гостевую книгу, чат, различные CGI-скрипты и т.д.;
• какое программное обеспечение установлено на сервере. Например, UNIX-сервера чувствительны к регистру букв в названиях файлов, т.е. если у Вас в исходном коде будет стоять ссылка на файл background.jpg, а файл будет назван background.Gif или Background.jpg, то он не будет визуализирован. Однако у таких серверов более высокая степень защищенности от взломов;
• есть ли на сервере автоматическая перекодировка содержимого страниц, в соответствии с пользовательскими настройками браузера. Если таковой нет, то у Вас могут возникнуть проблемы с отображением русских кодировок.
Рекламирование сайта
Существует множество приемов рекламирования сайта: размещение информации о нем на поисковом Web-сайте, организация взаимных ссылок с другими сайтами и т.д.
Как привлечь пользователя? Красиво оформленные страницы Web-сайта – это только половина дела. В первую очередь страницы должны быть содержательными. Основное требование к содержимому Web-сайта – полнота и достоверность. Информация должна быть представлена таким образом, чтобы пользователь, однажды посетивший Web-сайт, еще ни раз обратился к нему.
Сопровождение сайта
Содержимое Web-сайта может подвергаться неоднократным изменениям. Важно, чтобы предоставляемая на Web-сайте информация всегда была актуальной, поэтому как можно чаще обновляйте информацию на своем Web-сайте, по возможности расширяйте материал, улучшайте дизайн.
Обязательное правило. Web-сайт должен обновляться не реже одного раза в месяц. В противном случае вы потеряете не только потенциальных, но и уже состоявшихся посетителей. Рекомендуется создать на своем компьютере копию Web-сайта, вносить в нее изменения и новую версию передавать для размещения на сервере в завершенном виде.
Основные элементы HTML
HTML-страница является документом, созданным на основе языка HTML. Это по сути и есть Internet-страничка при условии, что ее файл будет размещен в Internet
Значки “ ”. Эти элементы в угловых скобках называются HTML-дескрипторами или HTML-тегами.
Именно дескрипторы сообщают Web-браузеру информацию о структуре и особенностях форматирования Web-страницы. Большинство дескрипторов являются парными, т.е. состоят из открывающей и закрывающей частей и воздействуют на текст, помещенный между ними. Обратите внимание, что признак закрывающего дескриптора — обратная косая черта ” / “.
Следующий важный термин, относящийся к основным понятиям языка HTML,— элемент. Элемент— конструкция языка HTML. Он состоит из открывающего дескриптора, содержания и закрывающего дескриптора. Содержанием называется все, что находится между открывающим и закрывающим дескрипторами.
Атрибуты — дополнительные к дескрипторам параметры или свойства элементов (например, цвет или размер шрифта для одного абзаца, где абзац является элементом).
Структура документа HTML
Согласно спецификациям HTML 4.01, разработанным W3C, для всех документов HTML обязательны следующие условия.
В документе должна присутствовать директива (или пролог, как его иногда называют) DOCTYPE (Document Type Declaration). Пролог содержит объявление, информирующее отом, какая именно версия HTML использовалась при составлении Web-cтраницы, и указывает Web-браузеру, каким образом обрабатывать данный документ. Пролог представляет собой одиночный дескриптор специального вида. Данный дескриптор всегда вставляется в самом начале HTML-документа перед открывающим дескриптором . (На рис. 2.6 — .)
Запомните, что и заканчиваться закрывающим дескриптором
Далее следуют два дескриптора заголовка и . Между этими дескрипторами обычно находится пара дескрипторов и , определяющих название страницы. Обратите внимание: именно это название отображается в заголовке окна Web-браузера.
Далее следует пара дескрипторов содержимого документа и
Доступ пользователей к информационным ресурсам интернета. Понятие web-страниц, язык программирования HTML. Изучение основной особенности гипертекстового документа. Программы для создания web-страниц. Современные способы создания и разработки сайтов.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | реферат |
| Язык | русский |
| Дата добавления | 11.09.2014 |
| Размер файла | 33,3 K |
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Кафедра информационно-вычислительных систем
Контрольная работа по дисциплине
Выполнил: студент группы зиэБХ3 -033
1. Понятие web-страниц, язык HTML
2. Программы для создания web-страниц
1. Понятие web-страниц, язык HTML
интернет программирование гипертекстовый сайт
Web-страницы создаются, точнее размечаются, с помощью специализированных языковых средств, классическим из которых является HTML (Hyper Text Mark up Language) - язык разметки гипертекста.
Термин HTML (Hyper Text Markup Language) означает "язык маркировки гипертекстов". Это понятие более широкое, включает в себя Интернет и локальные сети, редакторы, броузеры, разнообразные программные продукты, компакт-диски, обучающие курсы, дизайн и многое другое. HTML - своеобразная противоположность сложным языкам программирования, известным только специалистам.
HTML как явление нашей жизни
HTML давно перестал быть просто языком программирования. Человек, изучавший этот язык, обретает возможность делать сложные вещи простыми способами и, главное, быстро, что в компьютерном мире не так уж и мало. Гипертекст подходит для включения элементов мультимедиа в традиционные документы. Практически именно благодаря развитию гипертекста, большинство пользователей получило возможность создавать собственные мультимедийные продукты и распространять их на компакт-дисках. Такие информационные системы, выполненные в виде набора HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы с данными (WEB-броузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров. От пользователя требуется выполнить только ту работу, которая относится к тематике разрабатываемого продукта: подготовить тексты, нарисовать рисунки, создать HTML-страницы и продумать связь между ними.
HTML является основой моды в Интернете.
HTML, как основа создания WEB-страниц, имеет прямое отношение и к новому направлению изобразительного искусства - WEB-дизайн. Художнику в Интернете недостаточно просто нарисовать красивые картинки, оригинальный логотип, создать новый фирменный стиль. Он должен еще поместить все это в Сети, продумать связь между WEB-страницами, чтобы все двигалось, откликалась на действие пользователя, поражало воображение, вызывало желание создать что-нибудь свое, оригинальное в этой области.
Основная особенность гипертекстового документа - это способность получить сложные эффекты форматирования простыми и наглядными методами. Сравним гипертекстовый документ, например, с файлом в формате MS Word. В том и другом случаях можно использовать одни и те же приемы форматирования: выбор шрифта, курсив, выравнивание, вставку таблиц, рисунков и т.д. Но в документах Word механизм форматирования скрыт от пользователя, работать с файлом можно только в самом редакторе или программе, поддерживающей его формат. С гипертекстом дело состоит иначе. Такой документ можно открыть в любом текстовом редакторе и увидеть, где и каким образом отформатирован текст. Просмотреть или распечатать документ в отформатированном виде возможно тоже только в специальном приложении гипертекстовом редакторе или броузере.
Открытость структуры гипертекстовых документов позволяют фирмам-разработчикам самые разные программные продукты, а пользователь может выбрать себе подходящую программу.
Способы создания гипертекста обеспечивают его абсолютную платформенную независимость. Создавая WEB-страницу на компьютере, который работает под управлением Windows, можно не сомневаться, что администратор сервера сможет использовать файлы на компьютере, работающем под управлением UNIX или другой операционной системы.
Основной особенностью HTML является принцип, по которому не только допускается вложение одних элементов в другие, но и декларируется необходимость такого вложения. Это отличие HTML от других языков, в которых теоретически можно написать код без вложенных конструкций. Каждый элемент HTML допускает непосредственное вложение только ряда элементов, которые в свою очередь, допускают вложение других, разрешенных для них, и т.д. Таким способом формируется не только общая структура гипертекста, но и создаются разнообразные визуальные эффекты.
Все элементы языка можно разделить на три группы. К первой относятся элементы, которые создают структуру гипертекстового документа. Использование таких элементов необходимо. Ко второй группе можно отнести элементы, создающие элементы форматирования. Их использование диктуется конкретными требованиями к документу, фантазией и компетенцией разработчика. К третьей группе относятся элементы, которые позволяют управлять программными средствами, установленными и работающими на компьютере-клиенте. Часто такие элементы создаются автоматически, когда разработчик использует для вставки некоторого объекта в документ гипертекстовый редактор или подобную программу.
Несмотря на то, что спецификация HTML является стандартом, этот язык дополняется новыми элементами (расширениями). Поэтому некоторые WEB-страницы удобнее просматривать при помощи определенных браузеров. Расширения создаются только известными фирмами, которые разрабатывают программное обеспечение для WWW, а рядовые пользователи могут совершенствовать свои WEB-страницы при помощи программирования. Апплеты позволяют снять ограничения HTML и дают простор фантазии разработчик
2. Программы для создания web-страниц
HTML (HyperText Mark-Up Language)
Основной способ хранения документов в сети Интернет, и в месте с тем, самый популярный язык разметки гипертекстовых файлов. Главной особенностью HTML является способность использовать гиперссылки, благодаря которым возможна связь с другими документами, как локальными, так и находящимися на другом конце земного шара. HTML позволяет внедрять в документы изображения, звук, видео и т.д. Язык HTML состоит из набора тэгов (tags), содержащих фрагменты текста документа и обеспечивающих возможности разметки - такие, как абзацы, полужирный или курсивный текст, заголовки, встроенные графические изображения и т.д. Разметка придает документу некую структуру. HTML-файлы могут просматриваться с помощью специальных программ-браузеров (таких, как: Internet Explorer, Netscape Navigator или Opera).
Элемент верстки языка HTML, представляющий собой комбинацию символов, заключенных в угловые скобки. Является активным элементом, изменяющим представление следующей за ним информации. Обычно имеются два тэга - открывающий и закрывающий, что соответвует началу и концу применения конкретной разметки в документе.
Графическое изображение или текст на сайте (или в письме электронной почты, устанавливающие связь и позволяющие переходить к другим объектам сети Интернет. Это строка в HTML-документе, указывающая на другой файл, который может быть расположен в сети Интернет, и содержащая полный путь к этому файлу. Чтобы отличить их от обычного текста, гиперссылки обычно выделяются жирным шрифтом или подчеркиванием.
CSS (Cascading Style Sheets)
Язык иерархических стилевых спецификаций. Был разработан как дополнение к HTML, с целью восполнить ограниченные возможности этого языка в области визуального форматирования. Позволяет описать форматирование всего документа или группы документов, а также добавлять некоторые эффекты изображениям и тексту (например, изменение цвета ссылки при наведении мышкой). Помогает иногда значительно сократить размеры документов. Работает только в браузерах версий 4.0 и старше.
Элемент языка HTML, позволяющий жестко разделить страницу на несколько независимых окон и в каждом из них размещать свою собственную WEB-страничку. Возможна ссылка из одного окна в другое. Применяется в основном для организации постоянно находящихся на экране меню, в то время как в другом окне располагается непосредственно сама информация.
ASP (Active Server Pages)
Смесь средств программирования с использованием языка HTML, выполняющих чтение и запись в базу данных посредством ODBC. Предоставляет массу возможностей, не требующих применения, но похожих на такие средства программирования, как CGI, JavaScript, Perl, ActiveX и ISAPI. Все задействованные ASP-страницами программы запускаются и выполняются на сервере, причем браузер получает только результирующие HTML-файлы.
Технология Shockwave / Flash, которую разработала Macromedia Inc. для того, чтобы разнообразить обычные текстовые страницы веб-сайта красочной и интерактивной векторной графикой. Технология Flash позволяет создавать как поражающие воображение презентационные ролики, так и интерактивные интерфейсы, создающие новое качество комфорта на сайте.
Программа, написанная на каком-либо языке программирования для взаимодействия клиента с сервером. Например: Script на Perl для подсчета количества посещений.
Фирма Netscape разработала в 1995 году замечательный инструмент, позволяющий HTML-странице, загруженной в браузер, динамически управлять своим содержимым и самим браузером. Последняя реализация JavaScript, называемая "динамический HTML" позволяет реализовать на веб-странице почти полноценный пользовательский интерфейс с выпадающими многоуровневыми меню, перетаскиванием объектов мышью, анимацией и т.п. Текст программы встроен непосредственно в HTML-документ и интерпретируется самим броузером. Применяется в основном для создания таких эффектов, как: бегущая строка, рисунки, изменяющие свой вид при подведении курсора и т.д.
Язык программирования, дающий возможность легко и быстро создавать динамично изменяемые html-страницы, профессионального программирования для Интернет, создания профессиональных web-сайтов и web-приложений.
Язык программирования. Программы, написанные на Perl, запускаются на стороне сервера. В основном применяется на UNIX-ориентированных WEB-серверах. Применяется для обеспечения доступа к базам данным, создания динамических страничек и т.п.
CMS (Content Management System)
Программные средства для подготовки, редактирования и публикации информации на сайте, а также средства для управления функциональностью сайта.
Counter (Счетчик посещений)
Небольшая программа, запущенная на стороне веб-сервера и подсчитывающая количество обращений к данной странице. Как правило, число посещений выводится на этой странице в виде небольшого графического изображения. Применяется в основном для выяснения количества пользователей, посещающих страничку.
Статичное или анимированное изображение, размещаемое на страницах веб-сайта с целью рекламы чего-либо. Как правило, баннер является гиперссылкой на специальную веб-страницу с расширенным описанием продукта или услуги. Баннеры размещают на вэб-страницах, для привлечения посетителей (потенциальных клиентов) или для формирования имиджа. Самый распространенный размер баннеров - 468 на 60 пикселей, хотя помимо этого существует изрядное количество баннеров других размеров. Официальные стандарты на размеры баннеров пока не приняты, но уже давно существуют рекомендации, которых стоит придерживаться.
Rich-media Banner (Рич-медиа баннер)
Rich media дословно переводится с английского языка как "богатое" или "обогащенное" средство. Это новая технология изготовления рекламных материалов с применением Flash и Java. С помощью этой технологии рекламу можно сделать более занимательной и интерактивной. Однако такая реклама более сложна в изготовлении, чем, скажем, простая анимированная картинка. Rich media - интерактивная и агрессивная реклама, поэтому при ее использовании особенно важно соблюдать меру, чтобы оставить у пользователей положительное впечатление.
VRML (Virtual Reality Modeling Language)
Язык моделирования виртуальной реальности, подобный HTML. Он описывает графические трехмерные объекты путем перечисления используемых в сцене примитивов и их координат. Позволяет создавать сложные сцены с наложением текстур, установкой источников цвета и камер. Сам файл представляет собой либо обычный ASCII-файл, либо сжатый бинарный.
С появлением web-технологии компьютер начинают использовать совершенно новые слои населения Земли. Можно выделить две наиболее характерные группы, находящиеся на разных социальных полюсах, которые были стремительно вовлечены в новую технологию, возможно, даже помимо их собственного желания. С одной стороны, это были представители элитарных групп общества - руководители крупных организаций, президенты банков, топ - менеджеры, влиятельные государственные чиновники. С другой стороны, это были представители широчайших слоев населения - домохозяйки, пенсионеры, дети.
Спектр социальных групп, подключающихся к сети Интернет и ищущих информацию в WWW, все время расширяется за счет пользователей, не относящихся к категории специалистов в области информационных технологий. Это врачи, строители, историки, юристы, финансисты, спортсмены, путешественники, священнослужители, артисты, писатели, художники. Список можно продолжать бесконечно. Любой, кто ощутил полезность и незаменимость Сети для своей профессиональной деятельности или увлечений, присоединяется к огромной армии потребителей информации во "Всемирной Паутине".
С развитием технологий гипертекстовой разметки в Интернете стало появляться всё больше сайтов, тематика которых была совершенно различной - от сайтов крупных компаний, повествующих об успехах компании и её провалах, до сайтов маленьких фирм, предлагающих посетить их офисы в пределах одного города.
Развитие Интернет-технологий послужило толчком к появлению новой ветки в Интернете - Интернет - форумов. Стали появляться сайты, и даже целые порталы, на которых люди со всех уголков планеты могут общаться, получать ответы на любые вопросы и, даже, заключать деловые сделки.
Создание сайта представляет собой маркетинговый шаг, направленный на создание информационного ресурса, который предоставит возможность для компании как удержать старых клиентов, так и привлечь новых.
Создание и разработка сайтов включает:
· утверждение первоначального технического задания на разработку сайта;
· определение структурной схемы сайта - расположение разделов, контента и навигации;
· web-дизайн - создание графических элементов макета сайта, стилей и элементов навигации;
· разработка программного кода, модулей, базы данных и других элементов сайта необходимых в проекте;
· тестирование и размещение сайта в сети интернет.
1. Дунаев В. Самоучитель JavaScript, 2-е изд. - СПб.: Питер, 2005. - 395 с.
2. Зольников Д.С. PHP5. Как самостоятельно создать сайт любой сложности. - 2-е изд. стер. - М.: НТ Пресс, 2007. - 272с.
3. Инькова Н. А., Зайцева Е. А., Кузьмина Н. В., Толстых С. Г. Создание Web-сайтов: Учебно-методическое пособие. Ч. 5. Тамбов: Изд-во Тамб. гос. техн. ун-та, 2005. - 56 с.
Подобные документы
HTML - это язык, принятый в World Wide Web для создания и публикации веб-страниц. Общие сведения о создании веб-страниц, особенности их оформления. PHP как язык программирования с динамической типизацией, история его создания и возможности использования.
доклад [18,9 K], добавлен 27.12.2010
Изучение методики и технологий создания гипертекстовых справочных систем - электронных справочников, в которых хорошо реализована система навигации и поиска. Способы создания Web-страниц и применение языка HTML. Технология создания динамических страниц.
презентация [144,4 K], добавлен 01.01.2011
Основы языка программирования Web-страниц – HTML. Виды информации, которую может содержать Web-страница: текст, графика, звук, анимация и видео. Инструментарий для создания Web-страниц. Основные HTML-редакторы, которые используются для Web-дизайна.
реферат [374,0 K], добавлен 19.01.2011
Hyper Text Markup Language (html) как стандартный язык для создания гипертекстовых документов в среде web. Тэги списков, гипертекстовые ссылки, графика внутри документа, специальные тэги html и таблицы. Планирование фреймов. Этапы создания сайтов.
контрольная работа [126,9 K], добавлен 18.11.2010
Характеристика принципов создания html-страниц и связывания их ссылками так, чтобы можно было произвольным образом переходить от одной страницы к другой. Применение тегов форматирования текста и заголовка окна. Этапы создания html-страницы с таблицей.
контрольная работа [16,0 K], добавлен 19.06.2014
Подходы к созданию сайтов. Обоснование необходимости наличия персонального сайта компании ИП Тимонина Е.Н.. Структура, интерфейс, этапы создания сайта. Описание кода страниц. Создание web-страниц и наполнение их информацией. Верстка сайтов с чистым кодом.
дипломная работа [1,5 M], добавлен 03.06.2015
Изучение возможности создания интерактивных WEB - страниц для получения информации в сети Интернет с использованием форм, заполняемых пользователем. Тег, контейнер, атрибут, их понятие и сущность. Структура любого HTML- документа и использование ссылок.
Прикладная программа FrontPage 2003 – это визуальный html-редактор для быстрого создания сайта. Язык HTML является основным языком программирования Web - среды. С помощью FrontPage, можно создавать структуру сайта, формировать страницы, добавлять интерактивные средства и загружать файлы на сервер в сети Интернет.
Web–страницы основаны на языке описания гипертекстовых документов HTML (Hypertext Markup Language). В HTML для определения содержания и формата гипертекстовых документов используются команды, которые называются тегами (tags). HTML – страницы представляет собой документы в обычном текстовом формате, содержащие специальные команды форматирования (теги HTML).
Для того чтобы создать сайт при помощи FrontPage, нет необходимости учить HTML. FrontPage позволяет довольно просто набрать текст, который можно поместить на Web - страницу, расположить в нужных местах рисунки. Используя FrontPage, можно создавать эффекты, для которых обычно требуются скрипты или программы DHTML.
Сайт или Web-узел – это набор связанных между собой близких по смыслу Web-страниц и файлов. В программе FrontPage существуют мастера, которые позволяют создавать сайт, и шаблоны или набор предварительно разработанных текстовых и графических форматов, на основе которых могут создаваться новые веб - страницы. Мастера и шаблоны FrontPage позволяют создавать сайты различных типов.
На каждом сайте существует одна Web-страница, которая называется главной или домашней. Домашняя страница – первая Web-страница, на которую попадает посетитель сайта. Используя навигацию или гиперссылки, пользователи смогут попасть и на другие страницы сайта.
Обычно сайт размещается на Web-сервере – компьютере, который предоставляет доступ к Web-страницам посетителям сайта. FrontPage позволяет создавать сайт непосредственно в файловой системе компьютера пользователя, а затем, когда он будет готов, опубликовать его на Web-сервере.
Окно прикладной программы FrontPage
После запуска программы FrontPage (Пуск – программы – FrontPage) на экране появится окно программы, в котором отображается новая страница (нов_стр_1.htm). В области задач отображается панель Приступая к работе.
В режиме "С разделением" - на экране отображается Web-страница одновременно в режиме Код и в режиме Конструктор. В режиме просмотра Web–страница имеет вид аналогичный ее отображению в Web–браузере.
Команды, которые предназначены для работы с Web–страницами и Web–узлами, расположены в меню Вид программы FrontPage:
· Папки – отображается структура папок текущего сайта.
· Удаленный узел – узел, который находится на сервере сети Интернет.
· Отчеты – предоставляется сводка об Web – узле.
· Переходы – отображается структура переходов между страницами сайта.
· Гиперссылки – открывает список ссылок текущей страницы.
· Задачи – открывает список задач для текущего сайта
Создание Web-страниц в прикладной программе FrontPage
Создание новой пустой Web-страницы
Если при открытии окна программы FrontPage в нем отображается пустая страница, то разработку веб - страницы можно осуществлять на базе этой страницы. Если при открытии редактора FrontPage, отображается пустое главное окно, то для создания новой пустой страницы необходимо выполнить команду Файл/Создать и выбрать в области задач Пустая страница. В окне приложения появится пустая страница. Далее необходимо осуществить разработку страницы, т.е. выполнить разметку (структуру) страницы, ввести текст, рисунки и т.д.
Создание веб–страницы на основе шаблонов FrontPage
Создание веб–страницы на основе имеющихся Web-страниц в ПК
Создание сайта в прикладной программе FrontPage
Дважды щелкните на домашней странице левой кнопкой мыши, и она откроется в режиме конструктора для редактирования (страница - index.htm).
Далее можно осуществить разработку домашней страницы (создать разметку или структуру страницы, ввести текст, рисунки и т.д.), а затем к домашней странице можно добавить страницы в режиме Переходы. Для этого в режиме Переходы выделите домашнюю страницу и щелкните на кнопке Новая страница на панели Переходы или примените контекстное меню. Будет добавлена Новая страница 1, которая представлена на рисунке. Далее добавьте столько страниц, сколько необходимо для сайта, затем страницы можно переименовать и изменить порядок их следования. Далее на каждую страницу нужно ввести содержание или контент (текст, таблицы, картинки и т.д.), в результате получим сайт.
Создание сайта на основе шаблона редактора FrontPage
Для создания сайта на основе шаблона выполните Файл/Создать и в области задач щелкните команду Веб – пакеты, откроется окно диалога Шаблоны веб–узлов.
3.3. Прикладные программы для создания Веб-сайтов
3.3.3. Обучение созданию Web - страниц
Создание новой пустой Web - страницы
Если при открытии окна приложения FrontPage в нем отображается новая пустая страница, то разработку веб - страницы можно осуществлять на базе этой страницы. Если при открытии редактора, отображается пустое главное окно, то для создания новой пустой страницы необходимо выполнить команду Файл/Создать и выбрать в области задач "Пустая страница".
Далее щелкаем на требуемом макете таблицы, в результате чего получим размеченную страницу, которая представлена на рисунке.
Содержание третьей ячейки представлено на рисунке
12. Добавляем и заполняем метатеги (между тегами и ) в режиме Код:
Английский язык в Интернет
3.3. Прикладные программы для создания сайтов
3.3.4. Создание сайта и страниц в FrontPage
Планирование сайта
Планирование сайта является одной из самых сложных задач. Как правильно расположить на страницах будущего сайта имеющуюся у Вас информацию? Какова должна быть структура сайта? Какие страницы должен иметь сайт? Какой дизайн должны иметь страницы сайта? Какая должна быть навигация по сайту?
Эти и многие другие проблемы, связанные с разработкой сайта, должны быть решены до применения прикладных программ для разработки сайтов.
Допустим, что мы решили разработать сайт, на котором будет представлена информация о компании EN101, эту имеющуюся у нас информацию мы можем изложить на четырех страницах:
· Способы оплаты
Выбираем имя сайта исходя из вида деятельности, например: lessons-en101.
Назначаем имена страницам:
· info - О компании
· business- Бизнес-обзор проекта
· pay - Способы оплаты
В качестве главной страницы используем созданную ранее веб-страницу Главная (index). Создаем структуру сайта, которая представлена на рисунке.
Создание сайта с помощью приложения FrontPage
После сохранения сайта на экране в окне приложения FrontPage будет отображаться новый веб-узел в режиме папки.
3. Затем копируем содержимое ранее созданной папки EN101, в которой находятся папка images и страничка index (папка _vti_cnf формируется автоматически при создании веб-страницы). Содержимое папки EN101 представлено на рисунке.
Вставляем сохраненное содержание папки EN101 из буфера обмена во вновь созданную папку веб-узла lessons-en101, которая представлена на рисунке.
Таким образом, в качестве домашней страницы в новом сайте использована ранее созданная страница index.htm (Английский язык в Интернет). Можно создавать главную страницу и другими способами, изложенными в разделе 3.3.2. Знакомство с программой FrontPage.
5. Создаем в редакторе FrontPage структуру сайта , т.е. к главной странице добавим еще три страницы: info - О компании; business - Бизнес-обзор проекта; pay - Способы оплаты. Для этого надо перейти в режим Переходы, выполнив команду Вид/Переходы. Затем необходимо выделить домашнюю страницу и щелкнуть на кнопке Новая страница на панели Переходы или применить контекстное меню, добавится Новая страница 1. Аналогичным образом добавляем еще две новые страницы. Структура сайта представлена на рисунке.
6. Переименование Новых страниц в FrontPage. Переходим в режим папки и с помощью контекстного меню меняем имена Новая страница 1 на info, Новая страница 2 на business, Новая страница 3 на pay.
8. На каждой страничке сайта создаем ссылки для всех пунктов навигации:
Например, выделяем пункт навигации "Бизнес-обзор проекта" и с помощью контекстного меню открываем окно диалога Добавления гиперссылки, в котором выделяем business.htm и щелкаем ОК. Аналогично создаем гиперссылки для всех пунктов навигации на всех страницах. На рисунке представлен фрагмент окна диалога Добавления гиперссылки.
9. Далее на страницах: "О компании"; "Бизнес-обзор проекта";"Способы оплаты" изменим содержание в некоторых ячейках, т.е. введем новый текст и рисунки, которые были подготовлены заранее для этих страниц.
· Новая страница 1 переименовать на "О компании".
· Новая страница 2 переименовать на "Бизнес-обзор проекта".
· Новая страница 3 переименовать на "Способы оплаты".
В результате разработки получим сайт, который состоит из четырех веб-страниц. Этот сайт, созданный с помощью FrontPage в файловой системе ПК, можно разместить на веб-сервер в сете Интернет или Интранет.
Работа содержит 1 файл
Реферат Математика.doc
Средства разработки Web-страниц
Реферат по дисциплине
доцент Ахмедова А.М.
Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети.
Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.
Создать качественную Web-страницу непросто, для этого потребуются не только навыки дизайнера для красивого и стильного оформления, но и опыт программирования. Сложность и объем программ, требуемых для создания того или иного сайта, зависит от множества факторов, таких, как структура, цель, требуемая функциональность, обеспечение надежности и т.п.
Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или Front Page. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad).
Текстовые редакторы, возможно, использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует "подсветка" текста. в общем, работать с ними может только профессионал, знающий язык HTML.
Цель нашей работы: Рассмотреть возможности визуального редактора DreamWeaver и Front Page, а так же языки программирования PHP и JavaScript.
Для достижения нашей цели были поставлены следующие задачи:
1)Познакомиться непосредственно с редактором DreamWeaver и Front Page;
2)Рассмотреть основные требования, предъявляемые к Web-странице;
3) языки создания Web-страниц.
В своей курсовой работе я сделал попытку разобраться в том, что необходимо знать и уметь для создания Web-страницы, какое программное обеспечение является инструментарием создания Web-страниц и как его эффективно использовать.
1.1 JAVASCRIPT
Web, как гипертекстовую систему, можно рассматривать с двух точек зрения. Во-первых, как совокупность отображаемых страниц, связанных гипертекстовыми переходами. Во-вторых, кaк множество элементарных информационных объектов, составляющих отображаемые страницы (текст, графика, мобильный код и т.п.). В последнем случае множество гипертекстовых переходов страницы - это такой же информационный фрагмент, как и встроенная в текст картинка.
При втором подходе гипертекстовая сеть определяется на множестве элементарных информационных объектов самими HTML-страницами, которые и выступают в роли гипертекстовых связей. Этот подход более продуктивен с точки зрения построения отображаемых страниц "на лету" из готовых компонентов.
Таким образом, JavaScript - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript - это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако, наибольшую популярность JavaScript обеспечило программирование на стороне клиента.
К возможностям JavaScript можно, например, отнести следующее:
•отображать изменяющиеся данные, такие как текущее время или дата;
•программировать переменное содержание в зависимости от даты, браузера пользователя или других условий;
• изменять внешний вид элементов страницы, если пользователь щелкнул мышью или провел курсор мыши над элементом.
Для языка высокого уровня JavaScript обладает довольно сильными возможностями. Он не позволяет работать на уровне машинных кодов, однако вы получаете доступ ко многим возможностям броузеров, Web-страниц, а иногда и системы, в которой работает броузер. В отличие от Java™ или С, программы на JavaScript обходятся без компиляции, а вашему броузеру не придется загружать виртуальную машину для выполнения программного кода. Программируй и загружай!
JavaScript также работает в объектно-ориентированной архитектуре, напоминающей Java или C++. Такие возможности языка, как конструкторы или наследование на базе прототипов, добавляют в схему разработки новый уровень абстракции, что способствует многократному использованию программного кода.
Одна из главных причин, по которой Web-разработчики приняли JavaScript, — возможность выполнения на стороне клиента многих функций, которые ранее выполнялись исключительно на стороне сервера. Лучшим примером является проверка форм. Программисты старой школы еще помнят, что несколько лет назад для проверки пользовательского ввода в формах HTML приходилось пересылать информацию на Web-сервер и передавать ее сценарию CGI, где и проходила проверка введенных данных.
Наверно Вы не раз видели, как картинка сменяется другой картинкой при наведении на нее мышкой. Этот эффект реализуется при помощи Java-скрипта. Скрипт состоит из двух частей. Первая часть вставляется в html всего один раз. А вторую придется вставить столько раз, сколько у Вас на страничке будет сменяющихся картинок.
В конце первой части скрипта производится подгрузка изображений нажимающихся кнопок. Необходимо подгрузить картинки нажатой и не нажатой кнопок.
Эти две строчки показывают то, что необходимо прописать подгрузку всех картинок. В работающем скрипте не должно быть троеточия и вместо X должно быть число.
Что есть что: page.htm - имя файла ссылки image_name - Имя картинки, необходимо чтобы java-скрипт знал какую картинку менять. У каждой картинки должно быть свое имя. image1.jpg - Файл не нажатой кнопки.
image2.jpg - Файл нажатой кнопки (будет на месте картинки image1.jpg при наведении на нее мышкой)
1.2 PHP
РНР наделен практически полным набором функциональности, о которой (до появления РНР) мог только мечтать web-программист. Его цель — позволить максимально быстро создавать динамически генерируемые web-страницы. С полным основанием можно заявить, что изучение и использование РНР будет выгодно как начинающим, так и профессиональным программистам.
Основными конкурентами РНР являются технологии JSP (Java Server Pages и Java Scriptlets), ASP (Active Server Pages), Perl, SSI (Server Side Includes), Cold Fusion Server Pages.
Рассмотрим те недостатки, которые присущи указанным технологиям. JSP — достаточно сложный для изучения и использования язык. ASP, основанный на синтаксисе VBScript (Visual Basic), имеет всего несколько десятков собственных функций и поэтому вынужден использовать СОМ-объекты; кроме того, он ориентирован исключительно на работу под Windows. Perl — язык головоломный, и его вольности затрудняют его понимание. SSI позволяет всего лишь компоновать HTML-страницу из нескольких файлов. CF — коммерческий продукт, что является его основным недостатком.
Основные достоинства РНР:
Если вы обнаружите, что РНР не способен на что-то (или работает не так, как вам хотелось бы), никто не будет препятствовать вам вносить в исходный код РНР (написанный на С) желаемые изменения. РНР является программным продуктом с открытым исходным кодом, и внесение в него улучшений и дополнений путем создания собственных модулей расширения всегда приветствуется.
Для начала, чтобы сервер знал, в каком из файлов используются РНР-команды и, следовательно, мог передать такую страничку для дальнейшей обработки, необходимо изменить расширение файла с *.html на *.php3. Поэтому, когда вы видите файлы с таким расширением, можно с почти полной уверенностью утверждать, что при их создании использовался РНР.
Конструкторы сайтов. Конструкторы сайтов ( реферат , курсовая , диплом , контрольная )
Конструктор сайтов — та же самая CMS, которая предоставляет хостинг и даже доменное имя. Как и системы управления контентом, конструкторы сайтов бывают платными и бесплатными.
CMS от английского ContentManagementSystem (система управления контентом), — программное обеспечение, которое дает возможность администраторам изменять, дополнять и управлять уже размещенным на сайте данными без поддержки разработчиков сайта или специалистов программирования. Также CSM позволят автоматизировать администрирование сайта как в целом, так и в отдельных сервисах например автоматизация рассылок, ведение статистики, поиск, регистрация и т. д. CMS предлагают прежде всего удобный интерфейс для редактирования содержимого сайта, не требуя специальных знаний в области веб-дизайна, HTML-верстки, СSS, PHP и т. п. Интерфейс CSM состоит преимущественно из двух частей:
- 1)Первая часть это административная часть, через которую осуществляется непосредственно управления содержимым сайта, в панель управления администратор входит по своему адресу и через логин и пароль,
- 2)Вторая часть — это именно сайт который видят кристувачи интернета.
Также CMS позволяют не просто показывать посетителям сайта информацию, но и взаимодействовать с ними: пользователи могут зарегистрироваться, общаться на форуме или в чате, оставлять свои замечания и пожелания в комментариях т.д. есть CSM позволяют создать полноценный динамический сайт. Большинство CSM росповюджуеться с алицензиею GNU, что дает право использовать ее бесплатно, платными могут быть разве что некоторые расширения или плагины от сторонних разработчиков.
Проще говоря CSM (конструктор сайтов) сама по своей сути уже является сайтом, Вам остается лишь настроить и внести в нее материал и все, простенький сайт готов (например сайт-визитка). Если Вам нужно расширить функциональность Вашего сайта, например система регистрации, форум, комментарии и прочее, как уже говорилось выше, существует много расширений и плагинов, значительно расширяют потенциал конструктора. CSM практически соответствует почти всем потребностям современного сайта, и при правильном подходе Вы можете создать собственный ресурс, под собственные нужды и за короткие сроки!
Стоит ли использовать конструкторы сайтов или нет Сложно дать определенный ответ. Если необходимо создать сайт в короткие сроки с минимальными затратами времени, то конструктор сайтов просто необходим ["https://referat.bookap.info", 27].
Имеется несколько причин, подтверждающих это:
- 1. Конструктор позволяет сэкономить денежные и временные средства при регистрации доменного имени и размещении сайта на хостинге. А при использовании CMS приходится подбирать и оплачивать услуги хостинговой компании самостоятельно, а также покупать доменное имя. Конструктор же предоставляет автоматически домен третьего уровня и бесплатный хостинг. Вот только выделяемый объем для хранения информации довольно ограниченный, его значение стоит узнать заранее
- 2. Конструкторы сайтов чаще всего дают возможность создавать сайт с готовой темой (шаблоном) и настройками. Это значительно упрощает работу. В принципе, на конструкторе сайт можно создать всего за 5 минут.
- 3. Большинство конструкторов предоставляют готовые настройки для раскрутки сайта — получение трафика (привлечение людей из поисковых систем, рассылка приглашений и т. д. ) и продвижение в поисковых системах (автоматическое создание метатегов: заголовка и описания). Кроме того, конструкторы поддерживают ряд каталогов проектов, ускоряющих индексацию молодых, только созданных сайтов.
К сожалению, помимо достоинств конструкторы сайтов обладают и недостатками:
Таким образом, у конструкторов сайтов есть существенные достоинства и недостатки. Конструкторы стоит использовать тогда, когда необходимо создать как можно быстрее сайт с простым незамысловатым дизайном и функционалом.
Множество конструкторов сайтов значительно облегчают процесс разработки вэб-ресурсов, а широкая сфера их применения позволяет использовать их в работе с самыми основными типами сайтов. В зависимости от предъявляемых требований и направленности, сайты, созданные с помощью конструкторов, классифицируются на несколько видов.
Читайте также: