Въпрос към урок: Подготовка на background от курс: Фотошоп FastWeb
Фотошоп Fastweb
Photoshop
Уеб дизайн

Как започнах аз....Отворих си нов документ с размери : 3600/2000px и започнах да си правя background-a.След като направих всичко, изключих това което не ми трябва,за да остане само background-a и направих тази тази част от урока със сейфането на фона със Save for Web и там ми показва,че размера на файла е 2,678M......И файла ми е 3600/2000. СЛед това въведох стойностите 2600/1434 и файла се смали само до 1,437М и когато го сейфнах и отворих линка страницата на екрана беше огромна и за да я видя трябваше да мърдам скрола нагоре-надолу,наляво-надясно...................Явно не съм работила в правилните размери на страницата ли ? Но аз така чух в урока и си въведох тези размери :D И сега какво трябва да направя ? Като съм си построила вече и другите елементи...........

file:///D:/Documents/PS%20course/creative/background.html
ето това се получи и когато въвеждам настройките от урока нищо не се получава,вероятно защото background-a ми е различен, но понеже нищо не разбирам от тези кодове и въвеждам на сляпо ..не знам какво трябва да оправя и да стане активен...Сега е огромен background-a....и каквито и настройки да задавам от зададените в урока нищо не става

Фона е с такива размери, за да поддържа посетители който го отварят с екрани който имат висока резолюция. Принципно това което се случва в HTML е следното. Photoshop експортва целия фон и го слага като IMG - картинка. За това и виждаш scroll нагоре и встрани.
За да избегнем това, слагам картинката като фон и указвам да е в центъра.
style="background-image:url(....); background-position:center center;"
Това са CSS правила който можеш да препишеш сега, по-късно ще ги разбереш, когато стигнем до уроците за CSS и Stylizer.
Просто гледай да са правилно изписани. Една буква ако е грешна, то нищо няма да работи. Можеш да видиш как съм ги написал във файла и да ги вземеш от там.

Моят фон не е черен и не пиша 00000 за продължаване на фона нали ? А си оставям цифрите които са ми излезли в html-a ? Хахахахах, при мен пак не стана и ще ви направя видео, за да видите защо най-накрая не се получава и да оправим проблема.......защото работата е трагична :)

Последното, което направих е ( не знам дали е правилно, но все пак пробвах...) направих си документа в 1366/768 px и после написах само margin:auto (съвсем случайно,даже не знам точно какво прави тази команда...)и background-a ми се уголеми,т.е разпростря се на екрана...после написах и това за център център, но не се отчете някаква разлика....а това за замяната на цвета и момента с background-image:url(....) не съм го правила въобще....Сега не е толкова грамадно,почти е в целият ми екран...пак има скрол...Искам да е абсолютно центрирано в екарана без да има скрол,както когато виждам я виждам във Фотошоп...

сега почти се побра в екрана с малко излизане в страни

Вашият отговор:

Научи компютърните програми онлайн от топ експертите на България
Регистрацията в АУЛА ви дава:
  • 20 безплатни урока
  • Трикове и тънкости за софтуера
  • Отговори на вашите въпроси
  • Име
    Имейл
     


    © 2016 Фондация “Аула”. Всички права запазени.
    Autodesk AutoCAD, Autodesk Inventor, Autodesk Civil 3D, Autodesk Revit, Autodesk 3ds Max, Autodesk Maya, Microsoft Word, Microsoft Excel, SharePoint Online, Microsoft PowerPoint, Microsoft Project, Microsoft, Adobe Photoshop, Adobe Illustrator, Adobe InDesign, Adobe After Effects, Adobe Premiere, Adobe Dreamweaver, V-Ray, Solidworks са регистрирани търговски марки на Adobe Systems Incorporated, Microsoft Corporation, Chaos Software Ltd, Autodesk Inc. и Dassault Systèmes SolidWorks Corp.