Комплекс програм для створення Web сайту

1. ТЕОРЕТИЧНІ ОСНОВИ РОЗРОБКИ

1. Опис предметної області

Всесвітня павутина World Wide Web (WWW) зіткана з Web сторінок,які створюються за допомогою так званого мови гіпертекстової розмітки
HTML (HyperText Markup Language). При розробці HTML - документавиконується розмітка текстового документа точно так само, як це робитьредактор за допомогою червоного карндаша. Ці позначки служать для вказівкиформи подання інформації, що міститься в документі.
Спеціальні програми перегляду HTML - документів, які часто називаютьбраузерами, служать для інтерпретації файлів, розмічених за правилами мови
HTML, форматування їх у вигляді Web - сторінок і відображенні їх вмістуна екрані комп'ютера користувача.

Для передачі текстової інформації з мережі Internet використовується формат
HTML. Існує велика кількість текстових файлів, розроблених в середовищі
DOS, які мають кодування СР-866, незручну для забезпечення організаціїдокументообігу шляхом передачі текстової інформації з мережі Internet абодля створення зручних для користувача інтерфейсів в гіпертекстовихдокументах, що поєднує в собі крім тексту ще й графічні об'єкти, атакож гіпертекстові посилання.

2. Аналіз методів рішення

Перетворення формату текстового файлу з кодування ср-866 у формат
HTML у кодуванні ср-1251 з перевіркою і виправленням букв з ідентичноюнаписанням на російській і англійській мовах може здійснюватися наступнимиспособами:

1) Частково автоматизованим (сама перекодування здійснюєтьсявручну, а комп'ютер використовується для набору і редагування текстів устандартних редакторів) - користувач шукає на диску потрібні текстовіфайли, формат яких потрібно перетворити, створює їх копії, а потімпо черзі відкриває в текстовому редакторі копію кожного знайденого файла ірозставляє HTML-теги, виділяючи в тексті зустрічаються елементиформатування. Потім користувач перевіряє написання і виправляє слова,в яких символи кирилиці, схожі за накресленню з латинськими символами,помилково замінені на латинські символи, і слова, в яких латинськісимволи, схожі за накресленню з символами кирилиці, помилково замінені насимволи кирилиці. Таку перевірку і виправлення можна здійснити, відкрившифайл, вже знаходиться в форматі HTML, наприклад, у вікні редагування середовищапрограмування Borland C, в якому символи кирилиці виділяютьсяпідсвічуванням, як неприпустимі. Потім користувач повинен здійснитиперекодування отриманого файлу у форматі HTML з кодової сторінки СР-866 вкодову сторінку СР-1251, відкривши цей файл у редакторі Лексикон. Коженсимвол кирилиці і символ "№" необхідно буде замінити на такий символ зтаблиці ASCII, який в кодуванні Windows буде виглядати так само, яквихідний символ до його заміни. Заміну більшості символів таким чиномдоведеться виконувати за допомогою сполучень керуючих клавіш.

Тому що на диску може міститися велика кількість текстових файлів,в тексті кожного з цих файлів міститься багато елементів форматування,а в кожному елементі форматування міститься велика кількість символів,тому перетворення формату текстового файлу цим способом вимагаєвеликих витрат часу і зусиль.

2) автоматизовані - в цьому випадку користувач задає ім'якаталогу, в якому знаходяться текстові файли, і ім'я каталогу, в якийпотрібно помістити створювані HTML-файли. При цьому перетворення форматутекстових файлів у формат HTML, перевірку написання та виправлення слів, вяких символи кирилиці, схожі за накресленню з латинськими символами,помилково замінені на латинські символи, і слів, у яких латинськісимволи, схожі за накресленню з символами кирилиці, помилково замінені насимволи кирилиці, а також переклад тексту з кодування ср-866 в кодування
СР-1251 виконує програма.

Для рішення постановлене завдання частково автоматизований спосіб непідходить, тому що він вимагає великих витрат часу і зусилькористувача.

Для реалізації постанов завдання підходить автоматизований метод,але для цього потрібно написати програму, робота якої грунтується навикористання наступних прийомів:

1) Програма виконує пошук текстових файлів в кодуванні ср-866 вкаталозі, вказаному користувачем і зберігає на диску список імензнайдених файлів. Потім програма послідовно зчитує ім'я кожногофайла зі списку і виконує для нього ряд нижче перерахованих дій до тихпір, поки не буде досягнутий кінець списку;

2) Програма створює копію align.dat для зчитаної текстового файлу.
У цій копії усувається можливий відступ тексту з лівого боку;

3) Програма копіює файл align.dat в файл frame.dat. У файліframe.dat програма розмічає таблиці без розмітки символами +, -, | і *;

4) Файл frame.dat копіюється у файл table.dat. У файлі table.datтаблиці з розміткою (розмічені за допомогою символів +, - і |) і таблицібез розмітки (розмічені за допомогою символів +, -, | і *) перетворюються втаблиці у форматі HTML;

5) Файл table.dat копіюється у файл error.dat. У файлі error.datвиконується перевірка і виправлення слів, в яких символи кирилиці,схожі за накресленню з латинськими символами, помилково замінені на латинськісимволи, і слів, в яких символи, схожі за накресленню зсимволами кирилиці, помилково замінені на символи кирилиці;

6) З файлу error.dat програма формує файл у форматі HTML зрозширенням htm, виділяючи з тексту елементи форматування та зберігаючи їх увигляді елементів HTML. Цей htm-файл поміщається в каталог, вказанийкористувачем.

7) Після того, як програма створила HTML-файл для кожного файлу зсписку, створюється конфігураційний файл style.css для HTML-тегів дляствореної групи htm-файлів.

3. Огляд засобів програмування

Існує безліч різних мов програмування, за допомогоюяких можна виконати цю програму: HTML, Java Script, CGI Script іт.д.

HTML - Мова гіпертекстової розмітки, виконується розмітка текстовогодокумента точно так само, як це робить редактор за допомогою червоногокарндаша. Ці позначки служать для вказівки форми подання інформації,що міститься в документі.

Java Skript - невеликі програми (скрипти або сценарії)пишуться на Java Skript і особливим чином впроваджуються в HTML - код Webсторінок.

CGI - Common Gateway Interface є стандартом інтерфейсу
(зв'язку) зовнішньої прикладної програми з інформаційним сервером типу HTTP,
Web сервер.

Зазвичай гіпертекстові документи, що витягають із WWW серверів, містятьстатичні дані. За допомогою CGI можна створювати CGI-програми, що називаютьсяшлюзами, які у взаємодії з такими прикладними системами, яксистема управління базою даних, електронна таблиця, ділова графіка іін, зможуть видати на екран користувача динамічну інформацію.

4. Опис мови HTML і Java Script

1. Загальні відомості

Мова розмітки гіпертекстових документів HTML. Мова HTML придбавпопулярність в середині 90 років, завдяки експоненціальним росту мережі
Інтернет. HTML - язие розмітки документа.ю Для перегляду такого док-танеобхідно мати спеціальні прграмми, які називаються браузерами. Вониінтерпрітіруют файли, розмічені за правилами мови HTML, форматують їх увигляді WEB - сторінок і відображають вміст на екрані комп'ютера. Однією зосновних можливостей мови HTML, яка навіть відображена в самій назві,є можливість створення посилань на інші док-ти.
Керуючими командами в мові HTML є теги (з англійської Tag-ярликознака).
Теги заключіни між символами "" і керують відображенням тексту,при цьому самі не з'являються на екрані. Назва тегів, а так само їхпараметрів можна записувати на будь-якому регістрі. Більшість керуючихкоманд HTML використовуються попарно, тобто для определеніятега, назвемо його
"Відкриває" повинен бути відповідний "закриває"-тег. Першим тегом,з якого слід починати опис документів HTML, є тег
. Він повинен завжди починати опис документа, а завершитиопис документа повинен тег. Ці теги позначають, щощо знаходяться між ними рядка представляють єдиний HTML-документ.

1.4.2.1. Елементи мови гіпертексту HTML. і.
Ці теги повідомляють браузеру, що текст між ними слід інтерпрітіроватьяк HTML-текст. Оскільки документи HTML чисто текстові, тег говорить про те, що файл написаний на мові HTML (HyperTextMarkupLanguage -
Мова гіпертекстової розмітки).
Створюючи новий HTML-файл, в першу чергу необхідно ввести дану парутегів. Для цього наберіть на самому початку тексту. Потім наберіть йогонапарника - - в кінці. Тепер весь текст, написаний між ними,буде прийнятий броузерам за текст HTML. Ви помітили, що в другому тегуприсутній символ "/"? Правий слеш (/) використовується для позначеннязакриваються тегів. Більшість HTML-тегів парні: один відкриває
(), Інший закриває (). Їх дія поширюється тількина той текст, який є між ними.

Елемент призначається для виділення тієї частини документа,яка буде візуалізувати для користувача. Він має як початковий, такі кінцевий теги. Початковий тег може мати декілька атрибутів.
Вкладені атрибути елемента
BACKGROUND

Атрибут задає графічне зображення, що як черепиця заповнить фондокумента. Файл з зображенням повинен бути збережений у форматі GIFіліJPEG.

Синтаксис:

У даному випадку файл із зображенням тла краще розміщувати в тому ж каталозі,що і сам файл, тоді (URL) і (шлях) вказувати не потрібно.
BGCOLOR

Цей атрибут задає колір фону документа за допомогою шістнадцятиричнихзначень інтенсивності кольорів RGB, або за допомогою сатиричного літерал,відповідного назвою кольору.

Синтаксис: або
TEXT

Цей атрибут задає використовується за замовчуванням колір тексту, який неє гіперпосиланням. За замовчуванням такий текст буде чорним.

Синтаксис:
LINK

Цей атрибут задає колір гіперпосилання, в більшості браузерів він заданий зазамовчуванням темно синім.

Синтаксис:
ALINK

Цей атрибут задає колір гіперпосилання, він змінює колір гіперпосилання вмомент клацання по ній мишею, не бажано ставити йому колір фону зазрозумілих причин.

Синтаксис:
VLINK

Цей атрибут задає колір відвіданої гіперпосилання, не бажано ставити йомуколір фону і колір атрибуту LINK зі зрозумілих причин.

Синтаксис:
BGPROPERTIES

Цей атрибут задає властивості фонового зображення. У даний моментбраузерами підтримується єдина його значення fixed, що забороняєскролінг зображення.

Синтаксис:
TOPMARGIN

Цей атрибут задає верхню межу сторінки в пікселях.

Синтаксис:

BOTTOMMARGIN

Цей атрибут задає нижню межу сторінки в пікселях.

Синтаксис:

LEFTMARGIN

Цей атрибут задає кордон сторінки в пікселях сторінки.

Синтаксис:

RIGHTMARGIN

Цей атрибут задає кордон сторінки в пікселях справа.

Синтаксис:

Елементи мови Java Script.

(Масиви

Масиви - це група елементів однакового типу. Оголошення масивумає два формати:специфікатор-типу описувач [константні - вираз];специфікатор-типу описувач [];
Описувач - це ідентифікатор масиву.
Специфікатор-типу задає тип елементів оголошуємо масиву.

Елементами масиву не можуть бути функції і елементи типу void.
Константні-вираз у квадратних дужках задає кількість елементівмасиву. У мові СІ визначені тільки одномірні масиви, але можнавизначити і багатовимірні масиви. Перший елемент масиву має індексрівний 0.

- Змінні

Основна форма оголошення змінних має вигляд:специфікатор типу описувач [= ініціатор] [, описувач [= ініціатор] ]...< br>Описувач - ідентифікатор змінної.
Специфікатор типу - тип Повідомляти змінні.
Ініціатор - задає початкове значення або список початкових значеньзмінної при оголошенні.

Змінна може бути оголошена як немодіфіціруемая. Це досягаєтьсядодаванням ключового слова const до специфікатор-типу.

1.4.2.2. Вирази і присвоювання

(Вирази

Комбінація знаків операцій і операндів, результатом якої єпевне значення, називається виразом. Знаки операцій визначаютьдії, які повинні бути виконані над операндами. Кожний операнд ввираженні може бути вираженням. Значення виразу залежить від розташуваннязнаків операцій і круглих дужок у виразі, а також від пріоритетувиконання операцій. Тип вирази обчислення можна змінити, використовуючиконструкцію "приведення", що має такий вигляд:
(тип) вираз

(Операціі.

За кількістю операндів, що беруть участь в операції, операціїпідрозділяються на унарні, бінарні і тернарние.
У мові Сі є наступні унарні операції:
- Арифметичне заперечення (заперечення і доповнення);
~ Побітове логічне заперечення (доповнення);
! логічне заперечення;
* Разадресація (непряма адресація);
& Обчислення адреси;
+ Унарний плюс;
+ + Збільшення (інкремент);
- Зменшення (декремент);
Унарні операції виконуються справа наліво.
На відміну від унарний, бінарні операції, список яких наведено в табл.2,виконуються зліва направо.

Таблиця 2

Операції () і [] мають вищий пріоритет. Операція умова?: Має вигляд:
(вир 1)? (вир 2): (вир 3)
Обчислюється вираз (вир 1). Якщо цей вираз має нульове значення,то обчислюється вираз (вир 2), а якщо вираз (вир 1) має нульовезначення, то обчислюється вираз (вир 3).

1.4.2.3. Оператори

(Оператор if

Формат оператора:if (вираз) оператор-1; [else оператор-2;]
Виконання оператора if починається з обчислення виразу.
Далі виконання здійснюється за наступною схемою:
- Якщо вираз істинно (тобто відмінно від 0), то виконується оператор-1.
- Якщо вираз помилково (тобто дорівнює 0), то виконується оператор-2.
- Якщо вираз помилково і відсутній оператор-2 (у квадратні дужкиукладена необов'язкова конструкція), то виконується наступний за ifоператор.
Допускається використання вкладених операторів if.

(Оператор switch

Оператор switch призначений для організації вибору з безлічірізних варіантів. Формат оператора наступний:switch (вираз)

([оголошення]

[case константні-вираз1]: [список-операторов1]

[ case константні-вираженіе2]: [список-операторов2]

[default: [список операторів]]

)
Схема виконання оператора switch наступна:
- Обчислюється вираз в круглих дужках;
- Обчислені значення послідовно порівнюються з константнимивиразами, наступними за ключовими словами case;
- Якщо одне з константних виразів таке саме, як вираження, тоуправління передається на оператор, позначений відповідним ключовимсловом case;
- Якщо жодна з константних виразів не одно висловом, то управлінняпередається на оператор, позначений ключовим словом default, а в разі йоговідсутності управління передається на наступний після switch оператор.

(Оператор break

Оператор break забезпечує припинення виконання самого внутрішнього зоб'єднують його операторів switch, do, for, while. Після виконанняоператора break керування передається оператору, наступному за перерваним.

(Оператор for

Оператор for - це найбільш загальний спосіб організації циклу. Він маєнаступний формат:for (вираз 1; вираз 2; вираз 3) тіло;
Схема виконання оператора for:
1. Обчислюється вираз 1.
2. Обчислюється вираз 2.
3. Якщо значення виразу 2 відмінно від нуля (істина), виконується тілоциклу, обчислюється вираз 3 і здійснюється перехід до пункту 2, якщовираз 2 дорівнює нулю (неправда), то управління передається на оператор,наступний за оператором for.

(Оператор while

Оператор циклу while називається циклом з передумовою і має наступнийформат:while (вираз) тіло;
Схема виконання оператора while наступна:
1. Обчислюється вираз.
2. Якщо вираз лож?? о, то виконання оператора while закінчується івиконується наступний по порядку оператор. Якщо вираз істинно, товиконується тіло оператора while.
3. Процес повторюється з пункту 1.

(Оператор do while

Оператор циклу do while називається оператором циклу з постусловіем івикористовується в тих випадках, коли необхідно виконати тіло циклу хоча бодин раз. Формат оператора має такий вигляд:do тіло while (вираз);
Схема виконання оператора do while:
1. Виконується тіло циклу (яке може бути складеним оператором).
2. Обчислюється вираз.
3. Якщо вираз помилково, то виконання оператора do while закінчується івиконується наступний по порядку оператор. Якщо вираз істинно, товиконання оператора триває з пункту 1.

(Оператор continue

Оператор continue, як і оператор break, використовується тільки всерединіоператорів циклу, але на відміну від нього виконання програми продовжується нез оператора, наступного за перерваним оператором, а з початку перерваногооператора. Формат оператора наступний:continue;

(Оператор return

Оператор return завершує виконання функції, в якій він заданий, іповертає керування в зухвалу функцію, в точку, безпосередньонаступну за викликом. Функція main передає управління операційноїсистемі. Формат оператора:return [вираз];
Значення виразу, якщо воно задано, повертається в зухвалу функцію вяк значення викликається функції. Якщо вираз опущено, топовертається значення не визначено. Вираз може бути укладена укруглі дужки, хоча їх наявність не обов'язково.

1.4.2.4. Вбудовані елементи

(Функції printf () та scanf ()

Опції printf () та scanf () здійснюють форматований введення і виведенняна консоль. Форматований введення і висновок означає, що функції можуть читатиі виводити дані в різному форматі, яким можна керувати.

Функція printf () має прототип у файлі STDIO.H int printf (char * управляющая_строка, ...);

Управляюча рядок містить два типу інформації: символи, якібезпосередньо виводяться на екран, і команди формату (специфікаторформату), що визначають, як виводити аргументи. Команда формату починаєтьсяз символу% за яким слідує код формату. scanf () - основна функція введення з консолі. Вона призначена длявведення даних будь-якого вбудованого типу і автоматично перетворює введенечисло в заданий формат. Прототип з файлу STDIO.H має вигляд int scanf (char * управляющая_строка, ...);

Управляюча рядок містить три види символів: специфікатор формату,пробіли та інші символи. Команди або специфікатор формату починаються зсимволу%.

(Функція getch ()

Функція getch () виробляє буферізованние введення символу, але не виводитьсимвол на екран. Її прототип знаходиться у файлі CONIO.H.

(Функції роботи з рядками

Для роботи з рядками існує бібліотека, опис якої знаходитьсяу файлі STRING.H. Найбільш часто використовувані функції: strcpy (), strcat (),strlen ()