- •Разработка Web-сервиса клиентского обслуживания
- •Глава1. Теоретические основы программирования в сети Internet 5
- •Глава2. Этапы проектирования Web-сайта 16
- •Глава 3. Разработка Web-сервиса клиентского обслуживания для предприятия полиграфической промышленности 25
- •Введение
- •Глава1. Теоретические основы программирования в сети Internet
- •Представление данных
- •Понятие сайта, классификации
- •1.2.1. Классификация веб-сайтов.
- •Современные технологии создания сайтов
- •Глава2. Этапы проектирования Web-сайта
- •2.1. Представление требований к Web-сайту
- •2.2. Выбор программных средств
- •2.2.1. Краткое описание Web-редакторов
- •2.2.2. Ручное создание сайта
- •2.3. Описание работы php, Javascript, jQuery, языков разметки html и css
- •Глава 3. Разработка Web-сервиса клиентского обслуживания для предприятия полиграфической промышленности
- •3.1. Краткая характеристика предприятия ооо «Дани-Алмас»
- •3.2. Разработка клиент-серверногоWeb-приложения
- •3.2.1.Обоснование выбранного способа Web-конструирования
- •3.2.2 Виды современного дизайна.
- •3.2.3 Элементы дизайна
- •3.2.3.1. Шрифт и текст
- •3.2.3.2 Заглавия и заголовки
- •3.2.4. Графика на Web-страницах
- •3.2.4.1. Форматы графики на Web-страницах
- •3.2.4.2. Оптимизация графики
- •3.2.5. Разработка сайта.
- •3.2.5.1. Проектирование сайта.
- •3.2.5.2. Дизайн
- •3.2.5.3. Верстка
- •3.2.5.4. Программирование
- •3.3. Стратегия модернизации Web-сайта
- •Заключение
- •Список использованной литературы
- •Приложения
2.2.2. Ручное создание сайта
В настоящее время все большее количество людей задается вопросом о том, как создать свой сайт через блокнот. Дело в том, что многие считают блокнот одним из лучших помощников в создании собственного сайта.
Создание сайта через блокнот – процесс трудоемкий и достаточно долгий. Для этого необходимо очень хорошо знать язык html и принципы верстки веб-страниц. Помимо этого, для того, чтобы создать свой, действительно уникальный и интересный сайт, вам нужно будет потратить достаточно большое количество времени.
Перед созданием собственного сайта через блокнот, вам будет необходимо изучить простейшие html-теги, а также структуру самой простой html-страницы. Тег является основной конструкцией, которая применяется в языке html. Теги должны быть записаны с помощью угловых скобок.<тег> – это пример записи какого-либо тега. У каждого тега должны быть открывающие и закрывающие угловые скобки. Между ними располагается какая-либо запись. Теги могут выполнять различные функции.
Одни теги могут давать указание сделать на странице сайта какую-нибудь таблицу, а другие теги выполняют переход на новые строки и т.д. Следует отметить, что для того, чтобы сделать веб-страницу в блокноте, вам нужно будет самостоятельно писать html-код, а для этого вам необходимо достаточно хорошо знать html-теги и их основные функции. Следует напомнить, что создание сайта через блокнот потребует от вас хорошего знания html-страниц.
Html-страница должна состоять из двух частей.
Первая часть страницы – это «заголовок», или, как ее еще называют, «голова».
Вторая часть – это «тело». Для того, чтобы обозначить части html-страницы, вам потребуются теги <head> и </head> для обозначения первой части страницы и <body> и </body> для обозначения второй части страницы. В заголовок обычно помещают служебную информацию, а в теле программы обычно используется та информация, которую располагается в основной части окна. Практически каждая html-страница имеет свое название. Название страницы сайта также записывается с помощью определенных тегов: <title> и </title>. Название страницы должно быть расположено между этими тегами.
После того, как вы наберете код html-страницы в блокноте, вам нужно будет сохранить этот код в файле с расширением html или, если эта страница будет главной на вашем сайте, то с расширением html. Это последний шаг, который нужен для того, чтобы провести создание сайта через блокнот.
2.3. Описание работы php, Javascript, jQuery, языков разметки html и css
PHP - это серверный язык создания сценариев общего назначения, интенсивно применяющийся для разработки web-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических web-сайтов
PHP5 и СУБД MySQL необходимы для обеспечения работоспособности CMSJoostina на локальном компьютере, а также для разработки собственных дополнительных расширений и таблиц базы данных для решения специфичных задач. Использование локального сервера Apache вызвано необходимостью возможности предварительного просмотра и тестирования разработанного web-сайта до размещения его на хостинге.
Все перечисленные инструментальные средства имеют свободную лицензию и распространяются бесплатно, что позволяет избежать дополнительных затрат на разработку.
Редактор источников кода.
Редактор источников кода предоставляет неограниченные возможности контроля над HTML-тэгами и их форматированием. Для того, чтобы переключиться из режима разметки страницы в режим редактирования кода, достаточно просто щелкнуть по специальной вкладке в окне документа. Внеся изменения в код, вы можете тут же просмотреть их, щелкнув по другой вкладке.
Контроль синтаксиса.
Опытные Web-программисты знают, что поддержка HTML и функций JavaScript немного отличается на различных платформах. Вот почему современные Web-дизайнеры имеет встроенную функцию проверки синтаксиса. Она позволяет узнать, какие браузеры и на каких платформах поддерживают все те элементы, которые вы предусмотрели на своей странице, будь то DHTML или таблицы стилей. Вы можете создать страницу в HTML 4.0, преобразовать ее в стандартный формат HTML 3.2 или сделать в обоих вариантах, предоставив право выбора пользователю.
Динамические компоненты и шаблоны.
Если на Web-сайте есть такие общие элементы дизайна, как навигационные панели и заголовки, которые присутствуют на каждой странице, то вам особенно понравятся динамические компоненты, позволяющие использовать некоторые элементы страниц, сделанные ранее и уже оснащенные текстами, картинками или другим содержимым. Проще говоря, можено создавать шаблонные страницы и использовать их снова и снова для создания сложных сайтов.
Встроенный FTP-клиент.
Современные Web-сайты оснащены полным интегрированным FTP-клиентом, который позволяет загружать и обновлять Web-сайт. Когда создается необходимость обновить сайт, запускается процесс - будут обновлены только измененные файлы. Можно так же переносить отдельные страницы, просто "перетаскивая" их с панели FTP или, наоборот, на нее. Для удобства работы современные Web-дизайнеры рассчитывает время, которое понадобится посетителям сайта для загрузки ваших страниц.
Работа со спецэффектами.
Стандарт для поддержки средств мультимедиа, основанных на Web. Пользователь может импортировать звук, видео, спецэффекты и определять связи между ними. Новый редактор позволяет комбинировать видео и аудио, создавать переходы и делать различные другие преобразования для повышения качества видео - и все это благодаря интуитивному интерфейсу современных Web-страниц.
Готовые для использования Java-сценарии.
Современные Web-редакторы содержат целый набор готовых к употреблению Java-скриптов, которые позволяют внести элементы интерактивности в Web-страницы.
Таблицыстилей (Cascading Style Sheets).
Современные Web-редакторы поддерживает технологию так называемых таблиц стилей (Cascading Style Sheets (CSS)) Технология предоставляет беспрецедентные возможности контроля над внешним видом страниц, в том числе и платформо-независимыми вариантами. Вам больше не придется создавать специальные однопиксельные изображения и вложенные таблицы чтобы сверстать страницу так, как вы хотите.
Web-редактор позволяет визуально создавать и редактировать таблицы стилей, позиционировать изображения и текстовые блоки на странице при помощи плавающих областей, определять шрифты, цвета и размеры для достижения наилучшего варианта дизайна, а также создавать и редактировать как внешние стили, определенные для всего сайта, так и стили отдельных страниц.