Лабораторна робота 1. Лабораторна робота з Основи програмування та алгоритмічні мови. Робота № 100032

Адміністрація вирішила продати даний сайт. За детальною інформацією звертайтесь за адресою: rozrahu@gmail.com

Лабораторна робота 1

Інформація про навчальний заклад

ВУЗ:

Національний університет Львівська політехніка

Інститут:

Не вказано

Факультет:

КН

Кафедра:

Не вказано

Інформація про роботу

Рік:

2024

Тип роботи:

Лабораторна робота

Предмет:

Основи програмування та алгоритмічні мови

Завантажити

Частина тексту файла

Міністерство освіти і науки України Національний університет «Львівська політехніка» / Звіт до лабораторної роботи № 1 з дисципліни: «ВЕБ-програмування» «Дослідження каскадних стилів CSS. Частина 1» Львів 2021 Мета: Набуття навичок створенні і застосуванні каскадних стилів CSS. Базові властивості. Теоретичні відомості CSS (cascading style sheets – каскадні таблиці стилів) – одна з базових WEB-технологій сучасного інтернету. CSS-код – це список інструкцій для браузера про те, – яким чином відтворювати елементи веб-сторінок. Інструкції CSS зберігаються або в окремому файлі, що має розширення *.css, або у вигляді спеціального блоку команд в тексті WEB-сторінки або безпосередньо в тегах. Под «елементами» маються на увазі теги XHTML/HTML і їх вміст. Головна ідея CSS полягає у тому, щоби код HTML не вміщував елементи оформлення типу встановлення кольору, гарнітури кегля і т. і. В ідеальному варіанті WEB-сторінка повинна вміщувати лише теги логічного форматування, а вид елементів задаватись через стилі. При подібному розділенні формування дизайну і верстка сайту можуть вестись паралельно. Під способами застосування CSS розумітимемо форму декларування стилю на HTML сторінці і форму зв'язування опису стилю відображення елемента розмітки із самим елементом, тобто у якій формі автор сторінки (або дизайнер) описує стиль, і як і в якій формі його використовує. Отже, розрізняють чотири способи застосування стилів: - вбудовування у теги документа – дозволяє змінити форматування конкретних елементів сторінки; - впровадження – дозволяє задавати всі правила таблиці стилів в самому документі; - зв’язування – дозволяє використовувати одну таблицю стилів для форматування багатьох сторінок; - імпортування – дозволяє вбудовувати у документ таблицю стилів, розміщену на сервері. Важливо відзначити, що в усіх браузерах, крім Internet Explorer імпорт стилю не підтримується. Хід роботи Першим кроком буде під'єднання локальних файлів до хостингу. Налаштування FTP клієнта та іншого. /Рис.1 Створений хостинг Наступним кроком буде встановлення FTP-клієнту, у моєму випадку FiliZilla. Під'єднати локальні файли до самого хостингу. / Рис.2 Налаштований FTP-клієнт Надалі для редагування усіх файлів у даних лабораторних роботах я буду використовувати середовище IDE WebStorm. Створив папки sem7 та lr1. У теці lr1 створив файл lr1.html. Та наповнив його кодом з методичких матеріалів / Рис.3 Код lr1.html / Рис.4 Відкритий файл lr1.html у веб браузері Надалі добавляв стилі, лінії та контейнери. / Рис.6 Більш наповнена сторінка Виконання власного завдання. Описання деяких стилів на моїй сторінці. / Рис.7 Виконання індивідуального завдання Після чого сторінку необхідно перемістити на хостинг за допомогою FTP-клієнту. / Рис.8 Переміщений файл сторінки на сервер Текст сторінки: <html><head> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8"></head><body><style> h1 { color: red; background: #f0f0f0; font-style: italic; /*oblique*/ font-weight: normal; /*bold normal*/ font-variant: small-caps; /*normal*/ font-size: 10pt; font-height: 10.2em; font-family: monospace; /*sans-serif serif fantasy*/ font-size: 10pt; } p{ background: silver; padding: 0pt; /* 10 ex */ margin-left: 100pt; margin-right: 500pt; margin-top: 20pt; margin-bottom: 24pt; /* margin: 2px 500pt 1pt 24pt; */ font-size: 10pt; } #d1 { margin: 5%; /* Відступи навколо цього елементу */ background: #fd0; /* Колір фону */ padding: 10px; /* Поля навколо тексту */ } #d2 { border-width: 20px; /* Ширина рамки */ border-color: #666; /* Колір рамки */ border-style: ridge; /* Параметри рамки solid dashed dotted doublegroove ridge inset outset*/ padding: 10px; /* Поля навколо текста */ margin: 20px; /* Відступи навколо */ text-align: left; /* ...

Лабораторна робота Основи програмування та алгоритмічні мови

vlshugai

03.04.2021 00:04

Коментарі

Ви не можете залишити коментар. Для цього, будь ласка, або зареєструйтесь.

Завантаження файлу

Якщо Ви маєте на своєму комп'ютері файли, пов'язані з навчанням( розрахункові, лабораторні, практичні, контрольні роботи та інше...), і Вам не шкода ними поділитись - то скористайтесь формою для завантаження файлу, попередньо заархівувавши все в архів .rar або .zip розміром до 100мб, і до нього невдовзі отримають доступ студенти всієї України! Ви отримаєте грошову винагороду в кінці місяця, якщо станете одним з трьох переможців!

поділитись

Стань активним учасником руху antibotan!
Поділись актуальною інформацією,
і отримай привілеї у користуванні архівом! Детальніше

Які роботи дозволено додавати до архіву?

Новини

Кілька варіантів заощадити на навчанні в Польщі

26.02.2019 12:38

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