Много интересен урок :) Сега да попитам естествено....Направили сме си заглавната страница,както в урока....И като цъкнем на контакти в случая нищо не ни излиза,защото няма какво.Но ако трябва да направим цялостен сайт,така че всичко да е активно и да излиза когато цъкнем на Контакти примерно, методиката същата ли е ? Т.е правим си нов дизайн на конретната страница(както в урока на заглавната страница на сайта)-в случая каквато страница трябва да се покаже когато цъкнем на Контакти....след това кропваме,нарязваме,сейфаме,после това с HTML-a и така всяка страница в нов фотошопски документ и цялата процедура се повтаря за всички отделни страници,за да бъдат активни ???Или начина е друг?Защото това в урока изглежда лесно,но не знам дали бих могла да се справя,ако искам примерно за себе си да си направя сайт сама с мой личен дизайн.............И това с тези URL адреси много не ми стана ясно кога какво пишем,да на Контакти - contact.html , но за цялостен сайт едва ли ще знам за все активен бутон какво да пиша. А за логото какво значи index.html когато го въвеждаме?

1. Принципно, ако искаш целия ти сайт да е направен с този метод, да, ще трябва всяка страница да я направиш по този начин. Което може и да не е толкова бавно колкото звучи, ако си подготвиш шаблон и елементи които да преизползваш. 2. index.html е файла който уеб сървъра търси, когато адреса ти е без име на файл. Тоест, mysite.com е същото като mysite.com/index.html 3. Когато слагаш връзки към някоя страница, ако тя е в същата директория където е и страницата в която искаш да сложиш връзката. То можеш да напишеш просто Страница и връзката ти ще работи. Не ти трябват 'абсолютни' пътища от сорта на този който си дала горе. 4. Направи страницата си към 790 пиксела широка, след това размера на заглавията си ги избери на око. Няма как да ти кажа колко 'pt' да са, това зависи от DPI-а на файла ти. Можеш да видиш информация за размерните единици тук: photokie.com/kakwo-e-pt-px-i-em/

Adobe Photoshop: Метод-лесен и бърз

Q: Защо имам различни команди в текстовия файл?

Ако ще се занимаваш с web или какво и да било друго програмиране ти препоръчвам да не използваш вградения в Windows Notepad - има много безплатни алтернативи ( atom , notepad++ , notepad 2 , sublime и т.н ) и платени - с тяхна помощ такива грешки ще виждаш много по-бързо и ще се ориентираш в кода по-добре :)

Q: Как да махна бялата рамка (anti-aliasing) от GIF?

Използвай PNG, там има различна степен на прозрачност в пикселите. GIF има единствено една степен - прозрачно или не. Така единствения начин да направиш anti-aliasing е с използването на 'matte' цвят. Той ще се използва в anti-aliasing-а. Ако държиш да ползваш GIF, то трябва да си сигурен във фоновия цвят върху който ще поставиш GIF-а и ще трябва да го зададеш като 'matte' от Save For Web панела. За последно използвах GIF преди 6-7 години, сега вече няма особен смисъл и PNG се е наложил като стандарт. GIF-а единствено се използва в много специални случаи, например когато имаме анимация

Q: Как да направя Guide линии

Разбрах от къде да изкарам рулера с CTRL+R при мен е бил скрит. Благодаря Ви все пак.

Q: Как да изрязвам по детайлно със slice tool ?

Да, при следващите уроци ми се изясни как точно работи инструмента и по какъв начин мога да направя по разчупен ефект за ховър.... след което разбрах, че въпроса ми е бил излишен ;))) Благодаря за отговора ;))

Q: Защо моят сай излиза плътно в ляво ? и не се центрира по средата на монитора :/

Оправих си всичко благодаря . Ще се радвам да ми дадете имейла Ви за да оцените моята работа

Q: Как да центрирам изображението?

Струва ми се, че си допуснал техническа грешка в бързината. Пробвай да промениш position:realtive с position:relative и мисля, че ще постигнеш желаният ефект.