Лабораторна робота №1
з дисципліни Програмування
Мова гіпертекстової розмітки HTML
Виконав: студент групи ІТ - 31
Незговоров Павло Сергійович
Перевірив: асистент
Веретенников Олег Володимирович
Мета роботи: ознайомитися з основними тегами і атрибутами мови HTML, структурою документа, отримати практичні навички створення веб-сторінок. тег атрибут html мову
Завдання:
1. Створити web-сайт, який повинен являти собою кілька пов'язаних між собою сторінок на довільну тематику. При створенні структури сторінки використовувати таблиці (таблична верстка).
2. Сторінки повинні містити шапку з логотипом у вигляді картинки, меню (горизонтальне або вертикальне), основний контент.
. Сторінки повинні включати в себе вставки малюнків, гіпертекстові посилання, нумеровані і маркіровані списки, заголовки, абзаци, відформатований текст, фонові малюнки, текст різного кольору. Повинні мати не менше трьох взаємопов'язаних сторінок, що містять об'єкти різного роду.
. Зв'язок між сторінками повинна здійснюватися за допомогою різноманітних посилань, включаючи графічні.
. Передбачити різні значення атрибутів тегів як усередині однієї сторінки, так і в інших документах.
. Сторінки повинні мати розширення * .html або * .htm.
. Сторінки повинні бути крос-браузерних, можливі невеликі відмінності.
Екранні форми розроблених сторінок
рис. 1. Головна сторінка сайту index.html
рис. 2. Сторінка огляду технології TFT tft_review.html
рис. 3. Сторінка огляду технології Sipix sipix_review.html
рис. 4. Сторінка огляду технології E-Ink eink_review.html
1. Тексти сторінок
Головна сторінка:
lt;! DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN # justify" gt; lt; html gt;
lt; head gt;
lt; title gt; ТЗ. Л/р №1. Lt;/title gt;
lt; link rel= stylesheet type= text/css href= mystyles.css gt;
lt;/head gt;
lt; body leftmargin= 0 topmargin= 0 marginwidth= 0 marginheight= 0 background= texture_main.png gt;
lt; div gt;
lt; a href= index.html title= На головну сторінку сайту gt; lt; img src= new_book.png alt= символ сайту height= 104pt width= 136pt hspace= 15 align= middle border= 1 / gt; lt;/a gt;
Електронні книги. Аналіз технологій.
lt;/div gt;
lt; map name= navigation gt;
lt; area shape= rect coords= 0,0,183,46 href= index.html gt;
lt; area shape= rect coords= 184,0,372,46 href= tft_review.html gt;
lt; area shape= rect coords= 373,0,555,46 href= sipix_review.html gt;
lt; area shape= rect coords= 556,0,737,46 href= eink_review.html gt;
lt;/map gt;
lt; div gt;
lt; table height= 500 width= 100% border= 0 cellspacing= 10pt cols= 2 gt;
lt; tr gt;
lt; td colspan= 2 align= center gt;
lt; img src= navigation.png alt= карта сайту hspace= 15 border= 1 usemap= # navigation / gt;
lt;/td gt;
lt;/tr gt;
lt; tr valign= top gt;
lt; td colspan= 2 gt;
amp; nbsp; amp; nbsp; amp; nbsp; amp; nbsp;
В даний час багато людей замислюються про придбання електронної книги. Така річ з'явилася на російських ринках не так давно, але завойовує популярність з досить великою швидкістю. Багато виробників вловили цю тенденцію і активно вкладають кошти в розвиток технологій електронних книг. Тому за відносно короткий проміжок існування мали місце кілька поколінь електронних книг з різними принципами дії, в яких ми і спробуємо розібратися.
lt;/td gt;
lt;/tr gt;
lt; tr valign= top gt;
lt; td width= 200pt gt;
...