Основи мови HTML.

Лекція № 9.

Друк Y

Ввести X

Поч

B:=1.5;

Якщо bx < 1 то Y:= b*x-sin (b*x)/cos (b*x)

Інакшеякщо bx = 1 то Y:= 1.5

Інакшеякщо bx > 1 то Y:= b*x+ln(b*x)

Кін.

Контрольні питання до лекції.

Яка структура програми на мові Turbo Pascal ?
Як оформлюється розділ операторів ?
Як називаються об’єкти, якими оперує Turbo Pascal ?
Які є типи даних у мові Turbo Pascal ?
Які є правила використання виразів ?
Як розташовуються операції ?
Як працює вказівка присвоювання ?
Який є стандартний файл введення ?
Який є стандартний файл виведення ?

10. Чим відрізняється оператор READ від оператора READLN ?

11. Чим відрізняється оператор WRITE від оператора WRITELN ?

12. Що таке умовний оператор ?

13. Види умовного оператора.

14. Що таке оператор варіанта ?

Тема: «Основи веб – дизайну. Основи мови HTML. Основні теги і атрибути. Програма Microsoft FrontPage».

Основні запитання лекції :

Базові конструкції мови HTML.
Структура HTML - документа.
Поняття тегу.
Форматування тексту.
Шрифти, списки і таблиці.
Програма Microsoft FrontPage. Режими роботи.
Створення сторінки.
Створення сайту.
Інші режими роботи із сайтом.

Текстові документи створюють за допомогою текстових редакторів, зберігають у файлах, виводять на екран для візуального перегляду і друкують на папері. Основною перевагою та особливістю веб – сторінок є те, що інформація, розміщена на них, має вигляд гіпертексту. Гіпертекст ─ це електронний документ, який містить гіперпосилання на інші документи. Гіперпосилання може мати вигляд підкресленого відокремленого кольором тексту, рисунка або деякого значка. Воно містить невидиму для користувача частину ─ адресу файлу чи адресу місця у документі, до якого потрібно перейти. Гіперпосилання реагує на вказівник і клацання миші. Якщо вказівник миші навести на гіперпосилання, то він набуде вигляду долоні. Якщо тепер клацнути лівою клавішею миші, то виконається перехід на інше місце в тексті або активізується новий файл. Такий файл може містити текст, звук чи відео зображення. Гіпертекстову технологію застосовують для подання інформації у WWW – просторі, зокрема, для роботи з веб – документами.

Веб – документ зберігається і пересилається як файл з розширенням htm чи html. Це звичайні текстові файли ─ програми, написані мовою HTML. Відображаються такі файли на екрані цілком інакше, ніж вони виглядають у html – файлі. Для відображення html – файлів використовують браузери.

Веб – документ інакше називають веб – сторінкою. Браузер дає змогу легко переходити від однієї сторінки до іншої за допомогою команд Вперед і Назад чи кнопок зі стрілками на панелі інструментів.

Веб – дизайн ─ це сукупність правил і рекомендацій, якими мають користуватися автори, якщо вони хочуть щоб їхні сторінки були інформативними і виглядали привабливо.

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

Типовий простий веб – документ складається з текстових блоків, двох – трьох малюнків невеликих розмірів, горизонтальних ліній та гіперпосилань. Складніші веб – документи містять фрейми (вкладені веб – сторінки), таблиці, елементи керування (кнопки, перемикачі, поля діалогу), динамічні ефекти та графічні Flash – об’єкти.

Є три типи текстових блоків : короткі (по два – три речення) текстові абзаці, списки, таблиці.

Згідно з прийнятим стандартом абзаці на веб – сторінці розмежовуються порожнім рядком і не мають відступів у першому рядку. Абзац може бути вирівняний до одного з країв або до центру екрана. Особлива зручність перегляду інформації зумовлена тим, що в нормальному режимі на веб – сторінці не має горизонтальної смуги прокручування (а вертикальна є).

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

Для створення веб – сторінок послуговуються гіпертекстовими редакторами, де використовується мова HTML ─ Hyper Text Markup Language (мова для розмічування гіпертекстових документів). Сучасні редактори, такі як FrontPage, DreamViewer, MSWord тощо, дають змогу створювати веб – сторінки методом конструювання, тобто без застосування кодів мови HTML. Вони генерують цей код автоматично.

Для підготовки html – файлу можна використати текстовий редактор БЛОКНОТ. Після написання файл потрібно зберегти на диску з деякою назвою з розширенням htm чи html.

Коди мови HTML, за допомогою яких розмічають вихідний текст, називають тегами. Під час відображення документа в браузері самих тегів не видно, але вони впливають на зовнішній вигляд документа. Усі теги починаються із символу < і закінчуються символом > ─ їх називають кутовими дужками. Після відкритої кутової дужки розміщують ключове слово, яке вказує на призначення тегу. Регістр у назвах тегів не має значення, хоча загальновживаними є великі літери. Приклади тегів HTML: <TITLE>, <BODY>, <TABLE>,</A>,<IMG>,< /CENTER>.

Теги бувають одинарними і парними. Більшість тегів є парними. Парні теги позначають початок і кінець області дії команди. Тег, що закриває область дії, має косу риску. Якщо її забути написати, то тег працюватиме неправильно.

Між тегами <TITLE> … </TITLE>пишуть заголовок сторінки, а між <BODYпараметри> … </BODY>─ основний текст, до якого застосовують теги форматування.

Теги для форматування тексту.

─ початок нового абзацу; його прийнято записувати в кінці попереднього. Наступне речення починатиметься з нового, вирівняного до лівого краю абзацу без відступу в першому рядку.

 ─ наступний за цим тегом текст буде наведено у новому рядку без пропуску порожнього рядка.

<HR>─ буде проведена горизонтальна лінія.

 текст ─ товстий шрифт тексту, що є між тегами.

<І> текст < /І> ─ шрифт – курсив.

 текст  ─ підкреслений шрифт.

 текст  ─ нижній індекс.

 текст  ─ верхній індекс.

<BIG> текст < /BIG> ─ великий шрифт.

 текст  ─ малий шрифт.

 текст  ─ відокремлений курсивом текст.

 текст  ─ товстий курсив.

Інформацію можна подати у вигляді таблиці без рамок за допомогою парного тегу <PRE> … </PRE > . Текст всередині цього тегу оформляють засобами табуляції. Броузер такий текст переформатовувати не буде.

Читайте також:

<== попередня сторінка	\|	наступна сторінка ==>
Алг W2 (ОБЧИСЛЕННЯ Y)	\|

Не знайшли потрібну інформацію? Скористайтесь пошуком google:

Генерація сторінки за: 0.005 сек.