Список рекомендованих джерел.

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

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

Презентація проводиться з метою надання інформації для певної групи людей. І в цьому вона схожа на лекцію. Але це не лекція, бо люди на презентацію приходять не за власним бажанням, щоб пізнати щось нове, і рідко виявляють активність. Як правило, на презентацію людей спеціально запрошують, причому у запрошених бажання отримати нову інформацію значно менше, ніж у організаторів передати її.

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

Як і лекція, презентація для того щоб бути успішною, потребує значної підготовчої роботи. Необхідно визначити її цілі, персональний склад запрошених. На презентації обов’язково мають бути: керівник організації, особа, відповідальна за підготовчу роботу, спеціаліст з предмета презентації, спеціаліст із запрошеної аудиторії.

 

 

 

Основна література:3 -5, 7

Додаткова література:11, 13, 15, 16, 19, 22, 23

Інтернет-ресурси:28, 29

 

1. Використання таблиць у html-документах. Створення таблиці

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

Для створення таблиці використовують чотири елементи. Таблицю описують за допомогою тегів <TABLE>...</TABLE>; вона повинна мати один або кілька рядків <TR>...</TR>, у кожному з яких може міститися заголовок <ТН>...</ТН> або дані <TD>...</TD>.

За промовчанням таблиця має невидимі межі комірок. Для того щоб зробити їх видимими , використовують атрибут BORDER, який має цілочислове значення, що визначає товщину рамки в пікселях, наприклад <TABLE BORDER=5>.

Таблиця може мати заголовок, який задається тегами <CAPTION> та </CAPTION>. Тег <CAPTION> може містити атрибут ALIGN з одним із значень top або bottom, які визначають розташування заголовка відповідно перед таблицею або після неї (за умовчанням встановлено значення top). Наприклад, <CAPTION ALIGN= bottom>Poзклaд пар</САРТІОN>.

Кожний рядок таблиці починається з тегу <TR> і закінчується тегом </TR>. Якщо рядок містить заголовки стовпців таблиці, то використовують теги <ТН> і </ТН>, якщо ж дані – то <TD> і </TD>. Наприклад, <ТН>Понеділок</ТН> або <TD>1.Математика</ТD>. У таблиці слово «Понеділок» буде виділене браузером напівжирним шрифтом, а текст «1.Математика» відформатовано стандартним способом.

Визначимо структуру таблиці, вигляд якої у вікні браузера, показано на рис. 5.1. Вона містить назви п’яти робочих днів тижня, на кожен з яких припадає 2-3 пари. Html-код для створення цієї таблиці матиме такий вигляд:

<HTML>

<TITLE>Приклад простої таблиці</TITLE> <BODY>

<TABLE BORDER="1"> <САРТION>Розклад пар</САРТION>

<TR>

<TH>Понеділок</TH>

<TH>Вівторок</TH>

<TH>Середа</TH>

<TH>Четвер</TH>

<TH>П’ятниця</TH>

</TR>

<TR>

<TD>1.Економічна інформатика</TD>

<TD>1.Математика для економістів</TD>

<TD>1.Регіональна економіка</TD>

<TD>1.Web-дизайн</TD>

<TD>1.Регіональна економіка</TD>

</TR>

<TR>

<TD>2.Історія української культури</TD>

<TD>2.Безпека життєдіяльності</TD>

<TD>2.Політична економія</TD>

<TD>2.Іноземна мова</TD>

<TD>2.Математика для економістів</TD>

</TR>

<TR>

<TD>3.Політична економія</TD>

<TD>3.Фізичне виховання</TD>

<TD></TD>

<TD>3.Фізичне виховання</TD>

<TD></TD>

</TR>

</TABLE> </BODY> </HTML>

Зверніть увагу на те, що за відсутності даних у комірці таблиці рамка навколо неї не відображається. Для того щоб рамку було видно, можна ввести спеціальний код &nbsp; (non-breaking space – нерозривний пробіл). Після цього порожня комірка буде взята в рамку.

Рис. 5.1. Документ, який містить таблицю

2. Об’єднання комірок таблиці

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

Для об’єднання комірок використовують такі атрибути: COLSPAN (об’єднання по горизонталі, у рядку) і ROWSPAN (по вертикалі, у стовпці) тегу <TD>. Значеннями цих атрибутів є кількість об’єднуваних стовпців або рядків. Наприклад, CОLSPAN=3 означає, що комірка розтягнута на 3 стовпці, а RОWS PAN=2 – що комірка займає 2 рядки.

Прикладhtml-документу, який містить дві таблиці, в яких є об’єднані комірки наведений на рис. 5.2. Код цього документа наведено нижче.

<HTML>

<TITLE>Приклад ROWSPAN та COLSPAN</TITLE>

<BODY>

<TABLE BORDER="1">

<CAPTION>Приклад ROWSPAN</CAPTION>

<TR>

<TD ROWSPAN="2">Групи</TD>

<TD>241</TD>

</TR>

<TR>

<TD>242</TD>

</TR>

 

</TABLE>

<TABLE BORDER="1">

<CAPTION>Приклад COLSPAN</CAPTION>

<TR>

<TD COLSPAN="3">Групи</TD>

</TR>

<TR>

<TD>241</TD>

<TD>242</TD>

<TD>112</TD>

</TR>

</TABLE> </BODY> </HTML>

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

Рис.5.2. Таблиці з об’єднаними комірками

3. Встановлення ширини таблиці та комірок

Розглянемо, як настроювати ширину всієї таблиці, а також окремих комірок. Зауважимо, що ширина всіх комірок в одному стовпці однакова, а в одному рядку може бути різною. Ширину таблиці задають атрибутом WIDTH у тегу <TABLE>, а комірки – за допомогою того самого атрибута у тегу <TD> або <ТН>. Ширину таблиці можна визначати як у пікселях, так і у відсотках від ширини вікна, а комірки – у пікселях або у відсотках від ширини таблиці.

Розглянемо html-документ, в якому буде створено таблицю певної ширини, а також задано ширину деяких комірок.

<HTML>

<TITLE>Приклад встановлення ширини таблиці</TITLE>

<BODY>

<TABLE BORDER="1" WIDTH=500>

<TR>

<TD ROWSPAN="2" WIDTH=50%>Групи</TD>

<TD WIDTH=250>241</TD>

</TR>

<TR>

<TD>242</TD>

</TR> </TABLE> </BODY> </HTML>

Ha рис. 5.3 показано, який вигляд має цей документ у вікні браузера.

Рис.5.3. Таблиця, ширину якої задано за допомогою атрибута WIDTH

 

Уся таблиця має ширину 500 пікселів. Ширина комірки з текстом «Групи» становить 50% від ширини всієї таблиці, а комірки з текстом «241» – 250 пікселів. Комірка з текстом «242» теж завширшки 250 пікселів (хоча для неї ширину не було задано), оскільки вона розташована в одному стовпці з попередньою.

4. Форматування тексту та оформлення рамок таблиці

Текст всередині комірок можна вирівнювати як по горизонталі, так і по вертикалі. Горизонтальне вирівнювання вмісту всього рядка задають за допомогою атрибута ALIGN у тегу <TR>; цей самий атрибут у тегах <TD> або <ТН> в окремих комірках виконує таку саму роль. Атрибут ALIGN може набувати значень center, right, left або justify, які задають вирівнювання вмісту таблиці відповідно по центру, за правим чи лівим краєм або за шириною. Приклади тегів <TR> та <TD> із використанням вирівнювання: <TR ALIGN=right>; <TD ALIGN=center> l. Математика</TD>.

Вертикальне вирівнювання задають у тегах <TR>, <TD> або <ТН> за допомогою атрибута VALIGN, який може набувати значень top, bottom та middle, що визначають вирівнювання відповідно за верхнім та нижнім краєм і по центру.

Для оформлення зовнішньої рамки таблиці можна використовувати атрибут FRAME тегу <TABLE>. Його значення визначають, що браузер відображатиме:

· box – всі чотири сторони рамки;

· above – лише верхню межу рамки;

· below – лише нижню межу;

· lhs – лише ліву межу;

· rhs – лише праву межу;

· hsides – верхню й нижню межі рамки;

· vsides – ліву й праву межі рамки;

· void – зовнішня рамка не відображатиметься.

Відображення розділювальних ліній між стовпцями та рядками таблиці визначають за допомогою атрибута RULES тегу <TABLE>.

Він може набувати таких значень:

· all – відображати всі вертикальні та горизонтальні лінії;

· rows – лише горизонтальні лінії між рядками;

· cols – лише вертикальні лінії між стовпцями;

· none – не показувати розділювальних ліній.

5. Колірне оформлення таблиць

Для оформлення комірок таблиць за допомогою кольорів застосовують атрибут BGCOLOR. Колір можна визначати, вказуючи його назву англійською мовою або символ # та шістнадцяткове число. Якщо потрібно задати колір для всієї таблиці, то атрибут BGCOLOR задають у тегу <TABLE>, для зміни кольору лише в одному рядку – в тегу <TR>, а настроювання кольору окремої комірки забезпечує наявність цього атрибута всередині тегу <TD> або <ТН>.

Колір рамки таблиці можна задати за допомогою таких атрибутів:

· BORDERCOLOR – колір всієї рамки;

· BORDERCOLORLIGHT – колір світлої частини рамки;

· BORDERCOLORDARK – колір темної частини рамки.

Ці атрибути вставляють у тег <TABLE>. Щоб вони діяли, необхідна наявність ще й атрибута BORDER, який задає товщину рамки.

Розглянемо приклад оформлення таблиці за допомогою різних кольорів (див. рис. 5.4):

<HTML>

<TITLE>Приклад керування кольором</TITLE> <BODY>

<TABLE BGCOLOR="#F0F0F0" BORDER=10 BORDERCOLOR="#808080" BORDERCOLORLIGHT="#9 9CCFF" BORDERCOLORDARK="#9900FF">

<TR BGCOLOR=lightblue>

<TH COLSPAN="3">Групи</ТН>

</TR>

<TR>

<TD BGCOLOR=pink>241</TD>

<TD BGCOLOR=cyan>241</TD>

<TD BGCOLOR=plum>112</TD>

</TR>

</TABLE> </BODY> </HTML>

Якщо необхідно задати колір шрифту для тексту таблиці, то це можна зробити за допомогою тегу <FONT> всередині відповідних тегів <TD>. Наприклад:

<TD BGCOLOR=magenta><FONT COLOR=pink>TeKCT</FONT></TD>

6. Використання таблиць для розміщення об’єктів на web-сторінці

Під час відображення web-сторінок браузер розміщує елементи на екрані один за одним у тому порядку, в якому вони записані у html-документі. Для позиціювання елементів розроблено спеціальні засоби мови HTML, проте часто для цього використовують таблиці. На web-сторінці створюють таблицю без рамок і у її комірки поміщають різні об’єкти.

Розмістимо назви груп по діагоналі так, як це показано на рис. 5.4, але самої таблиці на Web-сторінці відображати не будемо.

<HTML>

<TITLE>Приклад позиціювання</TITLE>

<BODY>

<TABLE>

<TR>

<TH>Групи</TH> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD>

</TR>

<TR>

<TD></TD><TD>241</TD><TD></TD><TD></TD><TD></TD><TD></TD>

</TR>

<TR>

<TD></TD><TD></TD><TD>242</TD><TD></TD><TD></TD><TD></TD>

</TR>

<TR>

<TD></TD><TD></TD><TD></TD><TD>231</TD><TD></TD><TD></TD>

</TR>

<TR>

<TD></TD><TD></TD><TD></TD><TD></TD><TD>221</TD><TD></TD>

</TR>

<TR>

<TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD>211</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Рис. 5.4. Позиціювання елементів на web-сторінці за допомогою таблиці

 

Комірки таблиці можна заповнювати не лише текстом, а й зображеннями, іншими таблицями та рухомими рядками. Текст або зображення всередині комірки може бути гіперпосиланням. Наприклад:

<TD><A HREF = "lib.html" > 241 </A> </TD>

 

Питання для самоперевірки:

1. Який тег служить для створення таблиці в html-документах?

2. Який атрибут тегу <TABLE> дозволяє змінити фон таблиці?

3. Який атрибут тегу <TABLE> дозволяє змінити ширину границі таблиці?

4. Як задається заголовок таблиці?

5. Чи задається ширина границі таблиці одна для всієї таблиці або задається окремо для зовнішньої границі і внутрішніх комірок?

6. Який тег відповідає за початок рядка?

7. Який тег відповідає за початок комірки?

8. Різниця між тегами <TD> та <TН>.

9. Як змінити вирівнювання тексту у комірці?

10. Чи може бути в одному рядку комірка з різним вертикальним вирівнюванням?

11. Якщо для таблиці встановити колір фону і фонове зображення одночасно, що відображуватиметься на екрані?

12. Як можна об’єднати комірки по горизонталі?

13. Як можна в таблиці об’єднати комірки по вертикалі?

14. Як настроїти ширину всієї комірки, а також окремих комірок?

15. Задання горизонтального та вертикального вирівнювань вмісту всього рядка.

16. Назвіть спосіб оформлення зовнішньої рамки таблиці.

17. Як відобразити розділювальні лінії між стовпцями та рядками таблиці?

18. Який атрибут застосовується для оформлення комірок таблиць за допомогою кольорів?

19. Як задати колір рамки таблиці?

20. Як позиціювати елементи на web-сторінці за допомогою таблиці?