Question 1

При всички случаи ли трябва слоя с картинките и текста да бъде слайснат ?

Accepted Answer

Здравей,Файла с фоновите елементи не се слайсва. Запазваш го като едно изображение. SaveforWev and Devices със следните характеристики file name: page2.htmlformat: HTML and imagesetting: background imageВтория файл с текста и картинките е нарязан по същия начин като в предния урок, но трябва да има слайсове. Преди да го запазиш се маха background-a и след това отиваш на SaveforWev and Devicesселектираш цялото изображение, избираш png24 и се дава transparency. Запазваш го със следните характеристики:format: HTML and imagesetting: background imageSlices: All slicesСлед това правиш промените н html файла. Ако има отново трудности пиши.

Question 2

Защо не ми се обединиха страниците?

Accepted Answer

Няма картинки, но изглежда както трябва. Ако имаш някакви проблеми, то те може да са от това, че фона има position:absolute, но няма  "left:0px; top:0px;" вътре в стила, както друготоГоворя за реда <img style="position:absolute;z-index:1" src="images/page2.jpg" width="1055" height="1288" alt="">

Question 3

Защо background слоят ми излиза така?

Accepted Answer

Принципно в стъпките ти виждам следното. За най-долния слой можеш да избереш JPG, но за следващите ще ти трябва PNG, понеже JPG няма прозрачност.Иначе в стъпките ти всичко изглежда наред.Ако двата слоя не излизат един върху друг и както трябва, то значи нещо се е объркало с HTML-а които леко променяме. Дори при една изпусната буквичка, всичко може да се счупи до неузнаваемост.Можеш да прегледаш архива в следващия урок и да сравниш дали всичко е написано както трябва. Там има HTML-а на направеното в този "page2_layer2.html" заедно с малко анимиращ javascript които можеш да игнорираш

Question 4

Как да сложа картинки една върху друга?

Accepted Answer

Радвам се, че си задаваш такива въпроси. Това значи, че започваш да навлизаш в нещата.

В тези уроци е показано как се прави точно определено нещо с HTML и идеята не е била да се разбира, а да може да се изпълни стъпка по стъпка и с много copy/paste :)

Предлагам ти да преминеш напред, има уроци за HTML, CSS и Stylizer, които ще ти отговорят на повечето въпроси и можеш да се върнеш на това упражнение, за да го довършиш.

CSS се слага или във външен файл (например style.css) или вътре в HTML-а в таг . Той се поставя точно между ....
Всяко правило има селектор и правила. Селектора е това което виждаш преди отварящата скоба `{` Например `#neshto`. Това значи, че искаме да стилизираме html елемент с ` "id"="neshto" `.

CSS правилата започващи с точка, селектират класове, като ` class="drugo" `. Можеш да имаш няколко елемента с този клас и всичките ще бъдат стилизирани със CSS ` .drugo {    } `

CSS правила може да има и в HTML елемтите. Например ``

Сега, това което слагаш в правилата са различни неща които стилизират селектираните елементи. Тук имаме основните [Кратък CSS наръчник](https://aula.bg/uroci-osnovni-css-svoystva)

Координатите се описват с `top` и `left` или `top` и `right` или `bottom` и `left` или `bottom` и `right`. За да можеш да ги променяш, елемента трябва да е `position:absolute` или `position:relative`. Нулевата координата на елемента в случая `absolute`  е първия 'ancestor' елемент (родител, прародител :) ), който има фиксирани координати. Това ще е BODY, освен ако елемента ти не е в друг елемент, който е позициониран с `relative` или `absolute`. Тогава преместването ще е от неговата нулева координата.

Елементите `` са просто контейнери с картинки, текст и тнт. Избираш ги спрямо това какво има в тях. Ако натиснеш десен бутон върху елемента и 'Inspect' Chrome ще ти покaже къде се намира той в HTML-а му.

Question 5

Защо,когато слея двете фона ми излиза като това нещо и когато го натисна ми дава страницата не съществува . Правя всичко ,както в клипчето с абсолютна точност и го повторих 10 път от самото му начало! С риск да стана досадна моля за помощ

Accepted Answer

No webpage was found for the web address: file:///C:/Users/Tedi/Desktop/2/index.html

Question 6

Защо нямам CSS класове след PS export

Accepted Answer

Зависи от настройките на Photoshop export-а. 
Погледни всички настройки при export, показани са в уроците. Би трябвало да е свързано с "Inline CSS" или "CSS Classes" (Трябва ти второто)

Метод-С няколко слоя

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

Дискусия към урока