HTML-szerkesztés kezdõknek!!!

Sziasztok!
Szeretnék 1 kis segítséget kérni színek szekesztéséhez...
Van valamilyen progi, ami kiadja a színkódokat?

Köszi holnap kipróbálom, csak most pont nem érek reá, de nagyon kiványcsi vagyok. Amugy nagyon érdekel mit fog csinálni.

A flash-eket SWISH max al csináltam ami ráadásul nem is egy mai gyerek már nekem már vagy 1,5 éve meg van a progi. van benne olyan hogy HTML-ként menti a flash-t. még azt akarom megpróbálni.

A javascript-el az a gond h nekem a weblapkészitésból az még mindig nagyon kínai és most a nyakaom van jópár zh uh most biztos nem állok neki tanulni.

Szerintem a flash animációk embed-es beillesztése miatt.
Vagy illeszd be rendesen a Flash animációt az oldaladba, vagy cseréld ki Javascriptes+animált gif-es megoldásra (úgy sincsenek túlanimálva a gombok).

Flash beillesztése:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="550" height="150">
<param name=movie value="mymovie.swf">
<param name=quality value=high>
<embed src="mymovie.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="150">
</embed>
</object>
Zöld színnel jelõltem az átírandó részeket.

Gondoltam megosztom veletek ezt a hasznos oldalt
Angolul van, de érdemes elolvasni.

VAn nekem egy oldalam mely a bociub.uw.hu címen érhetõ el és nagyon örülnék neki h ha lenne vki olyan aki megmondaná miért fagy az elsõ betöltésekor az explorer?

Elõre is THX

nincs mit

ok, thx aztán sikerült rájöttem<#worship><#worship>

igazából nincs különbség, csak annyi, hogy akkor a szöveget vagy <p> vagy <span> tagek közé írd, hogy tudd paraméterezni. Az eljárás ua.

lehet rosszul fejeztem ki magam: kép mint képernyõ, vagyis oda ugrik az oldal... vagy lehet én értettem félre amit te irtál:)

emlékeim szerint úgy, hogy a képnek adsz egy id-t: id="kép neve". A szövegben pedig a linknél erre hivatkozol: <a href="#kép neve">
Asszem....

Hi!

az lenne a kérdésem hogy, hogy lehetne megcsinálni htmlbe mint pl ez itt, szal van 1 tartalom és alant sok szöveg ha rémegyek a címre akkor oda ugrik a "kép"

THX

ott mek minek?

köszi szépen mindjárt át is böngészem a dolgot de amugy szerintem saját gépen szeretném futtatni nem neten

Íme egy gyorsan összerakott példa a kiírásra+nyomtatásra (Javascript), illetve a mentésre (PHP).
<form action="ment.php" name="urlapom" method="post">
<input type="text" name="neve"><br>
<select name="neme">
<option value="férfi">Férfi</option>
<option value="nõ">Nõ</option>
<option value="egyéb">Egyéb</option>
</select><br>
<textarea row="10" cols="20" name="megjegyzes"></textarea><br>
<input type="submit">
</form>
<script type="text/javascript">
function ablak() {
wd=window.open(''); /*Ablaknyitás*/
wd.document.open();
wd.document.write ('<b>Neve</b>: '+document.urlapom.neve.value+'<br>');
wd.document.write ('<b>Neme</b>: '+document.urlapom.neme.value+'<br>');
wd.document.write ('<b>Megjegyzés</b>: '+document.urlapom.megjegyzes.value+'<br>');
wd.document.close();
wd.print(); /*Nyomtatás*/
}
</script>

A ment.php:
<?php
//Filementõ
function filesave ($bemenet) {
$filename = "ment.txt"; //A file, amibe elmentjük a dolgokat
if (file_exists($filename)) {
$handle=fopen($filename, "a"); //Ha létezik új sorba írunk
} else {
$handle=fopen($filename, "w"); //Ha nem létezik, új file-t készítünk
}
if ($bemenet !="") {
fwrite ($handle,$bemenet); //Beleírunk
}
fclose($handle); //Zárunk
}

//Lekérjük az ürlap adatait
$neve = $_POST["neve"];
$neme = $_POST["neme"];
$megjegyzes = $_POST["megjegyzes"];

//Kicseréljük a sortöréseket
$megjegyzes = nl2br($megjegyzes);

//Összerakjuk egy sorba
$menteni = $neve.chr(9).$neme.chr(9).$megjegyzes."\n";

//Mentünk
filesave ($menteni);
?>

Ha ingyenes tárhelyszolgáltatónál használod az egészet akkor a ment.txt-t külön kell létrehoznod (egy teljesen üres txt file-t), feltöltened (és a 666-os attribútumot megadnod - Total commander-ben File/Attribútumok módosítása).

köszi átnézem a mit küldtél:)
amugy csak ki akarom iratni hogy utána ki lehessen nyomtatni a dolgot szal ilyen adatlap készitõ jellegü dolgot akarok belõle csin
a köv kérdésem pedig az lenne hoyg hogy lehet elmenteni ugy hogy ezt utána bármikor vissza is tudjam hivni de ne szaladjak ennyire elõre:))

te csak ne nevess:)
te se tudtad:))))
vagy csak nem árultad el??:):))

hihi :)

Ha csak ki akarod íratni az oldalon - Javascript(vagy VBScript).
Bõvebben errõl itt, itt, itt, itt, itt, itt, és itt olvashatsz (leginkább a példakódok olvasgatását/próbálgatását javaslom).
Vagy itt is találhatsz ürlapokhoz kapcsolódó Javascript cuccokat.

Ha el is akarod tárolni (file-ban vagy adatbázisban), vagy e-mailben elküldeni - PHP (vagy ASP vagy JSP vagy Perl).
PHP-s e-mail küldõre itt találhatsz példát.

sziasztok
lenne egy olyan problémám hogy szeretnék csinálni egy olyan oldat ahol formokat alkalmazok ezzel a részével nincs is gond tehát az oldalt ahol a ormok vannak meg tudom csinálni tehát abeviteli mezõk ugymond megvannak a text area választo mezö stb a probléma ott kezdõdik hogy ezeket nem tudomhogy kell beállitani
gondolok itt arra hogy az oldal alján van egy elküld gomb mondjuk és ha azt megnyomom akkor amiket beirtam a beviteli mezökben azt az ujj oldalon szépen kiirja nekem magyarul nem tudom hogy ell parméterezni a dolgot bár lehet hogy most sok hülyeséget irtam:)))
szóval ha ebben valaki tudna segiteni azt megköszönném:)
vagy valami jó kis tutort ani hozzá
mert magamtol nem boldogulok:(((
elõre is köszi:))

& n b s p ;

az   segitett :)

Udv!

Kene csinalnom egy tablazatot, a mezok kozott elvalaszto vonalakkal. border="1" beirva a <table> taghez. Viszont amelyik mezoben nincs semmi irva, oda nem kerul elvalaszto vonal.. Hogy lehet oda is rakni?

"és szerinted melyik a legjobb(használható, könnyû)????"
Kezdõknek a Frontpage-et (annak is az Express változatát) szokták javasolni. Az NVU ugyancsak jól kezelhetõ.

Lopott gombok? az érdekes mert én csináltam õket photoshoppal.
A tartalom szerintem teljesen átlátható, a színek az együttest képviselik és ezek tökéletesen illenek szerintem a fekete háttérhez, nem értem mi az a piros amitõl kiég a szemed.
A kivágdosott képeket mire érted? A menü feletti képre? Mert azzal sincs semmi bajom, de mind1. Biztos a tiéd profibb

és szerinted melyik a legjobb(használható, könnyû)????<#vigyor2>

kössz
<#circling><#wave>

* Frontpage (megtalálható a Microsoft Office 2003 Professional magyar változatában)
* Nvu
* Amaya - magyar nyelvre való beállítása itt
* Araneae
* HTMLPad
* Jegyzettömb :)

hello!!!
nem tud valaki egy elég jó magyar nyelvû honlap szerkesztõt???
<#help>
kössz

Vorpal, ugye az elõbbi hozzászólásodat buliból hazatérve írtad? ;)

"Ittenkém miért akar ma mindenki weboldalat csinálni."
Miért akar mindenki számítógépet használni? Miért akar mindenki szöveget szerkeszteni?

Alapvetõen azért mert ez egy kommunikációs forma. Persze ez a "silányabb", pardon amatõrebb formája. Nem mindenki csinál valid, akadálymentes, szemantikus, használható, keresõoptimalizált, böngészõfüggetlen, modern oldalakat. Egyrészt mert nem lehet mindig megoldani (egy képgaléria vakok számára nemigazán oldható meg élvezhetõ formában, vagy például a validság és a böngészõfüggetlenség sem állnak jó viszonyban egymással); másrészt mert nem értenek hozzá (az amatõr honlapkészítõk nem feltétlenûl profik).

No szóval ez egy amatõr (nem hivatásos, nem üzleti célú) oldal, pláne nem is nagy célközönségnek. Ne várjunk el tõle egybõl Web2.0-ás hiper-szuper tartalmat (bár én is szivesebben látnék ilyesmit...)!

Drowns : ez szörnyü lett....
Lopott gombok, teljesen átláthatatlan tartalom, pocsék szinek, rosszul kivegdosott képek. Piros szin fekete háttér elõtt. Kiég a szemem. Ittenkém miért akar ma mindenki weboldalat csinálni. Tipográfia.
Használj nyugodtan egy CMS et, azok okosan értelmesen és szépen megcsinált rendszerek, pont az ilyen fanoldalakra kitalálva.

sztem a betûtpus legyen verdana, vagy arial (mert azt illik a netre), így elsõre

Sziasztok! Ismét én! Na végre optimalizáltam a honlapomat IE-re is, szóval mostmár minden jól mûködik (legalábbis eddig nem volt rá panasz, sõt...) :)
Kiváncsi vagyok a véleményetekre : az oldalam
Ne kíméljetek <#nyes><#nyes><#nyes><#vigyor><#vigyor><#buck>

1000 kössz<#nevetes1><#nevetes1>

Helo, nem bírok rájönni, hogy kell ezt az automata képcserélõ scriptetll úgy beállítani, hogy a képek csak minden 2-3 másodpercben cserélõdjenek. Szóval nem egyszerûen csak lassítani akarom.ezt

Nem tudnátok segíteni?

<td background="kep.gif>

Inkább így:
<td background='kep.gif'>

vagy:
<td background=\"kep.gif\">

Ugyanis az echo-nál idézõjelet alkalmazol, ezért a <td> elem background paraméterét nem lehet csak úgy idézõjellel használni. Vagy perjel+idézõjel vagy aposztróf.

Zsoldos: igen, úgy is lehet, sak így egyszerû elmagyarázni (nem kell belemerûlni a PHP gd csomagjának rejtelmeibe...).

Helosztok remélem tud vki segíteni.Csináltam az oldalamra egy egyszerû üzenõfalat ami így néz ki:

<html><head><title>uzi</title></head><body>
<?php
include 'login.php';

if($_POST<'submit'>) {

if(!$_POST<'author'>) {
echo 'Hiba! Név hiányzik.';
die;

}
if(!$_POST<'message'>) {
echo 'Hiba! Üzenet hiányzik.';
die;
}

$message = strip_tags($_POST<'message'>, '');
$email = strip_tags($_POST<'email'>, '');
$author = strip_tags($_POST<'author'>, '');

$message_length = strlen($message);
$author_length = strlen($author);
if($message_length > 150) {
echo "Hiba! Maximum 150 karakter lehet az üzenet.";
die;
}
if($author_length > 150) {
echo "Hiba! Maximum 150 karakter lehet a név.";
die;
}

mysql_connect($db_host,$db_user,$db_password) or die(mysql_error());

mysql_select_db($db_name) or die(mysql_error());

$date = date("h:i A dS M");

$query = "INSERT IGNORE INTO shoutbox (message, author, email, date, ip)
VALUES ('$message','$author','$email','$date','$_SERVER')";
mysql_query($query);
mysql_close();

echo "Üzenet elküldve, köszönjük<BR>";
echo "<A HREF=\"shoutbox.php\">V I S S Z A</A>";

} else {

mysql_connect($db_host,$db_user,$db_password) or die(mysql_error());

mysql_select_db($db_name) or die(mysql_error());

$query = "SELECT message, author, email, date, ip
FROM shoutbox order by id DESC LIMIT 10";
$result = mysql_query($query);
echo "<TABLE>";
while($r=mysql_fetch_array($result))
{

echo "


<TR>
<TD><strong><font size='2'>
$r     $r</A></font></strong></TD>
</TR>
<TR>
<TD><font size='2'>$r</font></TD>
</TR>
<TR>
<TD><HR></TD>
</TR>";

}
echo "</TABLE>";
$a=mysql_query("select * from shoutbox");


?>
<link href="css.css" rel="stylesheet" type="text/css">
<body bgcolor="#64A6D9">
<FORM METHOD=POST ACTION="shoutbox.php">
<TABLE>
<TR>
<TD><b>Neved</b>     <INPUT NAME="author" TYPE="text" size="10" style="background-image:url('url.gif');"></TD>
</TR>
<TR>
<TD> <b>E-mail</b>     <INPUT NAME="email" TYPE="text" size="10" style="background-image:url('url.gif');"><b>(nem kötelezõ)</b></TD>
</TR>
<TR>
<TD><b>Üzeneted</b><textarea rows=5 cols="40" NAME="message" TYPE="text" value="Üzenet" size="900" style="background-image:url('url.gif');"></textarea></TD>
</TR>
<TR>
<TD><INPUT name="submit" TYPE="submit" value="M e h e t">
<br><a href="# document.location.reload()">Frissítés</a><br>
Összes (<?php print mysql_num_rows($a); ?>)</TD>
</TR>
</TABLE>
</FORM>
<?php
}
?>

na most az echos résznél azt akartam hogy ne csak az eredeti háttérre tegye hanem másmilyen legyen ezért <td>-t kiegészítettem így:
<td background="kep.gif> ahol a kep egy másfajta színû.Na most ha így teszem fel ezt dobja ki:Parse error:
parse error, unexpected T_STRING, expecting ',' or ';' in /shoutbox.php on line 63 amit nem értek miért. Szóval ez lenne a gond akkor rem vki tudja mi az oka.

Attol fugg, hogy csinalod az atmeretezest. Server oldalon is osszenyomhatod, pl php-vel. Ugy nem kell a nagy kepet letoltenie. Van egy galeriam a nyeten ami igy mukodik. Egy ideig cache-eli is a thumbnaileket, hogy ne legyen tul processzorigenyes. Javareszt a legutobb feltoltott kepeket szemezgetik, a kepek szama pedig nagyon nagy, igy megeri a kisebb tarigeny miatt (kb 15%).

jaja, ugyanúgy betölti a nagyképet ahhoz, hogy megjelenjen a pici

óóó már csinálom is:DDD így hamar megvan htx

Igen.
És ez még automatizálható is (A képszerkesztõ/nézegetõ programok többségében van Batch processing - tömeges munkavégzés).

Irfanview-ban ez így néz ki:
1. File/Batch conversion/rename
2. A megnyíló ablakban jobb oldalt keresd ki a megfelelõ könyvtárat.
3. Jelöld ki a képeket és katt az Add gombra.
4. Output directory-nak adj meg egy könyvtárat, ahová az átalakított file-okat rakod.
5. Output Format és a mellette levõ Options gombot kedved szerint használod
6. Work as: Batch conversion - rename result files
6. Use Advanced Option legyen bepipálva kattints a Set advanced options gombra
7. A RESIZE rész legyen bepipálva. A Set both sides to-nál megadod a kis kép méretét. Preserve aspect ratio (képarány megtartása) - legyen bepipálva. Use resample function - ez meg fõleg!
8. Ok, az elõzõ ablaknál: Name pattern: $N_small (a kis képeknek a kepneve_small nevet adja).
9. Start!

szóval akkor érdemesebb minden képnek a kis változatát külön elkészíteni?

Vagy egy kis CSS:
<img src="kep.jpg" alt="kep" style="margin: 10px; border: none;" border="0" />

A képméretezésrõl: ha nagy képnek (640*480...) akaarod a kicsi változatát (160*120 )elkészíteni (thumbnal), akkor inkább méretezd át képnézõ programmal (Irfanview). A böngészõk képátméretezõ algoritmusa a megjelenítés miatt gyorsabb, de nem ad olyan jó minõséget. Ráadásul a nagy kép letöltése idõt vesz igénybe - ezért is ajánlatos külön kis képet csinálni.

<#worship><#worship>tökéletes

htx mindent

hogy is?

megvan
vspave meg hspace-kkel próbálkozz

pl

<img src="kep.jpg" width="200" height="60" vspace="10" hspace="10" alt="kep" align="left" />


esetleg még:


<img src="kep.jpg" width="200" height="60" vspace="10" hspace="10" border="0" alt="kep" align="left" />


ha link a kép

az igaz de csak akkor használom ha a képre kattintva bejön nagyban mert amúgy nem

na tök jól mûködik..htx

de még mindíg van vele egy kis gondom a szöveg egybõl a kép mellet kezdödik:( ezt hogyn tudom orvosolni?:D egy nagyon pcit kéne csak beljebb húzni hogy ne támaszkodjon neki a képnek a zsöveg

"hát hogy ne keljen a képeket méretezgetni:D"

de úgy csúnya, rossz minõségû lesz a kép!
és nem is biztos, hogy megtartod az oldalak arányát!

ja közben megcsináltam de én így írtam be

<p style="text-align:justify;">
<img src="kep.jpg" width="200" height="60" alt="kep" align="left" />

ez baj? mert végülis müködik:DD

hát hogy ne keljen a képeket méretezgetni:D

<p style="text-align:justify;">
<img src="kep.jpg" alt="kep" width="200" height="60" align="left" />
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg
<p>



De én képméretezést szinte soha nem használok. Neked minek kell? Én úgy szoktam, hogy a képet megmérezetem olyanra, ahogy szeretném, majd megnézem a méreteit - ha estelg kell valamihez, de nem írom hozzá a kódhoz.

ja még egy kérdés ebben a kódba hova kerül a képméretezése? vagy mindegy.. kép elérése után valahova beirom az ugy jó?

a thx, ahogy az angolok, amcsik ismerik

a htx meg szpemmernyelv