- •Основные данные о работе
- •Содержание
- •Введение
- •Основная часть
- •1 Анализ теоретических аспектов разработки Web- сайта гпоу «ппэт»
- •2. Разработка Web – сайта гпоу «Печорский промышленно-экономический техникум»
- •3. Оформление сайта
- •Заключение
- •Список использованных источников
- •Глоссарий
- •Список сокращений
- •Приложения
Основная часть
1 Анализ теоретических аспектов разработки Web- сайта гпоу «ппэт»
Интернет развивается очень стремительно. На сегодняшний день каждый человек может сделать вклад в развитие глобальной сети. Любой пользователь может достаточно легко и просто создать свой сайт и разместить туда интересующую его информацию.
Для этого необходимо решить следующие частные задачи:
ознакомиться с современными Интернет-технологиями и, по возможности, использовать их в своей разработке;
изучить программный инструментарий, применяемый для разработки и создания Web-сайтов;
выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;
ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;
определиться со структурой Web-страниц;
выбрать стратегию разработки и создания Web-сайта.
World Wide Web – глобальная компьютерная сеть, на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW.
Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети.
Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.
Решить те же задачи предстоит и тем пользователям, которым в силу своей работы, знаний и умений, предстоит создать сайт какого-либо предприятия.
Сайт для предприятия или организации является своеобразной рекламой, позволяет пользователям сети с легкость узнать все необходимое о предприятии.
Организациям и предприятиям в свою очередь удобно с помощью сайта предоставлять отчетность в вышестоящие органы, следить за развитием конкурирующих организаций и привлекать целевую аудиторию.
Анализ современных средств разработки сайтов.
На сегодняшний день существуют разнообразные автоматизированные системы для создания сайтов, при этом участие пользователя сведено только к наполнению шаблона личными данными (Google сайты, Joomla и т.д.) Но для создания сайта образовательного учреждения эти системы не подходят, в связи со спецификой деятельности (разные направления, разные услуги), необходима конкретная разработка разделов сайта под потребности техникума.
Ниже будут рассмотрены некоторые способы разработки сайтов.
HTML
Язык разметки гипертекста (Hypertext Markup Language), или, как его чаще называют, HTML, — это компьютерный язык, лежащий в основе World Wide Web (Всемирной Паутины). Благодаря языку HTML любой текст можно разметить, преобразовав его в гипертекст с последующей публикацией в Web.
Язык HTML имеет собственный набор символов, с помощью которых Web-браузеры отображают страницу. Эти символы, называемые дескрипторами, включают в себя элементы, необходимые для создания гиперссылок.
Одной из отличительных особенностей HTML-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении HTML-файла в месте размещения документа создается папка, в которую помещаются сопутствующие ему графические элементы оформления.
PHP
В первую очередь PHP используется для создания скриптов, работающих на стороне сервера, для этого его, собственно, и придумали. PHP способен решать те же задачи, что и любые другие CGI-скрипты, также обрабатывать данные html-форм, динамически генерировать html страницы и тому подобное. Но есть и другие области, где может использоваться PHP.
Еще одна область использования PHP – это создание скриптов, выполняющихся в командной строке. То есть с помощью PHP можно создавать такие скрипты, которые будут исполняться, вне зависимости от web-сервера и браузера, на конкретной машине.
И последняя область – это создание GUI-приложений (графических интерфейсов), выполняющихся на стороне клиента.
Ajax
Ajax расшифровывается как Asynchronous Javascript And XML (Асинхронные Javascript и XML) и технологией в строгом смысле слова не является. Если в стандартном web-приложении обработкой всей информации занимается сервер, тогда как браузер отвечает только за взаимодействие с пользователем, передачу запросов и вывод поступившего HTML, то в Ajax-приложении между пользователем и сервером появляется еще один посредник - движок Ajax. Он определяет, какие запросы можно обработать «на месте», а за какими необходимо обращаться на сервер.
Раньше на каждый запрос сервер выдавал новую страницу. Теперь он отсылает лишь те данные, которые нужны клиенту, а HTML из них прямо в браузере формирует движок Ajax.
Асинхронность проявляется в том, что далеко не каждый клик пользователя доходит до сервера, причем обратное тоже справедливо - далеко не каждая реакция сервера обусловлена запросом пользователя. Большую часть запросов формирует движок Ajax, причем его можно написать так, что он будет загружать информацию, предугадывая действия пользователя.
Ajax можно использовать в:
формах, так как они очень медленны и если асинхронно передавать данные, страница не перезагружается.
навигации в виде «дерева».
голосовании - пользователю будет удобней оставить свой голос за несколько секунд, чем за 30-40.
фильтрах - часто на сайтах делают сортировку по дате, по имени. ajax это будет значительно удобнее.
JavaScript
Язык программирования JavaScript разработан фирмой Netscape для создания интерактивных HTML-документов. Это объектно-ориентированный язык разработки встраиваемых приложений, выполняющихся как на стороне клиента, так и на стороне сервера. Синтаксис языка очень похож на синтаксис Java – поэтому его называют – Java-подобным.
Основные области применения JavaScript делятся на следующие категории:
динамическое создание документа с помощью сценария;
оперативная проверка достоверности заполняемых пользователем полей форм HTML до передачи их на сервер;
создание динамических HTML-страниц совместно с каскадными таблицами стилей и объектной моделью документа;
взаимодействие с пользователем при решении "локальных" задач, решаемых приложением JavaScript, встроенном в HTML-страницу.
VBScript
Язык создания сценариев VBScript разработан фирмой Microsoft, является подмножеством достаточно распространенного в среде программистов языка Visual Basic разработки прикладных программ Windows-приложений. Как и его родитель, язык VBScript достаточно прост и лёгок в изучении.
Преимуществом его применения для создания сценариев является возможность использования, с небольшими корректировками, ранее написанных процедур на языках Visual Basic и Visual Basic for Application.
Функциональные возможности сценариев, написанных на VBScript, ничем не отличаются от возможностей сценариев JavaScript: динамические создание документа или его частей, перехват и обработка событий и так далее.
VBScript используется для написания сценариев клиента (в этом случае браузер должен иметь встроенный интерпретатор этого языка), а также для написания сценариев на сервере (в этом случае сервер должен поддерживать язык VBScript).
Для создания сценариев клиента используется набор объектов, аналогичный набору JavaScript. Объекты клиента и сервера отличаются друг от друга, но существует общая часть (ядро) объектов, используемых при разработке как сценариев клиент, так и сценариев сервера.
Perl
Наиболее широко Perl используется для разработки инструментов системного администрирования, однако в последнее время он получил огромную популярность в области разработки Интернет-приложений: CGI-сценариев, систем автоматической обработки электронной почты и поддержки узлов Web.
Примеры задач, которые можно решать с помощью Perl:
проверка пользователей Windows NT на несоответствие их статуса и возможностей;
управление NT-сервисами из командной строки и дистанционно с локальной машины получение статистических данных на отдельной машине;
может работать и с протоколом FTP;
системная поддержка UNIX и Windows.
Сравнительный анализ сред создания Web-приложений
В настоящее время во всемирной паутине размещено несколько миллионов Web-сайтов и их число постоянно растет. У каждого есть возможность не только просмотреть любой из них и извлечь полезную для себя информацию, но и принять активное участие в их создании. Большое значение при этом имеет среда, в которой будет происходить разработка.
Далее будут рассмотрены несколько сред разработки сайтов.
Macromedia Dreamweaver
Компания Macromedia продолжает делать Dreamweaver интуитивно понятной и простой в использовании программой. Мощные средства с одной стороны и простота в использовании – с другой, делают продукты Macromedia идеальными программным пакетом, как для профессиональных web-дизайнеров, так и для новичков. Продукты, входящие в пакет Macromedia, такие как: Flash, Firework, Dreamweaver - сделают работу более продуктивной, и при этом могут заменять друг друга (так, например, в любой из них можно создать кнопки). Такие продукты как: Sitespring, FreeHand – добавит эффективности при работе с клиентом.
У Dreamweaver имеет множество плюсов:
Программа Dreamweaver поддерживает «чистый» HTML код, а также последние расширения DHTML и CSS.
Содержит прекрасные средства автоматического управления связями, то есть при любом перемещении файлов в среде, все связи восстанавливаются автоматически. Предусмотрена блокировка разделов страницы для их защиты от неумышленной порчи.
Позволяет отменить изменения, сделанные несколько шагов назад (однако после сохранения страницы отменить изменения будет невозможно).
Применяется «Динамическая проверка для различных браузеров».
Поддерживает расширения, как сторонних разработчиков, так и самой Macromedia (более 500).
С Dreamweaver поставляется библиотека элементов, которые можно применять на WEB-страницах, например панель навигации, дескриптор авторского права и др.
Применяется для добавления мультимедийных средств на web-страницы и различных типов файлов от Flash и Java до RealAudio, интерактивных элементов, таких как поисковые системы, форумы, системы электронной коммерции.
Программа Dreamweaver не имеет собственных средств создания изображений. В ней представлены лишь простейшие инструменты редактирования, поэтому для создания и редактирования изображений нам понадобятся специальные графические редакторы.
Dreamweaver позволяет убрать лишний код из приложений Microsoft, после чего страницы станут быстрее грузиться и лучше отображаться в разных браузерах.
Macromedia FLASH
Создаёт привлекательные интерактивные мультимедийные презентации, для WEB-сайтов. Для Flash характерна векторная графика и анимация, хотя эта программа может быть также использована для манипулирования или отображения растровой графики, монтажа видеоматериала и даже для манипулирования звуковыми файлами.
Flаsh-содержимое публикуется в компактных файлах формата SWF для последующего показа на самых разных платформах с помощью Flаsh-проигрывателя. Во время воспроизведения файла формата SWF в оперативном режиме в него можно динамически загружать такое содержимое, как звуковые файлы формата МР3, Flash-видео и изображения формата JPEG. Flash-проигрыватель позволяет подключаться к источникам данных, чтобы объединить их с базой данных, XML или web-службами. Благодаря всем этим возможностям привлекательные фрагменты анимации и эффекты могут быть введены в приложения, управляемые данными. Flash имеет поддержку антиалайсинг (сглаживание контуров с помощью смешения соседних цветов). Так как этот формат файла основан на векторной графике, объект сохраняет качество изображения при любом разрешении и идеален для создания кадров анимации.
Мощный событийно-управляемый язык. Применяемый язык ActionScript - это почти полноценный язык программирования, с поддержкой условий, циклов, массивов, функций и классов, которые можно наследовать.
В пользу Flash маленький размер получающихся файлов и использование векторного формата изображений, и сжатие растровых и звуковых файлов, что очень положительно влияет на уменьшение размера страницы и время ее скачивания.
Macromedia HomeSite
Эта программа очень удобна для пользователей тем что в ней есть множество готовых тегов, шаблонов.
Гибкость интерфейса - это одна из сильнейших сторон продукта. Любой пользователь с легкостью сможет настроить интерфейс HomeSite в соответствии со своими предпочтениями и потребностями.
В процессе работы пользователь может видеть рабочую область с двумя вкладками - Browse и Edit. То есть программирование происходит во вкладке Edit, а результат можно увидеть, если выбрать вкладку Browse. При создании новой страницы на поле редактирования автоматически появляются некоторые теги вроде HTML и BODY. Это шаблон, загружаемый при создании новой страницы. Его содержание можно менять.
В HomeSite очень легко строить архитектуру сайта. Этому способствует панель Quick Bar с системой вкладок с готовыми тегами. Теги в этих вкладках самые разные - от простых вроде параграфа до java-скриптов. Можно оставить одну вкладку, добавив в нее все необходимые теги через меню Customize. Также можно самому создавать теги или их комбинации. При нажатии на кнопку с определенным тегом появляется окно, где можно настроить опции тега и указать его атрибуты. Поддерживает режим WYSIWYG со всеми его плюсами и минусами.
Для скорости работы здесь имеется множество средств редактирования тегов. Это, например, такие функции, как Tag Completion, Tag Editors и Tag Insight. Они существенно облегчают редактирование тегов и их атрибутов. Так же есть заготовки кода (Code Snippets).
HomeSite легко интегрируется со средствами управления исходным кодом и системами управления проектами, а также предлагает широкие возможности работы с протоколом FTP, благодаря чему мы сможем быстро выполнить развертывание сайта и организовать его эффективное обслуживание.
Microsoft FrontPage
Является наиболее популярным HTML-редактором на рынке, главным образом за счёт популярности пакета Microsoft Office. В программе предлагаются мощные функции и привлекательный пакет программ, включая Image Composer, который предназначен для создания изображений. Во FrontPage также содержатся WEB-компоненты, необходимые для добавления интерактивных свойств web-узлу. Microsoft FrontPage является классическим WYSIWYG-редактором, в котором, однако, присутствует возможность ручной правки кода.
В программе имеется три режима работы с документом: Normal, HTML и Preview.
В режиме Normal, web-страницы представляют собой обычный текстовый файл с возможностью редактирования всех элементов - от текста до картинок.
В режиме HTML осуществляется подсветка синтаксиса - дескрипторы выделены, синим цветом, все остальное - черного цвета.
В режиме Preview можно посмотреть, как будет выглядеть страница в окне браузера.
FrontPage имеет конструктор таблиц, существенно облегчающий их создание. Одним из основных преимуществ программы является большое количество имеющихся шаблонов, позволяющих пользователю не ломать голову над дизайном своего проекта. Выбрав необходимый шаблон, можно приступать непосредственно к наполнению страницы контентом.
Положительные моменты создания страниц с помощью FrontPage:
Процесс создания HTML-страницы ничем не отличается от создания обычного текстового документа в Microsoft Word. Доступны те же средства для редактирования текста, смены его форматирования, создания и редактирования таблиц, вставки различных объектов и изображений и всё это без знания HTML.
FrontPage делит рабочую область на несколько блоков, содержащих определенные элементы страницы - рисунки, текст, заголовки и прочее. Для каждого блока можно назначить свои параметры форматирования и расположения его относительно страницы.
Минусы:
Небольшой набор инструментов разработки, невозможность отдельного приобретения программы. Microsoft FrontPage неплохо подойдет в качестве HTML-редактора на первое время, однако с ростом потребностей его возможностей может не хватить.
Также в дальнейшем будет весьма сложно вносить изменения в подобный документ. Но это скорее недостаток не конкретного продукта, а практически всех WYSIWYG-редакторов (What You See Is What You Get - "что видите, то и получите").
Web-компоненты работают только в том случае, если на web-сервере, который используется, присутствуют соответствующие им программы.
Microsoft Word
Не смотря на то, что Microsoft Word является текстовым процессором и по существу не считается HTML-редактором. Он имеет возможность сохранять файлы в формате HTML. В результате мы можем столкнуться со страницами, которые тем или иным способом были созданы в Microsoft Word. Проблемы в HTML-коде, полученном из редактора аналогичны проблемам FrontPage: обе эти программы создают избыточный код, который не во всём соответствует HTML-стандарта. Огромное количество людей, использующих Word в своей повседневной работе, становятся потенциальными разработчиками HTML-документов.
Создать web-станицу в Word можно двумя способами: с помощью Мастера либо преобразовав существующий документ Word в формат HTML. При этом Word сам генерирует тэги HTML, хотя и не оптимальным образом. Преобразование естественно приводит к тому, что какие-то элементы оформления документа будут утрачены или изменены. При необходимости вставить на HTML-страницу собственные тэги, в Word предусмотрено непосредственное редактирование HTML-кода.
Adobe Photoshop
Самая популярная и широко распространенная программа редактирования изображений. С её помощью можно создавать высокохудожественные изображения. Она содержит всё необходимое для создания и редактирования профессиональной графики.
Photoshop — это не просто программа редактирования изображений, это самая мощная и функциональная программа в своем классе. Программа позволяет ретушировать изображение и подвергать его спецэффектам, переносить детали одного снимка на другой, вносить текст, менять соотношение цветов и даже добавлять цвет в изображения, выполненные в оттенках серого. Средства Photoshop совместимы с графическими планшетами, что дает возможность создавать вполне художественные изображения, не хуже выполненных акварелью и маслом.
При всей простоте основных инструментов Photoshop пользователь может к тому же настраивать их "под себя". А это равносильно наличию бесконечного разнообразия мелков. Поскольку программы рисования полагаются при своей работе на пиксели, они идеально подходят для работы с электронными (цифровыми) фотографиями цветных карандашей, пульверизаторов, акварельных и масляных красок и многого другого. Photoshop предоставляет полный контроль над каждым пикселем изображения. Недостаток программ рисования в ограниченном разрешении. Поскольку битовый рисунок состоит из фиксированного количества пикселей.
CorelDraw
CorelDraw позволяет обрабатывать самую разнообразную информацию, представляемую в документе в виде векторных и растровых объектов, блоков обычного и художественного текста, а также объектов Интернета.
В программе применен современный интерфейс плоского типа, который характеризуется тем, что инструменты, находящиеся на различных панелях, отображаются в виде обычных плоских рисунков, а выделение одного из них происходит только при установке на нем указателя.
При построении векторных изображений линии и фигуры накладываются, пока не получится окончательное изображение. Каждый объект можно редактировать независимо от остальных — одно из немногочисленных преимуществ объектного подхода, тем не менее, изображение все же приходится строить поэтапно. В программе редактирования векторных рисунков линии, фигуры и текст задаются математическими выражениями, что дает возможность автоматически настраивать их на максимальное разрешение устройства вывода. Еще одно преимущество векторных рисунков состоит в том, что для них не требуется много места на диске. Объем файла векторного рисунка зависит только от количества и сложности объектов, составляющих этот рисунок, поэтому его размер, в отличие от растрового рисунка, практически не влияет на этот объем.
CorelDraw демонстрирует качества мощного визуального редактора web-страниц: пользователь получает возможность генерировать развитые HTML-документы, которые могут включать сценарии JavaScript и таблицы стилей CSS.
Обеспечивая мощные возможности для работы с графикой, текстом и средства компоновки и экспорта документов для публикации в Интернете, CorelDraw вполне может служить исходным пунктом для генерирования первых версий файла HTML.
При размещении изображений на странице одна из наиболее важных задач - оптимизация размера файлов изображений. Рекомендуемый "потолок" общего размера страницы – от 100 до 150 кбайт. Уменьшение размера файлов изображений выполняется сжатием файлов и уменьшением количества цветов. Эти задачи доступны для любой из графических программ, перечисленных выше.
Наиболее доступным и удобным с точки зрения разработчика Web - сайтов является использование языка HTML и редактора офис Front Page.
HTML это стандартный язык гипертекстовой разметки документов во Всемирной паутине. Все web - страницы создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, удобном для человека.
HTML является приложением SGML.
SGML (англ. Standard Generalized Markup Language) - метаязык, на котором можно определять язык разметки для документов.
Для создания HTML документов используют текстовые редакторы (например, Блокнот), текстовые процессоры (Word), редакторы тегов HTML и визуальные HTML-редакторы. Можно создать HTML документ в простом Блокноте. Соблюдая определённый стандарт и записав в текстовом файле HTML код, сохранив на жёстком диске и изменив расширение на .html или .htm на выходе получится полноценная web страничку.
Для создания HTML документа используют теги. Теги - это инструменты разметки текста. Теги могут прописываться как строчными, так и прописными буквами. Теги бывают парными и не парными. Пример парного тега <html></html>, в любом HTML документе присутствует этот тег, так как он служит началом и концом кода. Вторая часть парного тега отличается от первой только наличием символа "/", однако первая часть тега может содержать и дополнительные параметры. Например, в теге <font size="4"></font>, параметр size="4"определяет размер текста. Примером непарного тега является<hr>- этот тег используется для вставки в HTML документ горизонтальной линии.
Любой HTML документ должен содержать следующие теги<html></html>, <head></head>, <body></body>, <title></title>. Порядок расположения тегов в HTML документе выглядит так:
<html>
<head>
<title>Название страницы</title>
</head>
<body>
Тело документа
</body>
</html>
Внутри тега<head></head>располагается название HTML документа (именно его можно увидеть в качестве ссылки в результатах поиска поисковыми системами), помимо этого тега внутри конструкции<head></head>могут располагаться так называемые Мета Теги.
Для того чтобы разнообразить, украсить содержимое HTML страницы в теги добавляются различные атрибуты, благодаря которым текст на странице может быть написан различными шрифтами, быть выровнен так как необходимо (по левому и правому краям, по центру, по середине) и т.п.
К одному тегу можно добавить несколько атрибутов. Если атрибуты тега следуют после имени тега, они разделяются одним или несколькими пробелами. Порядок следования не важен. Большинство атрибутов имеют значения, которые следуют за знаком равенства (=), находящимся после имени атрибута. Длина значений ограничена 1024 символами. Значения могут быть чувствительны к регистру. Иногда значения должны находиться в кавычках (двойных или одинарных).
Пример части кода HTML главной страницы сайта ГПОУ «ППЭТ»:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>ГПОУ ППЭТ :: Главная</title> //заголовок страницы
<base href="http://pechora-pet.ru/">
<link rel="stylesheet" type="text/css" href="/css/style.css" />//определение стилей
<script type="text/javascript" src="lib/jquery-1.7.1.min.js"></script>//используемые скрипты
<script type="text/javascript" src="/lib/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/javascript/menu-blob-animation.js"></script>
<script type="text/javascript" src="/header/img-carousel/carousel.js"></script>
<script type="text/javascript" src="/javascript/outaphorism.js"></script>
</head>
<body>
<?php
include("../header/header.php");//вставка верхней части страницы, хранящейся в отдельном файле
?>
<div class="wrapper" style="margin-top:50px;">
<!---->
<div style="float:right; width:300px;">
<?php
include("../sideright/photo.php");//вставка элементов главной страницы из отдельных файлов
include("../sideright/yandexbar.htm");
include("../sideright/slider.htm");
include("../sideright/edu-news.htm");
include("../sideright/more-news.htm");
include("../sideright/ombudsman.htm");
include("../sideright/gosuslugi.htm");
include("../sideright/profobrazovanie.htm");
//include("sideright/calend.htm");
?>
<div style="clear:both"></div>
</div>
<!--block content-->
<div id="content-box-s">
<div id="content">
<?php include("content.htm"); ?>//отображение в центральном блоке содержимого файла content.htm
</div>
<div id="content-box-bottom"></div>
</div>
<!--block state_resources-->
<div style="margin-right:325px;">
<?php include("../footer/state_resources.htm");?>
</div>
<div style="clear:right"></div>
</div>
<?php
include("../footer/aphorism.txt");
include("../footer/footer.php");
?>
</body>
</html>
Рисунок 1. Главная страница сайта ГПОУ «ППЭТ»
В качестве редактора HTML документа сайта ГПОУ «ППЭТ» использовался редактор FrontPage.
Программа FrontPage, которая входит в состав Microsoft Office XP, предназначена для создания Web-страниц и Web-узлов. Благодаря панели инструментов и команды меню, на странице можно размещать текстовую и графическую информацию. Панели навигации и ссылки предназначены для перехода от одной страницы к другой. Кроме того, для оформления Web-страницы можно использовать таблицы, фреймы, бегущие строки, анимацию и многое другое. Для того чтобы ускорить разработку Web-страниц и узлов, можно применять шаблоны и мастера. FrontPage позволяет использовать в Web-узле материал, подготовленный в других программных продуктах, входящих в Microsoft Office, таких как Word, Excel, Access и PowerPoint.
В настоящее время существует два типа редакторов, создающих Web-узлы:
работающие непосредственно с кодом
визуальные редакторы.
У них существуют свои плюсы и минусы. При создании Web-сайтов с помощью кодовых редакторов разработчику необходимо знать язык HTML. Работа в визуальном редакторе, таком как, например, FrontPage, достаточно проста и напоминает процесс создания документа в Microsoft Word. Для того чтобы посмотреть как будет выглядеть созданная страница не обязательно выходить из редактора.
Вся работа по обновлению и заполнению страниц сайта Печорского промышленно-экономического техникума велась в программном продукте Microsoft FrontPage. С помощью него можно:
работать с интуитивно-понятным, унифицированным интерфейсом Microsoft Office;
просматривать информацию о компонентах веб-сайта;
использовать в одном сеансе различные режимы работы с веб-страницами: режим конструктора, режим HTML-кода и режим просмотра в броузере;
применять при создании веб-сайта стилистические темы;
управлять веб-сайтом;
открывать и редактировать веб-сайт непосредственно на сервере;
вносить изменения на страницы веб-сайта или создавать новые страницы;
одновременно вносить изменения в совместный веб-сайт;
форматировать веб-сайт при помощи каскадных таблиц стилей;
добавлять на веб-страницу новые элементы и объекты;
выполнять привычные текстовые операции: поверять орфографию, осуществлять поиск и замену текста.
Системные требования HTML-редакторов FrontPage.
Для HTML – редактора FrontPage необходим процессор Pentium 133 MГц или выше, рекомендуемый Pentium III. Оперативная память должна занимать 16 Мб, рекомендуется 32 Мб.
Свободное место на диске должно составлять 165 Mбайт и 115 Mбайт на диске, на котором установлена ОС.
Для работы в FrontPage необходим дисплей Super VGA (800Ѕ600) и выше, а также максимальное количество цветов – 256.
Операционная системы - Windows 98 SE, Windows 2000, Windows XP или Windows ServerTM 2003.
Учитывая все вышеизложенное можно сделать следующие выводы:
Для разработки Web-сайта ГПОУ «Печорский промышленно-экономический техникум» возможно использование языка HTML и редактора MS FrontPage.
Опираясь на нормативные документы и общепринятые правила написания сайтов предприятий, в выпускной квалификационной работе будет отражена разработка Web – сайта ГПОУ «ППЭТ».
