Jump to content

Препоръчан пост

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

Първо четох в една книга че наслагването на снимките една върху друга става с т.н. z-index. Тук изниква първия проблем и написаното в книгата

няма съответствие с това, което става на сайта. Ето го сорса

 

<html>

 

<head>

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

<title>Untitled 4</title>

<base target="rbottom" />

</head>

<body background="back.jpg">

<p><img style="position:absolute; left:0px; right:0px; top:0px; z-index=1" src="ddd1.jpg" width="100%" height="25%"></p>

<img style="position:absolute; left:597px; bottom:420px; z-index=3" src="1.png" width="240" height="210">

<img style="position:absolute; left:640px; bottom:400px; z-index=2" src="rek.jpg" width="300" height="210">

 

 

Та z-index-a въобще не определя коя снимка над коя се налага. Установих, че последната вписана снимка има предимство пред другите независимо от номера на з индекса и'. Ако някой може да ми обясни как точно става ще съм мн благодарен.

Също се интересувам при страница с фреймове каква е командата от единия фреим където ще е разположени менюто ми да давам команди (разираите да наглася юрл-лите)към другия фрейм. Ползвам Microsoft Expression Web, и в момента работи, има ограничение, което позволява да командвам единия фреим чрез другия, но не и обратното (надявам се да ме разбирате. Искам да науча ръчния начин за да мога да създам по голяма гъвкавост на сайта.

Също така имам още няколко въпроса относно системата за регистрация в сайта, брояч на посещенията, брояч на преглежданите снимки( view counter),реитингова система, но нека първо си изясня това. Така, че моля помагайте!

Link to comment
Сподели другаде

  • 1 month later...

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

Първо четох в една книга че наслагването на снимките една върху друга става с т.н. z-index. Тук изниква първия проблем и написаното в книгата

няма съответствие с това, което става на сайта. Ето го сорса

 

<html>

 

<head>

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

<title>Untitled 4</title>

<base target="rbottom" />

</head>

<body background="back.jpg">

<p><img style="position:absolute; left:0px; right:0px; top:0px; z-index=1" src="ddd1.jpg" width="100%" height="25%"></p>

<img style="position:absolute; left:597px; bottom:420px; z-index=3" src="1.png" width="240" height="210">

<img style="position:absolute; left:640px; bottom:400px; z-index=2" src="rek.jpg" width="300" height="210">

 

 

Та z-index-a въобще не определя коя снимка над коя се налага. Установих, че последната вписана снимка има предимство пред другите независимо от номера на з индекса и'. Ако някой може да ми обясни как точно става ще съм мн благодарен.

Също се интересувам при страница с фреймове каква е командата от единия фреим където ще е разположени менюто ми да давам команди (разираите да наглася юрл-лите)към другия фрейм. Ползвам Microsoft Expression Web, и в момента работи, има ограничение, което позволява да командвам единия фреим чрез другия, но не и обратното (надявам се да ме разбирате. Искам да науча ръчния начин за да мога да създам по голяма гъвкавост на сайта.

Също така имам още няколко въпроса относно системата за регистрация в сайта, брояч на посещенията, брояч на преглежданите снимки( view counter),реитингова система, но нека първо си изясня това. Така, че моля помагайте!

 

Koдът ти е пълна боза, от там и проблемите. Идея си нямам какво е Microsoft Expression Web и не ми трябва, но определено подобен подход на нищо не учи.

 

Първо, строеж на сайт на html, не означава програмиране. HTML е мета език за описание на форматирани документи.

 

Всеки уеб-документ започва с <! DOCTYPE html .... Toзи момент е съществен и при теб липсва. Липсата на DOCTYPE обезсмисля "<base target", което е набито ни в клин-ни в ръкав.

 

Първата снимка е затворена в етикети за параграф <p>?! Това е глупост. Поредна глупост е. че стилът й е зададен в %. С това height="25%" или правиш гумен сайт, или бог знае какво. Поредната грешка е, че след z-index=1 не затваряш стила с ;. Има валидатори и те веднага щяха да го подчертаят.

 

1.png и rek.jpg задаваш пропорци, но не става ясно в какви мерни единици.

 

И понеже програми като Microsoft Expression Web учат на папагалщина, не си задал затварящ слеш на етикета за картинки />.

 

При това изобилие от грешки IE гърми и отказва интерпретация, докато Firefox има заложен механизъм да отгатва замисъла на кода.

 

z-index= задава приоритет на снимки една над друга. Тази с по-висок номер, се показва най-отгоре.

Link to comment
Сподели другаде

  • 2 weeks later...
Мда кода беше скапан, но сега всичко е ок! Doctype липсва защото сайта оше е на компа и това е последната ми грижа! Само не разбрах какво срещу % в снимките. Ако има някаква по универсална мерна единица моля кажете ми я. При последните тестове с % сайта стоеше доста добре. Има още работа разбирасе, но аз не съм про и работя след работа по сайта като в същото време чета и литература по темата. Програмата на windows найстина е гадна боза и ако може да ми препоръчате някоя друга. По принцип обичам да правя всичко ръчно, но помощ от някоя програма никога не е излишен.
Link to comment
Сподели другаде

Мда кода беше скапан, но сега всичко е ок! Doctype липсва защото сайта оше е на компа и това е последната ми грижа! Само не разбрах какво срещу % в снимките. Ако има някаква по универсална мерна единица моля кажете ми я. При последните тестове с % сайта стоеше доста добре. Има още работа разбирасе, но аз не съм про и работя след работа по сайта като в същото време чета и литература по темата. Програмата на windows найстина е гадна боза и ако може да ми препоръчате някоя друга. По принцип обичам да правя всичко ръчно, но помощ от някоя програма никога не е излишен.

Doctype е първа грижа, в противен случай платете на някого и не се занимавайте. Отсъствието на Doctype предизвиква у браузера състояние, всякаш той ще интерпретира страница от зародиша на веб-строителството. В Doctype се съдържат директиви за строг код или не такъв HTML /XHTML.

 

Второ това е ужасен код, не защото сте начинаещ, а защото е вложен. Това е типичен код за wysiwyg редактор и подобен код е тъпкала Донка суджуци. Няма нужда от стилове, когато има класове и идентификатори, а това е по силите на DreamWeaver, например. Забравете всички изчадия за редактори ала Microsoft Expression Web, WPM и не знам си още какви. Те само мажат, наточени са по свойствени критерии на автора им, не ресетват браузерите и хиляди още кусури.

Препоръчвам ви да си кодите под Windows по ред причини.

 

Проблема с мернитие единици ще светне като схванете идеята за абсолютно позициониране и за гумен сайт. Тогава нещата сами ще подсказват кога да се измерва в %, px, pt, em или auto.

 

желая ви успехи

Link to comment
Сподели другаде

Имаш право, в интерес на истината доста съм объркан, но с времето доста неща ми се изясняват. Правя нещо и заедно с това уча. Последния път когато правих саит беше преди 8 години когато w3 не беше въвел doctype формата и много неща са се променили. В крайна сметка го правя не за самия сайт а за да натръпам знанията. Прогамата на Windows беше първата , която ми попадна, но и аз се убедих че тя е доста ниско ефективна и бъгава. Не съм пробвал с адоб дрим , но не само вие ми я препоръчахте, най-вероятно ще я разгледам. Също така съм се насочил и към Joomla. За момента обаче гледам да правя всичко ръчно за да имам понятие от това как всъщност нещата работят и след това мисля да се захвана с помощен софтуер. Надявам се в бъдеще ако се наложи да мога да разчитам на помощ от вас защото никой не се е родил научен.
Link to comment
Сподели другаде

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гост
Отговори на тази тема

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   Не можете да качите директно снимка. Качете или добавете изображението от линк (URL)

Loading...
×
×
  • Създай ново...