Mit gondoltok erről a forráskódról?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Főoldal</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:803px;
height:310px;
z-index:1;
left: 179px;
top: 22px;
}
#Layer2 {
position:absolute;
height:126px;
z-index:1;
clip: rect(auto,auto,auto,20%);
left: 342px;
top: 44px;
width: 20%;
}
body {
background-image: url(bg.jpg);
background-color: #FFFFFF;
background-repeat: no-repeat;
}
#Layer3 {
position:absolute;
width:62px;
height:31px;
z-index:2;
left: 368px;
top: 210px;
}
#Layer4 {
position:absolute;
width:169px;
height:31px;
z-index:3;
left: 502px;
top: 210px;
}
#Layer5 {
position:absolute;
width:131px;
height:31;
z-index:4;
left: 690px;
top: 210px;
}
#Layer6 {
position:absolute;
width:200px;
height:31px;
z-index:5;
left: 903px;
top: 210px;
}
#Layer7 {
position:absolute;
width:158px;
height:31px;
z-index:6;
left: 1125px;
top: 210px;
}
-->
</style>
</head>
<body>
<div id="Layer2">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1000" height="160">
<param name="movie" value="header.swf" />
<param name="quality" value="high" />
<embed src="header.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1000" height="160"></embed>
</object>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="Layer4">
<h1>Kapcsolatok</h1>
</div>
<p> </p>
<div id="Layer5">
<h1>Bemutatkozás</h1>
</div>
<p> </p>
<div id="Layer6">
<h1>Szolgáltatások</h1>
</div>
<div id="Layer7">
<h1>Képgaléria</h1>
</div>
<p> </p>
<p> </p>
<div id="Layer3">
<h1>Aktuális</h1>
</div>
</body>
</html>
titeket nem zavar ha sok ilyen layer1, layer2, layer3... van?
válasza:Csak pár dolog:
1. <p> -ket nem használunk pozicionálásra. erre van a css.
2. a sok layer -t pedig érdemes elnevezni okosan, mert az h layer semmit se mond. a #leftSide #rightSide #content #container stb sokkal beszédesebb.
3. flasht ha tudod kerüld
4. a css külön fájlba legyen ne a headben mert így mindig újratöltődik az oldallal együtt
5. ha dizájnolsz érdemes utánanézni a reszponzív design készítésnek, elég menő technika és viszonylag kevés + munka, de máris lesz egy több felbontásra optimalizált oldalad
6. UTF-8 -at használj karakterkódolásnak
7. nem próbáltam ki, hogy pontosan hogyan néz ki a layout -od, de nagyon soknak érzem az abszolút pozicionálást. float-okkal relatívan kevésbé pixelfüggő az eredmény.
válasza: válasza:Hányás.
-naming conventions
-css külön fájlba
-absolute pozicionálást elfelejteni, csak indokolt esetben használni
-flasht a headerből száműzni
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!