Принципи на изграждане на каучук дизайн
уеб дизайн за всички резолюции на екрана.
Дизайн на сайта да се простират под всяка резолюция на екрана - един много важен принцип в уеб-дизайн. Посетителите, екрани, които имат по-висока резолюция, можете да видите повече информация на една страница, намалява необходимостта да преминете. Повечето сайтове имат дизайн може да посрещне само една резолюция на екрана. Те могат да изглеждат фини 800х600, но на екрана е 1024х768 уебсайт изглежда празна. Големи открити пространства създават илюзията за малък сайт. Все повече и повече хора започват да използват с висока резолюция монитори. Ето защо е важно да се изработи уеб сайт за всички резолюции на екрана. Самоучителят се обсъжда как да се направи дизайн на сайта за всички резолюции на екрана.
Стъпка 1: Определяне на най-ниската резолюция на екрана.
Преди да започнете работа по уеб сайта, е необходимо да се определи най-ниската резолюция на екрана. Уеб сайт дизайн е разработен на базата на минималната разделителна способност на екрана. Многобройни проучвания показват, че интернет аудиторията 640x480 наскоро се ползват само 0,5% от потребителите. Така, че е възможно да се игнорира по-ниска резолюция. Друго важно количество е 800x600. Въпреки тенденцията към sokrasheniyu, потребителите, които следят екран има резолюция, все пак е достатъчно, за да ги вземе предвид. Това означава, че е необходимо да се изработи уеб сайт за екрани с резолюция от 800x600 или по-висока.
Стъпка 2: Разработване на дизайн на сайта си за минимална резолюция на екрана.
След като се определя минимална резолюция на екрана, е необходимо да се разработи дизайна на сайта за това количество. Това означава, че всички графични елементи трябва да бъдат проектирани така, че сайтът изглеждаше прекрасно с минимална разделителна способност на екрана.
Стъпка 3: В развитието на HTML кода, уверете се, че всички маси са с устройството като процент.
Важно: това е тайната на развитието на дизайна на сайта си по всяко резолюция на екрана. Трябва да се работи с интерес, а не с пиксели. Ако работите с пиксели, вие определяте абсолютния размер, а лихвените проценти позволяват да използвате относителните размери. Размерите са показани като процент от разделителната способност на екрана.
За ясно разбиране на проблема, нека да разгледаме един пример. Ако сте проектиране на уеб сайт за екранна резолюция 800x600, най-вероятно, ще направи ширината на масата на 800 пиксела и 600 пиксела височина. Но ако се разработи сайт за всяка резолюция, тогава ще трябва да настроите височината и ширината на масата до 100%, така че независимо от разделителната способност на екрана на страницата е да попълните всички наличното пространство. Това ще бъде 100% от разделителната способност на екрана. Процентите могат да се настроят по всяко време.
В първата стъпка, която може да направи височината на масата 100% и 100% от ширината. Можете да зададете 95%, ако искате да получите малко свободно пространство около страницата.
Етап 4: В таблицата за използването на клетки като единица пиксел, освен клетките за съдържанието на сайта.
Това е един много важен момент. Трябва да посочите размерите на всички клетки, с изключение на информацията, клетъчната сайт. Размерите на тази клетка не може да се сложи в такъв.
Демонстрация на прост дизайн на сайта
Стъпка 5: Поставете изображения и съдържание.
След като сте готови, за да маркирате вашата маса, оразмерена като процент, трябва да вмъкнете изображения и съдържание. Обикновено се поставя на логото на сайта, в горния ляв ъгъл и навигационните бутони в горната или в ляво.
При по-сложни модели, може да се наложи да се запълни на заден план, за да завършите дизайна на сайта. Не забравяйте, че вие сте проектиране на уеб сайт дизайн на всяка резолюция и изображението трябва да бъде съответно поставени. Най-лесният начин - използване на горните леви и десни ъгли на фиксираните изображения, и се оставя на средата, за да се приведе в съответствие размера на екрана.
Стъпка 6: Проверете сайта си във всички резолюции.
Последната стъпка - е да проверите сайта си във всички резолюции, които са налични на вашия компютър. За да го изпълни, ние трябва да използват средствата за инсталирането на разделителната способност на екрана на операционната система. Тестът се провежда във всички възможни резолюции поддържаните от монитора ви.
5 урока от последната колона "HTML и DHTML"
Когато пишете или отстраняване на грешки PHP скриптове, ние често използваме var_dump () и print_r (), за да изведете разнообразни разширени данни и обекти. В този пост искам да ви разкажа за функция var_export (), който може да конвертирате масив във формат, подходящ за PHP код.
Няколко безплатно шаблони администраторския панел.
Създаване на шаблон за писане не е просто въпрос. Предлагаме Ви избор от 30 места, където можете да изтеглите тези шаблони, за да задоволят всички вкусове.
Например, имате поле за търсене, които се обработват при всяко натискане на клавиш на клавиатурата. Ако някой иска да напише думата Windows, искане AJAX ще бъде изпратено на следния фрагмент: W, Wi, Win, Wind, Windo, Window, Windows. Проблемът?.
Селекция от 15 нови сайтове, където можете да изтеглите безплатни снимки за запълване на техните сайтове.
Минимална резолюция, при които набирате сайтове е 1024x768
диви по-добре от масите? около рамките сте отказали, приятелю.
Набиран обекти в 1024, обичах да каучука, докато тя е купил голям монитор, да гледате, много съгласни. Оптимално наложи 1024-1440 с максимална участък, вече не стои, и разбира се блок налагане.
640 х 480 и 800 х 600 е на миналия век! Дори и на моя нетбук резолюция повече (1366 x 900, по мое мнение.)
И около 800 600 изписали правилно. Аз съм тук, при показва офис сайта (добре, сайтът е направено както трябва - отблъснати от 800 600), така че независимо от факта, че Моника няколко от три години на стойност от 800x600. Аз питам защо? Отговорът: казват, че тъй като на снимачната площадка е и си заслужава. подразбиране прозорци слага малко и администратори не се притеснява, не са една и съща стара дама счетоводител да се изкачи има нишка, за да се промени)))
няма да започне дълги спорове, за които е по-добре - маса или блокове, просто си казвам - за налагане на сайта на масите могат удобно, но това е за статично съдържание, но ако има динамична (PHP, Perl, ASP, каквото се сетите) отдел на статични блокове на динамичен - това е просто ужасно по масите и Jquery и други като тях ще работят с блокове (поне аз го направих така). Пс аз не виждам никакъв сериозен проект с помощта на таблици в оформлението на страници, може би гледа лошо, но си струва да мисля за това.
Аз сега не разбирам какво спора. Както ви харесва, и писането и nefig Sve налагат становища по други. И поради остарели маси тук са etoot сайт няколко примера е писано в таблицата вътре дива. ww.mail.ru уебсайт е писано и начин каучука е също една маса вътре друга маса, но в рамките на много divs и за промяна на разделителната способност и съдържание не скочи и е лесен за четене и ochchcheen intoraktivny. Между другото има някои "експерти", пише, че таблицата на миналия век и така proeksperementiruyte отворите някоя megaportal отвори кода и ще видите, че след като тялото маркер. че всичко е наред tezhe остарели всички таблицата се кълне. Това е въпросът, ако на масата толкова остаряла, защо всички готини проекти, които се използват Аааа. Според мен най-efektivnost маса като рамката и вътре дива като интерактивно съдържание. Но това е лично мое мнение не може да го вземе :)
на моята Toshiba 14 "1360 * 768, но аз съм още у дома (1280) Не се простират прозореца на браузъра си, докато виси един прозорец, в цял ръст и 3/4 ширина
За такива случаи трябва да знаете, върховенството на "изграждането на състава" и "златното сечение", при разтягане 1024 1920 и двата загубени. "И ти се опита да седне на един стол 30 см ширина и 100?" - резултат - F * NE ще бъде неприятно. Или едното или другото.
спорят за размера на монитора, всичко очевидно забрави за двама велики маркер, който гума vorstke (както аз вярвам) Ами, просто е необходимо: мин ширина и височина мин-
До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!
Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!
Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.
Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!