[Homework] HTML основи
Първото домашно от курса :)
EDIT: Малко съм изпуснал една част от 5-тата задача... не съм сложил margin на div-овете :D Решението е простичко, разбира се: margin: 0px 60px 0px 60px;
Best Answer
Ето и моето домашно:
ЦЪК
Надявам се да е подредено добре. :)
Ако има някакви забележки моля коментирайте!
Интересно си чийтнал за 5-та задача :) Но мисля, че така няма да ти я признаят. Трябва да си направиш всичко ръчно.
Някаква идея къде ми е грешката? Не иска по никакъв начин да ми дисплейне картинката. Като натисна F12 на мястото, където дефинирам картината ми дава грешка:
Not allowed to load local resource: file:///E:/images/sss.png Само да добавя, че под internet explorer този синтаксис си работеше. Тук пробвам с chrome.
Можеш да прочетеш отговора в <тази> тема в StackOverflow.
Накратко - ако използваш пълни адреси, съдържащи път към дадена директория, както в твоя код, пътят става разпознаваем за Windows среда, което е валидно в IE (нали все пак си е Майкрософтски софтуер), докато другите браузъри не биха го разпознали като адрес на директория.
Решението е просто - добавяне на една наклонена черта \ преди E:, тоест:
<img src="\E:\images\sss.png"/>
ЕДИТ: Сега забелязах, че така излиза друг проблем - картинката спира да се зарежда в IE, което е малко странно.. Най-лесно би било да сложиш папката images в папката на проекта ти, и да я зареждаш чрез:
<img src="images\sss.png"/>
Как ще се предават ?
Всяка задача в отделна директория със hml и css файловете - и всички директорий в zip
.... или кой както иска проверяващия да се спасява ? - защото май може да се получи нещо такова
Според мен всяка задача в отделна папка с html-a, css-a и картинки (ако има). Така ми се струва е най-прегледно от гледна точка на проверяващия.
Представям си една папка с 15 html-a и още толкова css-a и двойно повече снимки... ужас :)
щото аз мисля да плзвам VS иии там оле мале още 100 неща .... с една страничка Hello HTML
И аз съм на мнение, че е в пъти по-добре всичко да е разделено в папки.
Или, ако не е, кръщаването на файловете да е нещо от рода на: Problem1.html, Problem1.css и т.н.. И така ще се вижда кой файл за какво отговаря.
Ето и моето домашно, което в "реалния живот" никога не бих написала така. click
P.S: Имам нужда от частни уроци по GitHub
Ето едно потапяне в Гит, както са го кръстили - http://gitimmersion.com/
Видеото от кура Teamwork and Personal Skills май 2014 ще ти помогне много. Ако е нужно мога да ти отделя няколко минути в СофтУни преди някоя лекция, за да ти обясня основните неща на бързо. Не е сложно :)
То всъщност засега от тук само 5-а е по-интересна с цялото стилизиране и играчка - <какво> сътворих за днес, а утре ще я има и 6-а. :)
ПП: Вече никакво използване на готовите функции на форума - коментарите ще ги пишем само на чист HTML хахах.
Здравейте, колеги.
Пускам и аз решението си на първото домашно.
Изкарала съм всички стилове в .css файлове.
EDIT: Добавих preview на качените вече в интернет странички, за по-добра прегледност, по примера на колегите.
2/ Paragraphs and images of text Preview HTML
5/ Power point slide Preview - HTML - CSS
6/ User profile pages Home Preview (you can click the menu on the page to view the others) - HTML Doge Home , HTML Doge Profile, HTML Doge Friends, CSS
Единствено на четвърта задача съм сложила стиловете за различните булети в html-a. Когато ги извадя в css се бъгва и не ми изкарва квадратчетата (забавното е, че успешно минава валидации и т.н. и по разни сайтове за визуализация на html-css проект излиза правилно, но браузърите не го зареждат правилно).
Приемам въпроси и коменатри.
Дано ви е полезно!
Здравей , може ли да издадеш как правиш preview на страниците си ?
Здравей.
Разбира се!
Направих си един под домейн намоя домейн, който е вързан към съответна папка на сървъра, на който ми е домейна.
В тази папка имам един прост html файл index.html, в който съм сложила заглавие и линкове към html-ите от домашното.
Самите ресурси за html-ите от домашното също са ми качени на сървъра и в index.html съм задала релативен път към тях.
Ето линк към самата страница, съдържаща двете домашни до момента.
Обясних ли достатъчно добре?!?
Според мен начина за предаване на домашно и структурране на домашното най-правилно:
01.една папка за целия проект;
02.една папка IMAGES
03.Папка Extrensions-JS,CSS,PHP,database(what u want)
04.Всички задачи номерирани по старата PаscalCase конвенция + номера на задачата(В самия ХТМЛ условието на задачата закоментирано)
05.След приключване с домашното, архивирате ЦЯЛАТА папка от "01.";
изпращате архива по познатия начин.
Представете си,че четете това домашно с папка и подпапки и вътре подпапки с CSS та вие докато намерите съответния файл ще сте забравили коя задача търсите.
Аз следвам подредбата на Наков от тазвечерната лекция демото .Мисля, че той има най-много опит в тия работи
Колеги, чудех се се не е ли по добра идея да си качваме домашните по HTML на хостинга и да предаваме като домашно, само линковете към тях? Примерно http://alabala-hosting.com/homework1/problem1/index.html
Напълно те подкрепям, колега!
Само от кода не може да добиеш представа как изглеждат домашните.
Това което предлага колегата е нищо подобно:
http://tzvetanig.softuni-friends.org/HTML5-basics-Homework/
Моя вариант :)
http://iliailiev.net/homework1/index.html
Мисля да вкарам и линкове към Github-a където да го има сорса, ама не ми стигна времето вчера.
Може да погледнете и моите решения 
Здравейте!
Тагът <pre> depricated ли е? Кога се използва?
Мерси предварително!
Мисля, че не е.. Това е най-пълния списък на deprecate-нати тагове и атрибути, който намерих: линк
В последната задача идеята е да се използват semantic tags.
<header> … </header>
<nav> … </nav>
<aside> … </aside>
<section> … </section>
<footer> … </footer>
Оправих някои неща мисля, че така е по-добре?
Използвал си <b> в последната задача в profile семантично не е правилно. Използвай <strong> - това е семантично правилния таг.