Embedded Files
И пак първата форма
И пак първата форма
https://docs.google.com/forms/d/e/1FAIpQLSdO6gM1HxqHS91MdAZm-nnNtsg2NJJrw1tG7bXrhbClJkp9xQ/viewform?usp=sf_link
Домашна (срок 02.06)
Домашна (срок 02.06)
Създайте рекламна начална страница за избран от Вас безплатен шрифт на FontFabric. За вдъхновение можете да видите техните case-study-та. Страницата трябва да съдържа хедър с името на шрифта и няколко разлетяни букви около него, секция с главни и малки букви на кирилица и латиница, както и цифри / !@№$%^&*(), секция с примерни изречения (панграми), секция с примерни думи в различни размери.
Изборът на шрифт, цветове, изречения, думи и тн остава Ваш.
При изпращане ЗАДЪЛЖИТЕЛНО се ахривира цялата папка, заедно с файловете на шрифта.
Горещо препоръчителна групова работа
Горещо препоръчителна групова работа
Създайте начална страница и статийна страница на новинарски информационен сайт. Начална страница - хедър - навигация, заглавие на статия, картинка, линк за прочети още, секция 1 - шест новини (2 реда по 3) с картинка, заглавие и призив към действие (Прочети още и други), секция 2 - Цитат на деня с автор, секция 3 - Изображение, контактна информация (не задължително контактна форма) и реклама, футър - име на сайта, Made by вашите имена.
Статийна страница - Хедър, но без бутон Виж още, съдържание на статията (текст, изображения, видео, тн), реклама вдясно, секция 3 и футър са същите.
Проектът се работи в екипи от двама студенти и се представя (на лаптоп) в упражнението девета седмица. За ваше улеснение можете да ползвате Atom и Teletype.
Курсова:
Курсова:
9та седмица показване 10та седмица защита
9та седмица показване 10та седмица защита
Контролно за закъснели
Контролно за закъснели
Цветове - Мръсно бяло (#FCFCFC), Синьо (#114069)
Шрифт заглавия - Caveat (Google Fonts)
Шрифт основен текст - Open Sans (Google Fonts)
Икони - Skiing, Skiing Nordic, Snowflake - FontAwesome
—————————————————————————————
BONUS - Направи ховър ефекти на
- бутона в хедъра - Син текст на бял фон
- очертанието на изображенията - #114069
Контролно - Уеб дизайн - 16.05
Контролно - Уеб дизайн - 16.05
Камен политическият бежанец (четни)
Камен политическият бежанец (четни)
Цветове - Мръсно бяло (#FCFCFC)
Шрифт - Roboto Slab (Google Fonts)
Икони - Pagelines, Flying Dove, Feather - FontAwesome
—————————————————————————————
BONUS - Направи ховър ефекти на
- бутона в хедъра - Черен текст на бял фон
- очертанието на изображението - #474747
Камен модерните велосипеди (нечетни)
Камен модерните велосипеди (нечетни)
Цветове - Оранжево (#FF5400), Виолетово (#110059), Мръсно бяло (#FCFCFC)
Шрифт - Comfortaa (Google Fonts)
Икони - Bicycle, Arrow Circle Right, Heart - FontAwesome
—————————————————————————————
BONUS - Направи ховър ефекти на
- бутона в хедъра - Виолетов текст на бял фон
- очертанието на изображението - #110059
След като сте готови ме извиквате, казвайки и своя факултетен номер.
След като сте готови ме извиквате, казвайки и своя факултетен номер.
Готовите файлове се архивират Инициал1_Инициал2_ФакултетенНомер_Kontrolna.zip
Готовите файлове се архивират Инициал1_Инициал2_ФакултетенНомер_Kontrolna.zip
Пример - E_T_1810681004_Kontrolna.zip
Пример - E_T_1810681004_Kontrolna.zip
И се изпращат на std2019@designweekend.co след одобрение от мен.
И се изпращат на std2019@designweekend.co след одобрение от мен.
Baba Yaga Casual Beer-Out - 14.05.19
Baba Yaga Casual Beer-Out - 14.05.19
Baba Yaga - St. Kliment 7
Седмица 5 - подготовка за контролно
Седмица 5 - подготовка за контролно
Шрифтове - Playfair Display, Montserrat Alternates - достъпни от Google Fonts
Цветове - #E8DCF4, #932F6D, #420039, #F1D9A7, #E28413, #F8F8F8, #2D936C, #4C5B5C
Име - svärm
Стойности за сянка - 5px 5px 15px цвят
Материали седмица 3
Материали седмица 3
Домашни седмица 3
Домашни седмица 3
1 - Срок 05.05, изпраща се на мейлИзползвайки картинката като ориентир, създайте начална страница стил Coming soon. Шрифтът е Montserrat, Light и Extrabold. Изображения от Unsplash. В screencapture-a можете да видите пример. Както винаги - домашната се изпраща на std2019@designweekend.co.
2 - Срок 09.05, ще продължим работа в упражнениетоДовършете html структурата на започнатата предната седмица страница, като вмъкнете и някакво текстово съдържание в съответните елементи.
2 - Срок 09.05, ще продължим работа в упражнениетоДовършете html структурата на започнатата предната седмица страница, като вмъкнете и някакво текстово съдържание в съответните елементи.
HTML таблици
HTML таблици
WEEK 2
Таблица <table>Ред на таблица <tr>Заглавка на таблица <th>Данни в таблица <td>
Повече информация и примери (на английски) ще откриете на линка по-долу
Таблици в w3schools - https://www.w3schools.com/html/html_tables.asp
Повече информация и примери (на английски) ще откриете на линка по-долу
Таблици в w3schools - https://www.w3schools.com/html/html_tables.asp
CSS Преглед
CSS Преглед
WEEK 2
ОСНОВНИ МЕРНИ ЕДИНИЦИ
px - Пикселиpt - Пунктове (като 12pt в Word)% - Процентиvh - Визуална височина (зависи от размера на екрана)vw - Визуална ширина (зависи от размера на екрана)vmin - Визуално по-късата страна (зависи от размера на екрана)vmax - Визуално по-дългата страна (зависи от размера на екрана)
За повече информация:https://www.w3schools.com/CSSref/css_units.asp
px - Пикселиpt - Пунктове (като 12pt в Word)% - Процентиvh - Визуална височина (зависи от размера на екрана)vw - Визуална ширина (зависи от размера на екрана)vmin - Визуално по-късата страна (зависи от размера на екрана)vmax - Визуално по-дългата страна (зависи от размера на екрана)
За повече информация:https://www.w3schools.com/CSSref/css_units.asp
ОСНОВНИ CSS ПРОПЪРТИТА / АТРИБУТИ
height - Височинаwidth - Ширинаmargin - Марджин / Отстояние навън - виж Box модел по-долуpadding - Падинг / Отстояние навътре - виж Box модел по-долуborder - Линияcolor - Цвят (на съдържанието)display - Дисплей (определя поведението на елемента - линеен, структурен и други)list-style - Списъчен стил при lifloat - "Плаване" вляво/вдясноoператор calc() - спомага изчисляване при различни мерни единици
max/min-width/height - Максимална/минимална ширина/височина
BACKGROUNDbackground-color - Фонов цвятbackground-image - Фоново изображениеbackground-size - Размер на фона (при изображение)background-repeat - Повтаряне на фона (при изображение)
FONTfont-family - Шрифтово семействоfont-size - Размер на шрифтаfont-style - Стил на шрифта (пр. наклонен)font-weight - Тежест/дебелина на шрифта
TEXTtext-transform - Трансформация на текста (пр. ГЛАВНИ БУКВИ)text-align - Подравняване на текстаtext-decoration - Декорация на текста (пр. Подчертаване)
height - Височинаwidth - Ширинаmargin - Марджин / Отстояние навън - виж Box модел по-долуpadding - Падинг / Отстояние навътре - виж Box модел по-долуborder - Линияcolor - Цвят (на съдържанието)display - Дисплей (определя поведението на елемента - линеен, структурен и други)list-style - Списъчен стил при lifloat - "Плаване" вляво/вдясноoператор calc() - спомага изчисляване при различни мерни единици
max/min-width/height - Максимална/минимална ширина/височина
BACKGROUNDbackground-color - Фонов цвятbackground-image - Фоново изображениеbackground-size - Размер на фона (при изображение)background-repeat - Повтаряне на фона (при изображение)
FONTfont-family - Шрифтово семействоfont-size - Размер на шрифтаfont-style - Стил на шрифта (пр. наклонен)font-weight - Тежест/дебелина на шрифта
TEXTtext-transform - Трансформация на текста (пр. ГЛАВНИ БУКВИ)text-align - Подравняване на текстаtext-decoration - Декорация на текста (пр. Подчертаване)
Въведение в HTML
Въведение в HTML
WEEK 1
Heading h1-h6Paragraph <p>Image <img>List <ul> / <ol>Strong <strong>, не <b>Emphasized <em>, не <i>Брейк <br>Възможно пренасяне <wbr>Линия <hr>Разделение <div>-Коментар <!-- asdf -->Style <style>Script <script>Meta <meta>Link <link>
Домашни:
Домашни:
Кулинарна рецептаTitle, Заглавие, подзаглавие, изображение, списък с продукти, начин на приготвяне с удебелено всяко споменаване на продукт, коментари
Безмислена класация ref. Obvious Plant, пайнер изпълнители, сортове марули, върколаци и т.н.Title, Заглавие, номериран списък и каквото още решите - изображения, параграфи, заглавия, линкове, удебелен/наклонен текст, брейк, т.н.
Изпращат се до std2019@designweekend.co с име на студента и факултетен номер
Безмислена класация ref. Obvious Plant, пайнер изпълнители, сортове марули, върколаци и т.н.Title, Заглавие, номериран списък и каквото още решите - изображения, параграфи, заглавия, линкове, удебелен/наклонен текст, брейк, т.н.
Изпращат се до std2019@designweekend.co с име на студента и факултетен номер
Google Sites
Report abuse