Уеб системи и технологии - Упражнение 4
|
|
|
- Камелия Саръиванова
- преди 4 години
- Прегледи:
Препис
1 УПРАЖНЕНИЕ 4: ВИДОВЕ СИМВОЛИ И ТЯХНОТО ФОРМАТИРАНЕ. СТРУКТУРИРАНЕ И ОФОРМЯНЕ НА ТЕКСТОВЕ. СПИСЪЦИ. Какво се разглежда в тази тема: Параграфи: o Нов параграф <p> </p> ; o Нов ред в текущ параграф <br />. Заглавия: o двойните тагове за заглавия: <h1> </h1>; <h2> </h2>; <h3> </h3>; <h4> </h4>; <h5> </h5>; <h6> </h6>. Списъци: o Неподреден списък: <ul> </ul>; o Подреден списък: <ol> </ol>; o Елементи в подредения и неподредения списък: <li> </li>; o Списък с дефиниции: <dl> </dl>; o Елементи в списъка с дефиниции: <dd> </dd>, <dt> </dt>. Цитати: o Кратък цитат към текущ параграф: <q> </q>; o Секция с цитат: <blockquote> </blockquote>; o Абревиатура : <abrr> </abrr>; o Заглавие на художествено произведение: <cite> </cite>; o Форматиран текст: <pre> </pre>; o Промяна на посоката на извеждане на текста: <bdo> </bdo>; Специален текст: o Адрес <address> </address>; o Долен индекс <sub> </sub>; o Горен индекс <sup> </sup>; o Зачертан текст <s> </s>; o Удебелен текст <strong> </strong>; o Наклонен текст <em> </em>; o Линия <hr/>, прогрес (<progress> </progress>) и др. Таговете използвани за представяне на форматиран текст (код) са: o Програмен код - <code> </code>: <code>for(int i = 0; i < 10; i++) i+=10;</code> Радослава Кралева,
2 o Вход от клавиатурата - <kbd> </kbd>: <kbd>вход от клавиатурата.</kbd> o Изход от клавиатурата - <samp> </samp>: <samp>дефиниране на изход от програма.</samp> o Математическа променлива - <var> </var>: <var>e</var> = <var>m</var> * <var>c</var><sup>2</sup> Коментари: o В HTML <!-- К О М Е Н Т А Р в HTML --> o В CSS /* К О М Е Н Т А Р в CSS */ Най-често използваните стилови дефиниции за форматиране на текст. За тях има представена подробна информация в стиловия файл, който ще бъде използван при създаване на задача 1. o o o Цвят на текст: Ако се дефинира цвят на текста, е препоръчително да се определи и фонов цвят. color: color initial inherit transparent; color име на цвят (red, green, blue, ) #rrggbb rgb(0 255, 0 255, 0 255) Подравняване на текст: Хоризонтално подравняване на текст: text-align: left right center justify initial inherit Вертикално подравняване на текст: vertical-align: baseline length sub super top texttop middle bottom text-bottom initial inherit; Отстъп на първия ред в параграф text-indent: length initial inherit; Посока на извеждане на текст: Свойството direction определя посоката на изписване на текста. Използва се съвместно със свойството unicode-bidi, за да определят посоката за съответния език. Използват се когато има поддръжка едновременно на няколко езика Чрез стойностите, на unicode-bidi се определя допълнително ниво на вграждане в текущия документ (embed). Стойността bidi-override също създава ниво на вграждане и извършва преподреждане на символите в текста, зависещо от стойността указана в direction direction: ltr rtl initial inherit; unicode-bidi: normal embed bidi-override intitial inherit; Декориране на текст: text-decoration: Използва се за добавяне или премахване на декорация на текст. Може да се запише и разбито чрез свойствата text-decoration-line, Радослава Кралева,
3 text-decoration-color и text-decoration-style, но към настоящия момент не всички ги браузъри поддържат. text-decoration: none underline overline line-through initial inherit; text-shadow: Използва се за поставяне на сянка на текст: text-shadow: h-shadow v-shadow blur-radius color none initial inherit; text-transform: Използва се за преобразуване на буквите, като те могат да бъдат всички букви в думите да са главни (capitalize), всички букви да са главни (uppercase), всички букви да са малки (lowercase), по подразбиране (initial) и да се наследи от родителския елемент (inherit), или да няма (none): text-transform: none capitalize uppercase lowercase initial inherit; o Бели полета и разстояние между букви / думи: white-spacing: Определя бялото пространство около елементите: white-space: normal nowrap pre pre-line pre-wrap initial inherit; letter-spacing: Увеличава или намалява разстоянието между символите: letter-spacing: normal length initial inherit; word-spacing: Определя разстоянието между думите: word-spacing: normal length initial inherit; line-height: Определя височината на реда: line-height: normal number length n% initial inherit; o Свойства за форматиране на списъци list-style-type: Определя водача на елементите в списъка: list-style-type: none disc circle square decimal decimal-leading-zero lower-alpha upper-alpha lowerlatin upper-latin lower-roman upper-roman lowergreek inherit ; list-style-position: Определя позицията на водачите на елементите в списъка: list-style-position: inside outside inherit; Радослава Кралева,
4 Задачи Задача 1 Да се разработи уеб документ, в който са поместени всички тагове разгледани по време упражненията. Уеб страницата де се нарече studyex4.html и за нейното форматиране да се използва стиловия документ stylestudyex4.css. Всички текстове и стиловия документ за реализирането на тази задача се намират във файла ex4_1.zip. Решение на задача 1 Изглед на получената страница Радослава Кралева,
5 Радослава Кралева,
6 Сорс-код на studyex4.html Радослава Кралева,
7 Радослава Кралева,
8 Радослава Кралева,
9 Радослава Кралева,
10 Задача 2 Да се използва готовия текст от файла ex4_2.zip да се създаде уеб документ с име ex4.html и стилов документ с име styleex4.css, който форматира текста по следния начин: Тялото на документа: фонов цвят (#fae7c2), цвят на шрифта (#562b06), вид на шрифта (verdana), размер на шрифта (1.1em), външни бели полета (1.5em); Параграф: отстъп от първия ред (2em), двустранно подравняване на текста (justify), разрешаване на преноса на думи (word-wrap: break-word); Заглавието на произведението, което е заглавие от първо ниво: сянка на текста (0.07em 0.07em 0.10em #a07c63), цвят на шрифта (#690a50), вид на шрифта (Cambria), подравняване на текста в среда на документа, разстояние между думите (0.25em), разстояние между буквите (0.05em), поставяне на полу-заоблена рамка отгоре (border-top: 0.02em solid #562b06; border-top-left-radius: 2em; border-top-right-radius: 2em;), вътрешно разстояние (1em); Радослава Кралева,
11 Форматиране на звездичките (.star): форматиране на шрифта (5em #562b06), централно подравняване на текста, разстояние между думите (3em); Форматиране на информацията за източника (.bibl): декорация на текста (underline solid), цвят на шрифта (#973535), поставяне на полу-заоблена рамка отдолу ( borderbottom: 0.02em solid #562b06; border-bottom-left-radius: 2em; border-bottom-rightradius: 2em;), вътрешно разстояние (1em); Изглед на резултатът, който трябва да се получи: Радослава Кралева,
HTML - формат на текст
ТЕКСТ Езикът HTML ви позволява да разполагате текст на страницата, да го подравнявате, оцветявате, да задавате големината на шрифта и самия шрифт. Нека да направим една страница и да разположим някакъв
ИЗИСКВАНИЯ ЗА ДОКЛАДИТЕ А. ОБЩИ ИЗИСКВАНИЯ І. Докладът трябва да е написан на компютърна програма Microsoft Word. ІІ. Файлът да бъде записан като *.do
ИЗИСКВАНИЯ ЗА ДОКЛАДИТЕ А. ОБЩИ ИЗИСКВАНИЯ І. Докладът трябва да е написан на компютърна програма Microsoft Word. ІІ. Файлът да бъде записан като *.doc. ІІІ. Името на файла трябва да е със следната структура:
HTML - списъци
СПИСЪЦИ Езикът HTML ви дава възможност да използвате три вида списъци - подредени, неподредени и списъци с обяснения. Подредените списъци са номерирани и изглеждат така : 1. Иван 2. Георги 3. Захари Неподредените
ИЗИСКВАНИЯ ЗА ПУБЛИКУВАНЕ НА МАТЕРИАЛИ В СП
ИЗИСКВАНИЯ ЗА ПУБЛИКУВАНЕ НА МАТЕРИАЛИ В СП. УПРАВЛЕНИЕ И УСТОЙЧИВО РАЗВИТИЕ А. ОБЩИ ИЗИСКВАНИЯ І. Статията трябва да е написана на компютърна програма Microsoft Word. ІІ. Да бъде записана като *.doc.
MS WORD 2016 Н А С Т Р О Й К И Н А С Т Р А Н И Ц А Настройките на страница се правят от меню Layout (оформление на страница), групата команди Page Set
MS WORD 2016 Н А С Т Р О Й К И Н А С Т Р А Н И Ц А Настройките на страница се правят от меню Layout (оформление на страница), групата команди Page Setup (настройки на страница), като се дефинират: Margins
МОДУЛ 2 ВАРИАНТ НА ПРАКТИЧЕСКА ЗАДАЧА ЗА НАЦИОНАЛНО ОНЛАЙН ОЦЕНЯВАНЕ НА ДИГИТАЛНИ КОМПЕТЕНТНОСТИ X КЛАС от 2016 г. УСЛОВИЕ НА ЗАДАЧАТА За тази задача
МОДУЛ 2 ВАРИАНТ НА ПРАКТИЧЕСКА ЗАДАЧА ЗА НАЦИОНАЛНО ОНЛАЙН ОЦЕНЯВАНЕ НА ДИГИТАЛНИ КОМПЕТЕНТНОСТИ X КЛАС от 2016 г. УСЛОВИЕ НА ЗАДАЧАТА За тази задача са предоставени данни във файл Climate.xls, който ще
Title of Presentation
INDESIGN УРОК 0 ПРЕДВАРИТЕЛНА ПОДГОТОВКА НА ТЕКСТ Изготвил: инж. Дарина Атанасова, ркк при ІV ЕГ Текст. Елементи на документ. Действия при текстообработка. Етапи при текстообработка. Форматиране на символи.
ЕКРАНЪТ НА MS EXCEL 2016 ЛЕНТА RIBBON, СТРАНИЦИ (TABS), ДИАЛОГОВИ ПРОЗОРЦИ, ФОРМАТИРАНЕ Програмата MS Excel служи за обработка на таблици и извършване
ЕКРАНЪТ НА MS EXCEL 2016 ЛЕНТА RIBBON, СТРАНИЦИ (TABS), ДИАЛОГОВИ ПРОЗОРЦИ, ФОРМАТИРАНЕ Програмата MS Excel служи за обработка на таблици и извършване на пресмятания, както и за представяне на числова
ПОКАНА КОНФЕРЕНЦИЯ Предизвикателства и перспективи в развитието на железопътния транспорт в България 12 ноември 2019 година Голяма конферентна зала, 1
ПОКАНА КОНФЕРЕНЦИЯ Предизвикателства и перспективи в развитието на железопътния транспорт в България 12 ноември 2019 година Голяма конферентна зала, 10.00 часа УНСС София Уважаеми колеги, Катедра ИКОНОМИКА
Стилове в интернет страници
инж. Елена Гълбачева Най-често използвания език за управление изгледа на интернет страници. По принцип CSS може да се използва найобщо за XML документи, но най-честата употреба е съвместно с HTML за задаване
Представете си, че файлът, който създаваме, е чаша с вода. Всяко натискане на клавиша, който придвижва курсора с по една позиция, е капка в чашата. Ко
Представете си, че файлът, който създаваме, е чаша с вода. Всяко натискане на клавиша, който придвижва курсора с по една позиция, е капка в чашата. Колкото пъти натиснем клавиш с буква, препинателен знак,
ИКОНОМИЧЕСКИ УНИВЕРСИТЕТ ВАРНА НАУЧНОИЗСЛЕДОВАТЕЛСКИ ИНСТИТУТ ПОКАНА за научна конференция на тема РЕГИОНАЛНА ИКОНОМИКА И УСТОЙЧИВО РАЗВИТИЕ 17 ноемвр
ИКОНОМИЧЕСКИ УНИВЕРСИТЕТ ВАРНА НАУЧНОИЗСЛЕДОВАТЕЛСКИ ИНСТИТУТ ПОКАНА за научна конференция на тема РЕГИОНАЛНА ИКОНОМИКА И УСТОЙЧИВО РАЗВИТИЕ 17 ноември 2017 г. Варна ИКОНОМИЧЕСКИ УНИВЕРСИТЕТ ВАРНА НАУЧНОИЗСЛЕДОВАТЕЛСКИ
Формуляри
1. Основни тагове при изграждане на формуляр (form) - отварящ таг, затварящ таг - таг input, който може да съдържа няколко атрибута, няма затварящ таг и затова наклонената затваряща черта се изписва в
СЪЗДАВАНЕ НА СЪДЪРЖАНИЕ, ИНДЕКСЕН УКАЗАТЕЛ И ВМЪКВАНЕ НА ПОЛЕТА I. СЪЗДАВАНЕ НА СЪДЪРЖАНИЕ Съдържанието се създава по съществуващ в Word форматен стил
СЪЗДАВАНЕ НА СЪДЪРЖАНИЕ, ИНДЕКСЕН УКАЗАТЕЛ И ВМЪКВАНЕ НА ПОЛЕТА I. СЪЗДАВАНЕ НА СЪДЪРЖАНИЕ Съдържанието се създава по съществуващ в Word форматен стил или по създаден от вас потребителски стил. По подразбиране
ECDL_ICDL Spreadsheets.doc
ECDL / ICDL Електронни таблици Учебна програма Цел Този документ съдържа подробна информация относно учебната програма за модул ECDL / ICDL Електронни таблици. Учебната програма очертава знанията и уменията,
Title of Presentation
INDESIGN УРОК 1 ЗАПОЗНАВАНЕ С ПРОГРАМАТА Изготвил: инж. Дарина Атанасова, ркк при ІV ЕГ Начален екран. Нов документ. Първоначални настройки на документ. Промяна на мерните единици. Промяна на настройките
web разработка
МИЛЕНА ТОМОВА - НПО ВРАЦА СОФТУЕР ОБЩЕСТВО - КУРС WEB РАЗРАБОТКА- 11.2017 - ВЕРСИЯ 4 web разработка JavaScript DOM манипулации Съдържание DOM елементи Обхождане на DOM - дървото Добавяне, премахване, променяне
ЕВРОПЕЙСКИ СЪЮЗ Европейки фонд за регионално развитие Инвестираме във вашето бъдеще ОПЕРАТИВНА ПРОГРАМА Развитие на конкурентоспособността на българск
BG161PO003-1.1.06-0022-C0001 Ръководство за работа със системата Този документ е създаден с финансовата подкрепа на Оперативна програма на българската икономика 2007-2013, съфинансирана от Европейския
ПОКАНА ЗА УЧАСТИЕ В конференция Нови предизвикателства пред цифровата икономика (индустрия 4.0) и ролята (мястото) на жените в инженерните и технологи
ПОКАНА ЗА УЧАСТИЕ В конференция Нови предизвикателства пред цифровата икономика (индустрия 4.0) и ролята (мястото) на жените в инженерните и технологичните области ФИНАНСИРАНА ПО ПРОГРАМАТА ЗА ПРОЕКТИ
МИНИСТЕРСТВО НА ОБРАЗОВАНИЕТО И НАУКАТА
МИНИСТЕРСТВО НА ОБРАЗОВАНИЕТО И НАУКАТА 1. У Ч Е Б Н А П Р О Г Р А М А за задължителна професионална подготовка УТВЪРДЕНА СЪС ЗАПОВЕД РД 09-835/20.06.2005 г. 1. Учебен предмет: ПРИЛОЖНИ ПРОГРАМНИ ПРОДУКТИ
2. Лексически анализ. Основни понятия и алгоритъм на лексическия анализ. Програмна структура на лексическия анализатор Цел на упражнението Упражнениет
2. Лексически анализ. Основни понятия и алгоритъм на лексическия анализ. Програмна структура на лексическия анализатор Цел на упражнението Упражнението представя кратко въведение в теорията на лексическия
Използване на Гугъл Диск
Използване на Гугъл Диск Основни действия, създаване на папки, документи и таблици Какво е Гугъл Диск (или Google Drive)? Google Drive е виртуален облак за съхранение, който може да използвате, за да пренасяте
В компютърните системи информацията се съхранява само в двоичен код, използваните символи при съставяне на даден текст трябва да се представят като ко
В компютърните системи информацията се съхранява само в двоичен код, използваните символи при съставяне на даден текст трябва да се представят като комбинация от двоични цифри ( и ). При натискане на клавиш
ICS Natioanal
РЪКОВОДСТВО ЗА ВЪНШНИ ПОТРЕБИТЕЛИ Март 2019 г. История на промените Дата Версия Описание Автор 28.09.2018 1.0 Ръководство за потребителя ИО АД 07.03.2019 2.0 Ръководство за потребителя ИО АД СЪДЪРЖАНИЕ:
ХТМУ Светослав Ненов Навигация Диференчни схеми Начална страница Курсове Математика Диференчни схеми Уравнение на топлопроводимост FTCS схема Настройк
ХТМУ Светослав Ненов Навигация Диференчни схеми Начална страница Курсове Математика Диференчни схеми Уравнение на топлопроводимост FTCS схема Настройки FTCS схема Календар Разглеждаме едномерната задача
Формули за нареждане на Рубик куб
Етап 1 Опознаване на твоят Рубик куб Кубът на Рубик се състои от 26 видими съставни части, разделени в три категории: 8бр. ъглови кубчета (Corner Pieces). Части с три цвята, които се намират на всеки ъгъл
Sem 6
Дипломантски семинар Оформление на научния труд Препоръки за оформление отнасят се до писмен (печатен) научен текст някои препоръки са валидни по принцип, някои са специфични за България не се отнася до
РУСЕНСКИ УНИВЕРСИТЕТ АНГЕЛ КЪНЧЕВ ФАКУЛТЕТ "ОБЩЕСТВЕНО ЗДРАВЕ И ЗДРАВНИ ГРИЖИ" Катедра "Обществено здраве и социални дейности" Професионално направлен
РУСЕНСКИ УНИВЕРСИТЕТ АНГЕЛ КЪНЧЕВ ФАКУЛТЕТ "ОБЩЕСТВЕНО ЗДРАВЕ И ЗДРАВНИ ГРИЖИ" Катедра "Обществено здраве и социални дейности" Професионално направление 3.4. Социални дейности Специалност Социални дейности,
http://it.souprovadia.info 1. Какво е облак (Cloud) Най-общо: Технологии и услуги (софтуер, хардуер, масиви от данни), достъпни през интернет; Разполагаме с... Място, където може да се качват файлове,
Slide 1
Списъци. Структура и синтаксис. Създаване и показване. Основни операции(добавяне, изваждане на елемент или цял подсписък; подреждане). Трансформации. проф. дмн С. Христова Списъци Списъците / list са основна
Small Business или как лесно и бързо да си направим сайт
Small Business или как лесно и бързо да си направим сайт Съдържание Какво представлява Windows Office Small Business?... 4 Начало или как да създадем акаунт в Microsoft Office Small... 5 Избиране на име
WEB портал за съобщаване на проблеми в СО Район Банкя Ръководство на потребителя I. Общ изглед на портала, вход и регистриране на потребител След отва
WEB портал за съобщаване на проблеми в СО Район Банкя Ръководство на потребителя I. Общ изглед на портала, вход и регистриране на потребител След отварянето на линка на портала http://bt.bg73.net/ се визуализира
Ръководство за бързо стартиране Microsoft Outlook 2013 изглежда по-различно от предишните версии и затова създадохме този справочник, за да ви помогне
Ръководство за бързо стартиране Microsoft Outlook 2013 изглежда по-различно от предишните версии и затова създадохме този справочник, за да ви помогнем да го усвоите по-лесно. Нека стане ваш Персонализирайте
Проф
Утвърдил:.. / доц. д-р Е. Великова / Утвърден от Факултетен съвет с протокол... /... СОФИЙСКИ УНИВЕРСИТЕТ СВ. КЛИМЕНТ ОХРИДСКИ Факултет по Математика и Информатика Специалност: Компютърни науки М И К 0
M03L Wired Laser Mouse
Основни операции Натиснете и задръжте Бутон захранване за да включите устройството. То автоматично влиза в главното меню на Началния екран. Главното меню включва Книги, Музика, Снимки, Букмарки, Предпочитани,
Microsoft Word - KZ_TSG.doc
ПРИЛОЖЕНИЕ НА ТЕОРИЯТА НА СИГНАЛНИТЕ ГРАФИ ЗА АНАЛИЗ НА ЕЛЕКТРОННИ СХЕМИ С ОПЕРАЦИОННИ УСИЛВАТЕЛИ В теорията на електронните схеми се решават три основни задачи: ) анализ; ) синтез; ) оптимизация. Обект
2. Наследяване в C++ Съдържание Съдържание Наследяване (Rev: 1.2) Любомир Чорбаджиев 1 1 февруари 2007 г. 1 Наследяване 1 2
2. Съдържание Съдържание Наследяване (Rev: 1.2) Любомир Чорбаджиев 1 lchorbadjiev@elsys-bg.org 1 февруари 2007 г. 1 Наследяване 1 2 2 3 Полиморфизъм 9 1. Наследяване Наследяване UML UML unified modeling
!"#$%&'%()*)+ ', MS OFFICE )+%.+)*/'% %01('+'* *.+2+'* #,3,/* ( 4.*5%&+'*,3,4),6** 7"$ MS OFFICE 2003!"#$%&' (&)$*+*!"!"#$%&'()$* "+$*,*-)%,*./
!"#$%&'%()*)+ ', MS OFFICE 2007 - )+%.+)*/'% %01('+'* *.+2+'* #,3,/* ( 4.*5%&+'*,3,4),6** 7"$ MS OFFICE 2003!"#$%&' (&)$*+*!"!"#$%&'()$* "+$*,*-)%,*./ /012.3/4567178 9: ;:: 6/9638791?:4:@1
ЦИРКУЛЯРНА ПОЩА (MAIL MERGE)
1 M AILINGS MAIL M ERGE Възможността за сливане на документи (Mail Merge) обединява главен документ (съдържание на писмото) със списък на получатели (таблица на Word, Excel или Access), за да генерира
Програмен език C Пламен Танов Ненко Табаков Мартин Вачовски Технологично училище Електронни системи Технически университет София версия 0.5
Програмен език C Пламен Танов Ненко Табаков Мартин Вачовски Технологично училище Електронни системи Технически университет София версия 0.5 Литература Необходими програми Kernighan & Ritchie - The C Programming
Pokana1_Nezi_web
Уважаеми дами и господа, НАУЧНО-ТЕХНИЧЕСКИЯT СЪЮЗ ПО ТЕКСТИЛ, ОБЛЕКЛО И КОЖИ НОВ БЪЛГАРСКИ УНИВЕРСИТЕТ ЛАБОРАТОРИЯ БИОЛОГИЧНО АКТИВНИ ПОЛИМЕРИ, ИНСТИТУТ ПО ПОЛИМЕРИ ПРИ БАН ФЕДЕРАЦИЯТА НА НАУЧНО-ТЕХНИЧЕСКИТЕ
Съюз на математиците в България - секция Варна гр. Варна, кв. Победа, ул. "Академик Андрей Сахаров" 15, партер, офис 4а, ел.поща:
Съюз на математиците в България - секция Варна гр. Варна, кв. Победа, ул. "Академик Андрей Сахаров" 15, партер, офис 4а, ел.поща: smb.varna@gmail.com, сайт: https://sites.google.com/view/smbvarna фейсбук
РЪКОВОДСТВО ЗА РАБОТА С ЕЛЕКТРОННА ПЛАТФОРМА ЗА ТЪРСЕНЕ И ПРЕДЛАГАНЕ НА ЗАНИМАНИЯ ПО ИНТЕРЕСИ НОВО: За учебната година в електронната платфо
РЪКОВОДСТВО ЗА РАБОТА С ЕЛЕКТРОННА ПЛАТФОРМА ЗА ТЪРСЕНЕ И ПРЕДЛАГАНЕ НА ЗАНИМАНИЯ ПО ИНТЕРЕСИ НОВО: За учебната 2019-2020 година в електронната платформа се въвеждат занимания по интереси, финансирани
Структура на програма в C - Част 2 - типове, функции
Структура на програма в C Част 2 - типове, функции Иван Георгиев, Христо Иванов, Христо Стефанов Технологично училище "Електронни системи", Технически университет, София 10 март 2019 г. И. Георгиев, Х.