Loading...
kiko144 avatar kiko144 795 Точки

[Изпит HTML & CSS - Подготовка] Решения на задачите от 3-тата примерна тема

Здравейте колеги! Качвам условията на задачите, както и готовите задачи, които решихме по време на подготовката! Те за жалост бяха само 3 (от четирите)! Ще се опитаме утре да качим и последната задача за да имате време да я прегледате преди изпита! Видеото от лекцията вече е в екипа на СофтУни, но не знам дали утре(събота) ще успеят да го качат, така че най-късно в понеделник. Ще запишем задачата която не успяхме да решим в университета в къщи и ще дадем на екипа завършеното видео възможно най-скоро. 3-тата задача я писахме на SASS и използвахме много удобно една негова функция (mixin) за да спестим безбройните повторения на кода. 

 

Линк към условия и решения

 

Успех на изпита!

Тагове:
10
Web Fundamentals - HTML5 04/11/2014 12:14:38
jabalka avatar jabalka 960 Точки
Best Answer

Видеото от лаптопа - на три части (общо са четири, третата още се обработва, решихме да пуснем поне тези, че докато изчакаме последната...) - свалете или гледайте ОТ ТУК

Лека!

 

EDIT: Току що се качи и обработената трета част на видеото. Дано е полезна за хорятя от оставащите два изпита. На същия линк е (горе в розовичкото).

 

Успех на изпитите, колеги!

5
jabalka avatar jabalka 960 Точки

Колеги, ако са останали въпроси и неясноти по кода и решенията на задачите - питайте!

EDIT: Колеги, излезе видеото от камерата в youtube: https://www.youtube.com/watch?v=Xw3l11FHqK8

Утре ще качим и видеото от екрана на компютъра.

EDIT: В GitHub вече има качено решението на задача 2. Работим по монтажа на видеото от компа (от вчера, ама става бавно, имаше малко драми), скоро ще го имате.

Лека вечер!

10
Valleri avatar Valleri 304 Точки

Едно въпросче, което не е свързано пряко с видеата ви :) (гъджъ за тях : >)

Грешно ли е ако правим сайта респонсив на повече стъпки отколкото дадените (480, 640, 780 и т.н.) ? Например нещо ако се счупи на 700 да сложа медиа за него, защото така може да действам според ситуацията вместо да го измисля добре в началото : ))) Което не е правилно, ясно :Р

1
kiko144 avatar kiko144 795 Точки

Ами ако си на изпит и са ти дадени точни числа  - Използвай точно тях. Предполага се, че сичко ще си изгтлежда добре за тази ширина. Ако си правиш собствен сайт, попринцип няма проблем да правиш промени и на други стъпки, въпреки, че малко се обесмислят нещата. Целта е примерно бутоните, секшъните и всичко да ти е с Флуид лейаут и да ти се намалява, а когато стане много малко (тоест на телефон не е удобно за натискане примерно) да минава от долу и отново да е голямо. Тези стъпки - "Официалните" се предполага, че хващат всички варианти и е за предпочитане да се използват тях. 

 

Да обобщя - На изпит следвай стриктно инструкциите, а на твоя сайт си прави кактото ти е кеф!

4
Valleri avatar Valleri 304 Точки

Ето и сорсерес кода на мойте решения + демо.


1. Проблем 1
2. проблем 2 :)
3. 3 :)
4. Отговарящ сайт

На последната задаче се уплаших от таблицата и реших да напиша нов ХТМЛ. Можете да видите как се променя в Codepen.

Имах един проблем с хедъра - не се преоразмеряваше заедно с падането на <ul> надолу, и <ul> пропадаше в долната секция, трябваше да дам float:none и се оправи, също така ползвах clear:both за футъра.

1
vvulevv avatar vvulevv 51 Точки

На 4-та задача целия CSS ли трябва да си пишем? В смисъл, не ни е дадено нищо освен HTML-a и картинките?

0
kiko144 avatar kiko144 795 Точки

Точно така, даден е само HTML-a и то той е направен с таблица и най-добре е да си го напишеш наново... както ти е по-лесно де. 

1
vvulevv avatar vvulevv 51 Точки

Ок, мерси! :)

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.