Редактор HTML-страниц

Автор: Пользователь скрыл имя, 20 Февраля 2013 в 23:20, курсовая работа

Описание работы

Скачать полностью (649.71 Кб) Сколько стоит заказать работу?

Работа содержит 1 файл

отчет.docx

— 716.56 Кб (Скачать)

Курсовая работа

по дисциплине:

"Программирование”

по теме:

«Редактор HTML-страниц»

Выполнил:

Студент гр.

Руководитель:

Минск 2012

Задание

Задание курсовой работы заключалось в том, чтобы разработать программу редактор веб-страниц на языке С/С++. Была выбрана среда разработки Microsoft Visual Studio 2008 . В интерфейсе программы содержится два окна. Первое окно представляет собой текстовый редактор, в котором изначально присутствует html-код, который отвечает за название страницы и за ее содержимое (естественно в дальнейшем пользователю будет предоставлена возможность его изменять). Второе окно выполняет функцию визуального отображения html кода, который находиться в текстовом редакторе. Также на форме находятся две кнопки: кнопка просмотр и кнопка сохранить. Кнопка просмотр позволяет отследить изменения в html коде, при ее редактировании. Вторая кнопка – сохранить, позволяет записать в файл документ с расширением .html, который впоследствии может быть открыт в веб-браузере. В программе присутствует меню с кнопками непосредственного редактирования html кода пример: вставка изображения, выравнивание, изменения фона веб-страницы, изменение цвета шрифта и т.п. Также в редакторе есть меню с командами редактирования текста: вставка, копирование, вырезать, выделить все и кнопки шаг назад/шаг вперед.

Введение

Реда́ктор HTML или HTML-реда́ктор

— компьютерная программа, позволяющая создавать

и изменять HTML-страницы. Несмотря на то, что HTML-код может быть написан в простом текстовом редакторе (например, Notepad), специальные редакторы для написания кода HTML предлагают больше удобств и функциональности. Данный HTML-редактор отличается от текстового возможностью просматривать веб-страницу в процессе ее создания. Также он не требует глубоких знаний языка HTML.

Теория

Что собой представляет язык HTML? Что такое HTML-редактор? Какие HTML-редакторы бывают?

На эти вопросы я постараюсь ответить в этом разделе, а также поделиться некоторой информацией о языке С++.

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Реда́ктор HTML или HTML-реда́ктор — компьютерная программа, позволяющая создавать и изменять HTML-страницы. Несмотря на то, что HTML-код может быть написан в простом текстовом редакторе (например, 000000110504000101%Notepad), специальные редакторы для написания кода HTML предлагают больше удобств и функциональности. По своей функциональности они делятся (часто весьма условно) на две категории:

Редактор показывает только исходный код.
Редактор показывает готовую страницу в режиме WYSIWYG (что видишь, то и получишь).
Многие WYSIWYG-редакторы позволяют одновременно работать и с кодом страницы.
C++ — 0900008018101компилируемый 01100108105100018108008070010818статически типизированный 00718001003100000810020000818язык программирования общего назначения.
Поддерживает такие 090010004080301801003100000810020000818парадигмы программирования как процедурное программирование, объектно-ориентированное программирование, обобщенное программирование, обеспечивает модульность, раздельную компиляцию, обработку исключений, абстракцию данных, объявление типов (классов) объектов, виртуальные функции. Стандартная библиотека включает, в том числе, общеупотребительные контейнеры и алгоритмы. C++ сочетает свойства как 018100011002005021809180718001003100000810020000818высокоуровневых, так и 0908070011002005021809180718001003100000810020000818низкоуровневых языков. В сравнении с его предшественником — языком 0108180718001003100000810020000818C, — наибольшее внимание уделено поддержке 09011805010001080501081002000000501003100000810020000805объектно-ориентированного и 0901001110000501003100000810020000805обобщённого программирования.
Название «C++» происходит от названия языка C, в котором унарный оператор ++ обозначает 00010500501инкремент переменной.
Являясь одним из самых популярных языков программирования, C++ широко используется для разработки программного обеспечения. Область его применения включает создание 0900510010800000181081105000операционных систем, разнообразных прикладных программ, 01000902051драйверов устройств, приложений для встраиваемых систем, высокопроизводительных серверов, а также развлекательных приложений (игр). Существует множество реализаций языка C++, как бесплатных, так и коммерческих и для различных платформ. Например, на платформе x86 это GCC, 22Visual C++, 22Intel C++ Compiler, 22Embarcadero (Borland) C++ Builder и другие. C++ оказал огромное влияние на другие языки программирования, в первую очередь на Java и C#.
Синтаксис C++ унаследован от языка 0108180718001003100000810020000818C. Одним из принципов разработки было сохранение совместимости с C. Тем не менее, C++ не является в строгом смысле надмножеством C; множество программ, которые могут одинаково успешно транслироваться как 0900008018101компиляторами C, так и компиляторами C++, довольно велико, но не включает все возможные программы на C.
Общие принципы
В книге «008070009008180200181081822Дизайн и эволюция C++» 018110011100111110Бьёрн Страуструп описывает принципы, которых он придерживался при проектировании C++.22[9] Эти принципы объясняют, почему C++ именно такой, какой он есть. Некоторые из них:
Получить универсальный язык со статическими типами данных, эффективностью и переносимостью языка C.
Непосредственно и всесторонне поддерживать множество стилей программирования, в том числе 09101050411000501003100000810020000805процедурное программирование, 00111100010818040000181абстракцию данных, 09011805010001080501081002000000501003100000810020000805объектно-ориентированное программирование и 0901001110000501003100000810020000805обобщённое программирование.
Дать программисту свободу выбора, даже если это даст ему возможность выбирать неправильно.
Максимально сохранить совместимость с C, тем самым делая возможным лёгкий переход от программирования на C.
Избежать разночтений между C и C++: любая конструкция, допустимая в обоих языках, должна в каждом из них обозначать одно и то же и приводить к одному и тому же поведению программы.
Избегать особенностей, которые зависят от платформы или не являются универсальными.
«Не платить за то, что не используется» — никакое языковое средство не должно приводить к снижению производительности программ, не использующих его.
Не требовать слишком усложнённой среды программирования.
Совместимость с языком С
Выбор именно C в качестве базы для создания нового языка программирования объясняется тем, что язык C:
является многоцелевым, лаконичным и относительно низкоуровневым языком;
подходит для решения большинства системных задач;
исполняется везде и на всём;
стыкуется со средой программирования UNIX.

— Б. Страуструп. Язык программирования C++. Раздел 1.622[10]

Несмотря на ряд известных недостатков языка C, Страуструп пошёл на его использование в качестве основы, так как «в C есть свои проблемы, но их имел бы и разработанный с нуля язык, а проблемы C нам известны». Кроме того, это позволило быстро получить прототип компилятора (cfront), который лишь выполнял трансляцию добавленных синтаксических элементов в оригинальный язык C.
По мере разработки C++ в него были включены другие средства, которые перекрывали возможности конструкций C, в связи с чем неоднократно поднимался вопрос об отказе от совместимости языков путём удаления устаревших конструкций. Тем не менее, совместимость была сохранена из следующих соображений:
сохранение действующего кода, написанного изначально на C и прямо перенесённого в C++;
исключение необходимости переучивания программистов, ранее изучавших C (им требуется только изучить новые средства C++);
исключение путаницы между языками при их совместном использовании («если два языка используются совместно, их различия должны быть или минимальными, или настолько большими, чтобы языки было невозможно перепутать»).
Обзор языка
Стандарт C++ на 030042003 год состоит из двух основных частей: описание ядра языка и описание стандартной библиотеки.
Кроме того, существует огромное количество библиотек C++, не входящих в стандарт. В программах на C++ можно использовать многие библиотеки C.
Стандартизация определила язык программирования C++, однако за этим названием могут скрываться также неполные, ограниченные, достандартные варианты языка. Первое время язык развивался вне формальных рамок, спонтанно, по мере встававших перед ним задач. Развитию языка сопутствовало развитие 091011000008018101кросс-компилятора 1cfront. Новшества в языке отражались в изменении номера версии кросс-компилятора. Эти номера версий кросс-компилятора распространялись и на сам язык, но применительно к настоящему времени речь о версиях языка C++ не ведут.
Практика
Сохранение файла в формате .html :
void SaveMyFile()
Просмотр окончательного вида html-страницы :
void Prev()
Функции редактирования html кода:
private: System::Void выделитьВсеToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) - выделяет весь текст, который находиться в редакторе.
private: System::Void вырезатьToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вырезает выделенный текст.
private: System::Void вставитьToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет текст из буфера.
private: System::Void копироватьToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – копирует выделенный текст.
private: System::Void отменитьToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – отменяет последнее действие.
Функции написания html кода:
private: System::Void шрифтToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для изменения шрифта.
private: System::Void абзацToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для выделения текста абзацем.
private:System::VoidвставитьРисунокToolStripMenuItem1_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для добавления изображения.
private: System::Void жирныйToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для выделения текста жирным шрифтом.
private: System::Void курсивToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для выделения текста курсивом.
private: System::Void подчеркнутыйToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для подчеркивания текста.
Изменение фона:
private: System::Void blackToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void silverToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void grayToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void maroonToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void redToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void purpleToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void fuchsiaToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void greenToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void limeToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void oliveToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void yellowToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void navyToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void blueToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void tealToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e )
private: System::Void aquaToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e)
private: System::Void жирныйкурсивToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для выделения текста жирным курсивом.
private: System::Void вложеныйСписокToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для добавления вложенного списка.
private: System::Void ненумерованыйСписокToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для добавления ненумерованного списка.
private: System::Void нумерованыйСписокToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для добавления нумерованного списка.
private: System::Void гипперСсылкаToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для добавления гиппер ссылки.
private: System::Void таблицаToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для добавления таблицы.
private: System::Void верхнийРегистрToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для добавления верхнего регистра.
private: System::Void нижнийРегистрToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) вставляет тег для добавления нижнего регистра.
private: System::Void поЦентруToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для выравнивания текста по центру.
private: System::Void поЛевомуКраюToolStripMenuItem1_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для выравнивания текста по левому краю
.
private: System::Void поПравомуКраюToolStripMenuItem1_Click(System::Object^ sender, System::EventArgs^ e) – вставляет тег для выравнивания текста по правому краю.
Руководство пользователя
При запуске приложения появляется
Вверху формы находиться памятка пользователя.
На форме находятся две кнопки:
Сохранить – при нажатии этой кнопки всплывает диалоговое окно, в котором вам будет предложено выбрать место нахождения документа.
Ваш документ будет сохранен в формате .html, его можно будет в дальнейшем открыть в любом веб-браузере.
Просмотр – при нажатии данной кнопки вы можете увидеть визуальное представление HTML-кода, который находиться в окне слева.
Для удобства редактирования текста приложение имеет кнопки:
Отменить (отменяет последнее редактирование);
Вырезать (вырезает выбранный элемент текста);
Копировать (копирует выбранный элемент);
Вставить (вставляет ранее скопированный элемент);
Выделить все (выделяет весь текст окна).
Также на панели присутствую стрелки, которые соответствуют отмене (влево) и возврату (право) совершенного действия.
На верхней панели есть меню, которое предоставляет возможность выбирать цвет/изображения фона путем вставки кода.
Для выбора желаемого шрифта следует открыть меню – шрифт.
Также есть возможность создавать таблицы, списки, вставлять абзацы, гиппер ссылки, вставлять изображения, выравнивание.
В меню списки, есть возможность выбрать три варианта:
Нумерованный список;
Ненумерованный список;
Вложенный список;
В меню выравнивание:
По центру;
По левому краю;
По правому краю;
Для вставки фона/изображения необходимо сохранить свой документ в папку содержащую изображения.
Заключение
В результате выполнения курсового проекта была разработано приложение для создания HTML-СТРАНИЦ.
В процессе создания проекта был изучен принцип работы с формой в c++.
В ходе разработки приложения использовалась среда Microsoft Visual Studio 2008.
Список использованных источников
Материалы ресурса Wikipedia – Свободная Энциклопедия. (http://wikipedia.org)
MSDN (http://msdn.microsoft.com)
Полный справочник по C++. Герберт Шилдт. 2006
Пахомов Б.И. - C_C++. 2010
Приложения 1. Исходный код
Сохранение файла в формате .html :
void SaveMyFile()
{
SaveFileDialog^ saveFile1 = gcnew SaveFileDialog;
saveFile1->DefaultExt = "*.html";
saveFile1->Filter = "HTML Files|*.html";
if ( saveFile1->ShowDialog() == System::Windows::Forms::DialogResult::OK &&
saveFile1->FileName->Length > 0 )
{
richTextBox1->SaveFile( saveFile1->FileName, RichTextBoxStreamType::PlainText );
}
}
Просмотр окончательного вида html-страницы :
void Prev()
{
webBrowser1->DocumentText = richTextBox1->Text;
}
Функции редактирования html кода:
private: System::Void toolStripButton1_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->Undo();
}
private: System::Void toolStripButton2_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->Redo();
}
private: System::Void сохранитьToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
SaveMyFile();
}
private: System::Void выделитьВсеToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectAll();
}
private: System::Void вырезатьToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->Cut();
}
private: System::Void вставитьToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->Paste();
}
private: System::Void копироватьToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->Copy();
}
Функции добавления html кода:
private: System::Void шрифтToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("\n");
}
private: System::Void абзацToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("\n Вставьте ваш текст (он будет выделен абзацем) \n");
}
private: System::Void вставитьРисунокToolStripMenuItem1_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<img src=название вашего изображения(не забудьте указат формат и поместить изображение в папку к сохраненному документу) width=введите длину height=введите ширину \n >");
}
private: System::Void жирныйToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=(" введите ваш текст (он будет выднлен жирным)\n ");
}
private: System::Void курсивToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=(" введите ваш текст (он будет выделен курсивом) \n ");
}
private: System::Void подчеркнутыйToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=(" введите ваш текст (он будет подчеркнут)\n ");
}
private: System::Void blackToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#000000>\n ");
}
private: System::Void silverToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#C0C0C0>\n ");
}
private: System::Void grayToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#808080>\n ");
}
private: System::Void maroonToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#800000>\n ");
}
private: System::Void redToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#FF0000>\n ");
}
private: System::Void purpleToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#800080>\n ");
}
private: System::Void fuchsiaToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#FF00FF>\n ");
}
private: System::Void greenToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#008000>\n ");
}
private: System::Void limeToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#00FF00>\n ");
}
private: System::Void oliveToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#808000>\n ");
}
private: System::Void yellowToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#FFFF00>\n ");
}
private: System::Void navyToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#000080>\n ");
}
private: System::Void blueToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#0000FF>\n ");
}
private: System::Void tealToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#008080>\n ");
}
private: System::Void aquaToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<BODY BGCOLOR=#008080>\n ");
}
private: System::Void нарисоватьТаблицуToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<body background= название вашего изображения(не забудьте указат формат и поместить изображение в папку к сохраненному документу)>\n ");
}
private: System::Void жирныйкурсивToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=(" введите ваш текст (он будет выделен жирным курсивом)\n ");
}
private: System::Void вложеныйСписокToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<ul>\n <li>Глава 1<ul>\n <li>Раздел 1\n <li>Раздел 2\n </ul>\n <li>Глава 2 <ul> \n <li>Раздел 1\n <li>Раздел 2\n </ul> </ul>\n ");
}
private: System::Void ненумерованыйСписокToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<UL>\n <LI>пункт 1\n <LI>пункт 2\n <LI>пункт 3 (для дальнейшей вставки элементов списка перед каждым пунктом необходимо втавить <LI> )</UL>\n ");
}
private: System::Void нумерованыйСписокToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<OL>\n <LI>пункт 1\n <LI>пункт 2\n <LI>пункт 3\n </OL> (для дальнейшей вставки элементов списка перед каждым пунктом необходимо втавить <LI> )</UL>\n ");
}
private: System::Void гипперСсылкаToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<a href= введите название файла> текст вашей гипер ссылки </a>\n ");
}
private: System::Void таблицаToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("<table border=1 style=border-collapse: collapse bordercolor=#111111><tr>\n <td>Ячейка11 \n <td>Ячейка12 \n </tr> \n <tr> \n <td>Ячейка21 \n <td>Ячейка22 \n </tr></table>\n ");
}
private: System::Void верхнийРегистрToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("введите ваш текст (он будет выделен верхним регистром)\n ");
}
private: System::Void нижнийРегистрToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("введите ваш текст (он будет выделен нижним регистром)\n ");
}
private: System::Void поЦентруToolStripMenuItem_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("Текст\n ");
}
private: System::Void поЛевомуКраюToolStripMenuItem1_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("Текст\n ");
}
private: System::Void поПравомуКраюToolStripMenuItem1_Click(System::Object^ sender, System::EventArgs^ e) {
richTextBox1->SelectedText=("Текст\n ");
}

Информация о работе Редактор HTML-страниц