Здравейте, имам няколко въпроса, а в последствие със сигурност ще изникнат и нови. 
Първият ми въпрос е как да направя background-image да е с големина спрямо резолюцията на потребителя? Опитах с background-size: 100%, но от там изникна друг проблем. Като го направя с bg-size:100% когато  Zoom-вам,  background-а си остава същият, а бутоните (които съм добавил като <img>) се разместват спрямо background-а. Целта ми е да се третират като едно цяло. Това води до втория ми въпрос.

Кой е най-добрият начин за добавяне на бутони? За момента се сещам за невидима таблица, като отделни картинки или като ги нарисувам върху backgrounda и после с <area> си ги очертая като url.

 

www.dnk.free.bg 

Редактирано 29 юли 201511 г. от Denislav Stoichev (преглед на промените)

Здравейте, имам няколко въпроса, а в последствие със сигурност ще изникнат и нови. 

Първият ми въпрос е как да направя background-image да е с големина спрямо резолюцията на потребителя? Опитах с background-size: 100%, но от там изникна друг проблем. Като го направя с bg-size:100% когато  Zoom-вам,  background-а си остава същият, а бутоните (които съм добавил като <img>) се разместват спрямо background-а. Целта ми е да се третират като едно цяло. Това води до втория ми въпрос.

Кой е най-добрият начин за добавяне на бутони? За момента се сещам за невидима таблица, като отделни картинки или като ги нарисувам върху backgrounda и после с <area> си ги очертая като url.

 

www.dnk.free.bg 

За резолюцията пробвай с атрибутите Width и Height

Редактирано 29 юли 201511 г. от X-Gamer (преглед на промените)

Може да го направиш с <button> и да му сложиш background image. Това, че не се увеличава се получава точно от background-size: 100%, но не знам как да го оправиш.

Редактирано 29 юли 201511 г. от RJ45 (преглед на промените)

За резолюцията пробвай с атрибутите Width и Height

Така не се ли прави до определени пиксели? Няма ли да се получи ефект при хора с по-малка резолюция да им излиза лента за преместване, а тези с по-голяма - бели краища заради ограничения background?

 

Може да го направиш с <button> и да му сложиш background image. Това, че не се увеличава се получава точно от background-size: 100%.

Не се бях сетил за този начин. Получават се някакви граници около моя image, предполагам е защото бутона отдолу е с по-голям размер. Увеличих размера на image-а, в опити да препокрия долния, но той се увеличава заедно с моя.

Редактирано 29 юли 201511 г. от Denislav Stoichev (преглед на промените)

Width и Height не се използват за background. Те се прилагат единствено ако елемента е блоков, например за div. 

 

Махни: 

background-size: 100%;

Сложи: 

background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;

П.С.: 

 

Кой е най-добрият начин за добавяне на бутони?

Зависи какви бутони. За nav-а? Ако са за форма ето:

<form>
<input type="button" value="Button"/>
</form>

Редактирано 29 юли 201511 г. от Stoyannnov (преглед на промените)

Ако правиш navigation bar или меню се прави с ul. Виж тук. Ако е единичен бутон става както е казал Стоянов или с button.

Редактирано 29 юли 201511 г. от RJ45 (преглед на промените)

 

Width и Height не се използват за background. Те се прилагат единствено ако елемента е блоков, например за div. 

 

Махни: 

background-size: 100%;

Сложи: 

background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;

П.С.: 

 

Зависи какви бутони. За nav-а? Ако са за форма ето:

<form>
<input type="button" value="Button"/>
</form>

 

Благодаря, това до някъде оправи положението.

 

Ако правиш navigation bar или меню се прави с ul. Виж тук. Ако е единичен бутон става както е казал Стоянов или с button.

Направих ги с ul и се получи доста добре.Благодаря.

Имам друг въпрос. Kакъв е еквивалента на include или require на PHP за html ?  Това открих, но не съм сигурен, че е правилното <link rel="import" href="images/adsdas.html  ">  

 

 

 

П.С.

 

Направо ще напиша каква ми е целта, за да е сигурно, че ще ме разберете. Намирам се в index.html и искам като натисна бутон от navigation bar, примерно Контакти, след като зареди новия contacts.html , да се запазват основните неща от  index.html (background , navigation bar и др.).

Редактирано 29 юли 201511 г. от Denislav Stoichev (преглед на промените)

Според мен CSS-a трябва да го сложиш в отделен файл. В HTML-a на всяка страница трябва да добавиш менюто(самия HTML код) и в <head> да добавиш линк към този CSS файл и по този начин да се оформи. Виж тук има примери. Трябва да използваш external css. Попринцип е лоша практика да смесваш css и html в един файл, защото не можеш да преизползваш CSS-a. Когато имаш отделен CSS файл само задаваш на html-a да го използва (c <link rel...)и готово. Вече ако искаш страниците да изглеждат по различен начин, но с еднакво меню, тогава може да направиш различни CSS файлове. Примерно единият файл ще е menu.css и ще включва нещата само за менютата, него го вкарваш във всички страници и вече за всяка страница си правиш различен .css файл.

П.П: Не знам колко добре съм обяснил, затова питай ако не разбираш нещо.

Редактирано 29 юли 201511 г. от RJ45 (преглед на промените)

Според мен CSS-a трябва да го сложиш в отделен файл. В HTML-a на всяка страница трябва да добавиш менюто(самия HTML код) и в <head> да добавиш линк към този CSS файл и по този начин да се оформи. Виж тук има примери. Попринцип е лоша практика да смесваш css и html в един файл, защото не можеш да преизползваш CSS-a. Когато имаш отделен CSS файл само задаваш на html-a да го използва (c <link rel...)и готово. Вече ако искаш страниците да изглеждат по различен начин, но с еднакво меню, тогава може да направиш различни CSS файлове. Примерно единият файл ще е menu.css и ще включва нещата само за менютата, него го вкарваш във всички страници и вече за всяка страница си правиш различен .css файл.

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

Здравейте, имам няколко въпроса, а в последствие със сигурност ще изникнат и нови. 

Първият ми въпрос е как да направя background-image да е с големина спрямо резолюцията на потребителя? Опитах с background-size: 100%, но от там изникна друг проблем. Като го направя с bg-size:100% когато  Zoom-вам,  background-а си остава същият, а бутоните (които съм добавил като <img>) се разместват спрямо background-а. Целта ми е да се третират като едно цяло. Това води до втория ми въпрос.

Кой е най-добрият начин за добавяне на бутони? За момента се сещам за невидима таблица, като отделни картинки или като ги нарисувам върху backgrounda и после с <area> си ги очертая като url.

 

www.dnk.free.bg 

<!DOCTYPE html>
<html>
<head>
<style>

body {
    border: 1px solid black;
    background:url(img_flwr.gif);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding:15px;
}
</style>
</head>
<body>



</body>
</html>

Бутоните най добре да се придвижват релативно онресайз  евент с джава скрипт, като се използват innerWidth и innerHeight на window object

Редактирано 29 юли 201511 г. от Реджеп Иведик (преглед на промените)

Обаче не е същото както е при windows desktop приложенията.

 

На браузера, когато отваряш прозорец, не се случва ресайз евент. Само, когато променяш размера се случва. Това е разликата.

 

За това трябва да изчислиш и да покажеш нещата с необходимите размери и места, още при показването на прозореца от браузъра.

Редактирано 29 юли 201511 г. от Реджеп Иведик (преглед на промените)

Здравейте, имам няколко въпроса, а в последствие със сигурност ще изникнат и нови. 

Първият ми въпрос е как да направя background-image да е с големина спрямо резолюцията на потребителя? Опитах с background-size: 100%, но от там изникна друг проблем. Като го направя с bg-size:100% когато  Zoom-вам,  background-а си остава същият, а бутоните (които съм добавил като <img>) се разместват спрямо background-а. Целта ми е да се третират като едно цяло. Това води до втория ми въпрос.

Кой е най-добрият начин за добавяне на бутони? За момента се сещам за невидима таблица, като отделни картинки или като ги нарисувам върху backgrounda и после с <area> си ги очертая като url.

 

www.dnk.free.bg 

background-size: cover; Не знам защоm но това пропърти трудно се намира в нета и затова вебаджиите опират до практики свързани с оразмеряване на снимки или зареждане на различна по големина снимка в media queries. Background-size спестява много проблеми.

Мерси за отговорите. Java script още не съм разглеждал затова ще го оставя за накрая.

 

Изникна ми друг въпрос относно encoding-а. Без <meta charset="UTF-8"> кирилицата е йероглифи. Като сложа  <meta charset="UTF-8">   от йероглифи става на въпросчета (???? ? ? ???). Как да го направя да си е кирилица?  Иначе като си стартирам сайта на лаптопа си е кирилица, а като го кача на dnk.free.bg и става на въпросчета.

 

Мерси за отговорите. Java script още не съм разглеждал затова ще го оставя за накрая.

 

Изникна ми друг въпрос относно encoding-а. Без <meta charset="UTF-8"> кирилицата е йероглифи. Като сложа  <meta charset="UTF-8">   от йероглифи става на въпросчета (???? ? ? ???). Как да го направя да си е кирилица?  Иначе като си стартирам сайта на лаптопа си е кирилица, а като го кача на dnk.free.bg и става на въпросчета.

 

Сложи:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

На мястото на:

<meta charset="UTF-8">

Редактирано 30 юли 201511 г. от Stoyannnov (преглед на промените)

 

Сложи:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

На мястото на:

<meta charset="UTF-8">

Супер, оправи се.

Понеже на  сайта си мисля да качвам разни клипове или препратки към клипове (с <iframe> не знам как се наричат точно) , та се замислих вместо да правя страницата безкрайно дълга, само с html  възможно ли е да се направи някакъв правоъгълник (фрейм, бордер, прозорец, не знам как се нарича и това) с непроменлив размер, в който да се съдържа цялата информация и посредством scroll или лента за преместване да се разглеждат нещата? 

Много ще се радвам дори само ако ме насочите какво да търся, че ми е голям Х.

Супер, оправи се.

Понеже на  сайта си мисля да качвам разни клипове или препратки към клипове (с <iframe> не знам как се наричат точно) , та се замислих вместо да правя страницата безкрайно дълга, само с html  възможно ли е да се направи някакъв правоъгълник (фрейм, бордер, прозорец, не знам как се нарича и това) с непроменлив размер, в който да се съдържа цялата информация и посредством scroll или лента за преместване да се разглеждат нещата? 

Много ще се радвам дори само ако ме насочите какво да търся, че ми е голям Х.

В content-а на сайта правиш div с фиксиран размер. В него слагаш всички iframe-ове. В CSS задаваш този div с пропертито overflow и като стойност му задаваш scroll, може и visible, разликата е в скрола надясно и наляво. Така div-а няма да променя размера си и постоянно ще има скрол нагоре и надолу.  

 

Не знам дали си ме разбрал за това ето пример.

В content-а на сайта правиш div с фиксиран размер. В него слагаш всички iframe-ове. В CSS задаваш този div с пропертито overflow и като стойност му задаваш scroll, може и visible, разликата е в скрола надясно и наляво. Така div-а няма да променя размера си и постоянно ще има скрол нагоре и надолу.  

 

Не знам дали си ме разбрал за това ето пример.

Кратко и ясно. Мерси 

free.bg не поддържат динамични структури. Ако използваш PHP в сайта си няма да работи.

В допълнение към Емо, ако търсиш безплатен хост може да пробваш 000webhost. Имат и безплатни домейни. За сметка на това се пускат някакви реклами при влизане в сайта, но за учебни цели става.

В допълнение към Емо, ако търсиш безплатен хост може да пробваш 000webhost. Имат и безплатни домейни. За сметка на това се пускат някакви реклами при влизане в сайта, но за учебни цели става.

Напълно съгласен, но ако ще го използва само за учебни цели, може да си инсталира XAMPP на компютъра и готово.

 

Сложи:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

На мястото на:

<meta charset="UTF-8">

 

Това няма ли да помогне докато разработва файловете на Windows-ка машина, в момента в който ги метне на хостинг сървъра (в повечето случай това е Linux или Unix/BSD) ако той не е кирилизиран както трябва ще се видят пак маймуни или ????.

За да опавиш проблема истински, трябва html файловете ти да са енкоднати в UTF-8 и да имат charset="UTF-8" в мета тага. Така независимо каква ОС използва хостинга ще се вижда по един и същи начин точно това което трябва.

Как се прави - ами най-простото е да отвоиш html файла с Notepad-а и да му дадеш Save As със същото име но там където пише Encoding: "ANSI" му даваш Encoding: UTF-8. Съветвам те да го направиш с един тестов файл защото може да се случи така че кирилицата в оригиналния файл да стане на маймуни в момента в който го сейвнеш като UTF-8 и няма да можеш да я четеш което ще направи редактирането на файла по-трудно. Но ако файла е направен като UTF-8 от началото няма да имаш проблеми с кирилицата нито под Windows нито под Linux.

Точно от вчера си мислех да попитам дали free.bg поддържа PHP, но се чудих дали тук е мястото да го направя или в друг раздел. Опитвах на няколко различни сайта, но понеже нямам много опит и ми е трудно да се ориентирам, а в  free.bg беше направено доста простичко.

Регистрирах си домейна www.dnk.bg във free.bg . Също така се регистрирах и на 000webhost.com  и от там  ми казаха "You need to update nameservers to ns01.000webhost.com, ns02.000webhost.com for your domain."   и   " To point your domain to our services, you need to visit your domain registrar (where you registered the domain) and change the name servers associated with your domain to our name servers" .  

 

 За да си регистрирам такъв сайт бях чел някъде из форума някакъв пост, който се състоеше от няколко стъпки:
Въвеждам невалиден сайт примерно asjfjasfjasj.free.bg и след кат ми каже, че не съществува излиза полее за регистрация и от там си регистрирам моя си dnk.bg. Съответно ме предупреждава, че излизам от зоната на free.bg, което не разбирам какво точно означава и откъде мога да "менижирам" домейна, за да сменя неймсървъра.
 

Редактирано 31 юли 201511 г. от Denislav Stoichev (преглед на промените)

Ако наистина искаш да правиш сайт, който ще се развива и ще се посещава просто ще се наложи да си закупиш хостинг и домейн. Ако просто ще се упражняваш може спокойно да си инсталираш XAMPP на компютъра и да си правиш всичко локално.

Не те съветвам да правиш такива упражнения(тези,които коментираш в горния пост), за да не се учудиш какво ти е станало със сайта

Това няма ли да помогне докато разработва файловете на Windows-ка машина, в момента в който ги метне на хостинг сървъра (в повечето случай това е Linux или Unix/BSD) ако той не е кирилизиран както трябва ще се видят пак маймуни или ????.

За да опавиш проблема истински, трябва html файловете ти да са енкоднати в UTF-8 и да имат charset="UTF-8" в мета тага. Така независимо каква ОС използва хостинга ще се вижда по един и същи начин точно това което трябва.

Как се прави - ами най-простото е да отвоиш html файла с Notepad-а и да му дадеш Save As със същото име но там където пише Encoding: "ANSI" му даваш Encoding: UTF-8. Съветвам те да го направиш с един тестов файл защото може да се случи така че кирилицата в оригиналния файл да стане на маймуни в момента в който го сейвнеш като UTF-8 и няма да можеш да я четеш което ще направи редактирането на файла по-трудно. Но ако файла е направен като UTF-8 от началото няма да имаш проблеми с кирилицата нито под Windows нито под Linux.

Сега промених файла на .txt  и погледнах - по подразбиране беше на UTF-8 предполагам, защото от самото начало е бил така.

 

"За да опавиш проблема истински, трябва html файловете ти да са енкоднати в UTF-8 и да имат charset="UTF-8" в мета тага. "

Значи в крайна сметка трябва да го има този таг задължително така ли?

Ako сайта ти е на български трябва в хедъра на страницата да имаш <meta charset="windows 1251">