• Гідрологія і Гідрометрія
• Господарське право
• Економіка будівництва
• Економіка природокористування
• Економічна теорія
• Земельне право
• Історія України
• Кримінально виконавче право
• Медична радіологія
• Методи аналізу
• Міжнародне приватне право
• Міжнародний маркетинг
• Основи екології
• Предмет Політологія
• Соціальне страхування
• Технічні засоби організації дорожнього руху
• Товарознавство продовольчих товарів

Основи мови 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)

Кін.

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

1. Яка структура програми на мові Turbo Pascal ?
2. Як оформлюється розділ операторів ?
3. Як називаються об’єкти, якими оперує Turbo Pascal ?
4. Які є типи даних у мові Turbo Pascal ?
5. Які є правила використання виразів ?
6. Як розташовуються операції ?
7. Як працює вказівка присвоювання ?
8. Який є стандартний файл введення ?
9. Який є стандартний файл виведення ?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<SUB> текст < /SUB> ─ нижній індекс.

<SUP> текст < /SUP> ─ верхній індекс.

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

<SMALL > текст < /SMALL > ─ малий шрифт.

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

<B> <I> текст < /I> </B> ─ товстий курсив.

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

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

1. A) правові і процесуальні основи судово-медичної експертизи
2. R – розрахунковий опір грунту основи, це такий тиск, при якому глибина зон пластичних деформацій (t) рівна 1/4b.
3. Активне управління інвестиційним портфелем - теоретичні основи.
4. Анатомо-фізіологічні основи статевого розвитку.
5. Біологічні основи мислительної діяльності.
6. Біомеханічні основи шинування при пародонтозі.
7. Біохімічні основи розвитку витривалості
8. Біохімічні основи розвитку силових і швидкісних якостей
9. Валютний ринок, основи його функціонування. Основні види валютних операцій
10. Вивчення основи слова і закінчення
11. Вимоги до гірських порід основи гребель
12. Виникнення права на позов і правові основи його реалізації

Переглядів: 2315