О,много се шокирах от този урок и нищо не разбрах. Тази програма Стайлайзър от къде да я сваля и инсталирам ?

В Stylizer можеш да избираш с кой броузър да преглеждаш страницата. Най-добре това да е firefox или chrome. (Избира се от горния ляв ъгъл) Възможно е също да нямаш свързан .css файл в html-а.

Проблем с файлове style.css.txt

Файла продължава да е .txt Името му в момента е style.css.txt За да го оправиш, трябва да влезнеш в настройките на windows 'folder options' и да премахнеш 'hide extension of known file types' 1. Старт бутон 2. Търси в полето 'folder options' 3. Таб 'View' 4. Премахни 'Hide extensions for known file types' 5. Ок 6. Преименувай файла отново

Как да направя правило в Stylizer?

Здравей, няма правилно свързан style.css в HTML файла. (Съобщението гласи, че не може да го намери) Ще трябва да създадеш празен файл. Направи това с notepad или notepad++, но гледай да е style.css, а не style.css.txtВ windows по подразбиране настройката е да скрива разширението на познати файлове 'hide file extension of known file types' и се намира във 'folder options'. Тази опция трябва да се премахне, иначе ще правим постоянно файлове index.html.txt и няма да можем да ги различим, понеже ще излизат като index.html. Показана е тази опция в началото на HTML уроците.

Защо не направите курс само за команди и управление на html?

Здравей. В тази част на курса идеята не е да се разбира HTML-а из основи. Той е обяснен принципно в предпоследния модул, както и в някои от въпросите към уроците. Също така е възможно и да се направи курс по HTML самостоятелно с повече фокус върху темата.Принципно няма нищо сложно. Първото нещо което трябва да схванеш, е че HTML-а не е език за програмиране. Няма команди или процедури. Това е език за структуриране на съдържание с цел унифицирана интерпретация от компютърен алгоритъм.Например, ако ни дадат задача, да напишем в един текстов файл абсолютно минималистично данните (Име, години, град, снимки). То без да ползваме език за маркиране, щяхме да направим така:Иван, 24, София, img1.jpg, img2.jpgПетър, 27, Бургас, img12.jpg, img13.jpg, img14.jpgАко искаме обаче това да се разбира от компютър, то първо задаваме по коя схема ще маркираме. Това може да е BML, (Business Markup Language), PML ( Person Markup Language), HTML ( Hyper Text Markup Language). Решаваме, че това ще е PML (чисто теоретично) В него има елементите <person> <picture> и още много други. Те са зададени в дефиницията му.Така след като прочетем дефиницията на PML, ще направим файла си така и той ще бъде разбран от софтуера който работи с такива файлове.<person name="Иван" city="София" age="24"> <picture src="img1.jpg" > <picture src="img2.jpg" ></person><person name="Петър" city="Бургас" age="27"> <picture src="img12.jpg" > <picture src="img13.jpg" > <picture src="img14.jpg" ></person>Сигурно се чудиш, защо <picture> няма затварящ таг, както е <person></person>. Някои тагове са така, за тях няма смисъл да бъдат затваряни, тъй като поставят един елемент, който не може да съдържа други елементи в себе си. Като например <br> - за нов ред <img> - картинка <hr> - хоризонтална чертаСлед което решаваме да направим същия лист в HTML. Там обаче нямаме тагове за <person> или <picture>, за това ще ползваме тези които имаме според дефиницията му. В 95% от случаите се ползват <div><span><img><b><i><em><p><br><a><div class="person"> <div class="name">Иван</div> <div class="age">24</div> <div class="city">София</div> <div class="pictures"> <img src="img1.jpg"> <img src="img2.jpg"> </div></div><div class="person"> <div class="name">Петър</div> <div class="age">27</div> <div class="city">Бургас</div> <div class="pictures"> <img src="img12.jpg"> <img src="img13.jpg"> <img src="img14.jpg"> </div></div>Сега може да визуализираме този HTML както си поискаме. Така зададен HTML-а може да бъде стилизиран по всички възможни за HTML начини. Това обаче, се прави със CSS (Cascading Style Sheets), което е обяснено в предпоследния модул също. С едно-две CSS правила можем да сложим картинките на един ред или пък да са едно върху друго. Можем да окажем размера на фонта на името, точната позиция на годините, града. Да сложим всичко върху една картинка от Photoshop или пък да му сложим плътен цвят и рамка.Всъщност кода на HTML-а се вижда когато махнем CSS, тоест всичко което е в style="...." и<STYLE>....</STYLE> и<LINK type="stylesheet">След това трябва да махнем всичкия JavaScript който пък се намира в <SCRIPT>...</SCRIPT>Тук ще свържа няколко теми от форума даващи още информация:aula.bg/question/7846aula.bg/question/7913

Може ли помощ с анимирането?

Здравей, не е от jquery версията. Използват се прекалено основни методи, за да е от това. Като например api.jquery.com/attr/Трябва да е от нещо друго. Може да са объркани имената 'slides' или нещо от сорта. Можеш да видиш това като натиснеш CTRL+SHIFT+Jи след това презаредиш страницата с F5.Най-вероятно ще се покажат грешки в червено. Ако не ги разбираш ги покажи тук в един screenshot.

Защо ни давате програма ,която е платена ?

Намерих една програма Kompozer безплатна е ,ако може да обясните как стават нещата там моля ви

Може ли да ми отговорите необходими ли са тези уроци за начинаещи дизайнери и не е ли това работа на програмистите?

Здравей, не е задължително дизайнерите да знаят този материал. Но е много хубаво. Като се има в предвид, че не е чак толкова сложен, че да не може да се разбере след 2 седмици труд, аз силно го препоръчвам. В колкото по-голяма фирма работиш, толкова по-специализирани ще са твоите знания. Дори работата - дизайн ще бъде разбита на няколко части. Но при малките фирми и старт-ъпите тези знания ще ти трябват. Освен това, ако ги разбереш, самият дизайн който правиш, ще е много по-лесен за реализация и ще се прехвърля през Интернет до потребителите по-бързо (Което в момента е критична характеристика). Не е казано, че трябва да станеш програмист, за да разбереш тези неща. Този материал е като предмета за ученици 'Биология' и няма да те направи доктор, така че не му се плаши. Плюс това, ще ти даде разбиране на целия процес и по-лесна комуникация с разработчиците.

Ефекти върху слоевете

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

Предишен Следващ

Photoshop Web Design В курса "Photoshop за Уеб Дизайн" ще научите как да използвате програмата специфично за създаване на визуални елементи за уеб дизайн. Ще развиете уменията си за създаване на банери, икони, фонове и други елементи, които ще ви помогнат да създавате атрактивни и функционални дизайни.