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

Във форума е въведено ограничение, което позволява на потребителите единствено да разглеждат публикуваните въпроси.

kiko144 795 Точки

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

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

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

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

Тагове:

04/07/2014 19:58:23 Web Fundamentals - HTML5 04/11/2014 12:14:38

jabalka 960 Точки

Best Answer

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

Лека!

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

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

06/07/2014 00:27:06

jabalka 960 Точки

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

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

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

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

Лека вечер!

04/07/2014 21:14:28

Valleri 304 Точки

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

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

05/07/2014 15:00:52

kiko144 795 Точки

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

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

05/07/2014 15:17:00

Valleri 304 Точки

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

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

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

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

07/07/2014 12:15:10

vvulevv 51 Точки

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

07/07/2014 16:03:26

kiko144 795 Точки

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

07/07/2014 16:05:12

vvulevv 51 Точки

Ок, мерси! :)

07/07/2014 16:10:58