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

В следващия урок е даден файла за сваляне, можеш да видиш как е там и да сравниш. Аз не виждам нищо нередно в кода ти. Ако искаш качи файловете в dropbox или google drive, архивирани и прати връзка, за да видим.

Не знам какво виждаш, но това което би трябвало да стане е да имаш един jpg фон и нарязани png прозрачни картинки върху него

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" (Трябва ти второто)

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

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

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

Описание на урока

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