• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Seite mit Dreamweaver fertigstellen.

Status
Für weitere Antworten geschlossen.
L

LuCk-aGe

Guest
Hallo html.de-Community,
zunächst möchte ich darauf hinweisen das ich "vollnoob" im Bezug auf HTML usw. bin.

Mein Anliegen...
ich habe ein Design welches später mal ein Blog werden soll,
der mit wordpress laufen soll. Bis jetzt habe ich das Design zerschnitten und (hoffentlich:oops:) richtig in Dreamweaver "zusammen gesetzt".

Das erste auftauchende Problem ist das ich keine Ahnung habe,
wie ich einen Link in die Navigation einfügen kann. die gesammte Seite besteht aus Bildern, und nicht aus "gecodeten Hintergründen".

Hier mal ein Bild in Dreamweaver

Der bisherige Code der Seite (einige Links zu Bildern habe ich geändert)
Code: 
<html>
<head>
<title>LotR... Luck on the River</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#AFAFAF" text="#000000" background="background.jpg">
<div align="center"><img src="header.jpg" width="700" height="187" align="middle" name="header"> 
  <img src="content_navi_top.jpg" width="700" height="20" align="top"><img src="bilder/content-bg.jpg" width="510" height="25"><img src="bilder/navi_1.jpg" width="190" height="25"><img src="bilder/content-bg.jpg" width="510" height="80"><img src="bilder/navi-bg.jpg" width="190" height="80"> 
  <img src="bilder/content-bg.jpg" width="510" height="25"><img src="bilder/navi_2.jpg" width="190" height="25"><img src="bilder/content-bg.jpg" width="510" height="80"><img src="bilder/navi-bg.jpg" width="190" height="80"><img src="bilder/content-bg.jpg" width="510" height="25"><img src="bilder/navi_3.jpg" width="190" height="25"><img src="bilder/content-bg.jpg" width="510" height="80"><img src="bilder/navi-bg.jpg" width="190" height="80"><img src="bilder/content-bg.jpg" width="510" height="25"><img src="bilder/navi_4.jpg" width="190" height="25"><img src="bilder/content-bg.jpg" width="510" height="80"><img src="bilder/navi-bg.jpg" width="190" height="80"><img src="bilder/content-bg.jpg" width="510" height="25"><img src="bilder/navi_5.jpg" width="190" height="25"><img src="bilder/content-bg.jpg" width="510" height="80"><img src="bilder/navi-bg.jpg" width="190" height="80"><img src="bilder/content-bg.jpg" width="510" height="25"><img src="bilder/navi_6.jpg" width="190" height="25"><img src="bilder/content-bg.jpg" width="510" height="80"><img src="bilder/navi-bg.jpg" width="190" height="80"><img src="bilder/content_navi_bottom.jpg" width="700" height="20"> 
</div>
</body>
</html>
Meine Fragen sind nun...
1. wie kriege ich hin, das die Bilder im Browser nicht mehr zu markieren (kopieren) sind?
2. Wie kriege ich Links in die Navigation (z.B. Member 1 usw. bei "Mitglieder"?
3. Wie kriege ich hin, das die Bilder wie ein hintergrund gehandelt werden, so das ich text über die bilder legen kann (z.B. eine News in den Contentbereich)?

Das wäre es erstmal,
wäre euch schonmal sehr dankbar für Hilfestellungen :)

Mit freundlichen Grüßen
Joachim (HTML-Noob + Neu hier :D)
 
LuCk-aGe schrieb:
1. wie kriege ich hin, das die Bilder im Browser nicht mehr zu markieren (kopieren) sind?
Zum Vergrößern anklicken....

Gar nicht. Was online ist kann auch kopiert werden. Für diejenigen Besucher die sich kaum mit Webs auskennen kann man zwar eine Rechtsklicksperre einrichten - die gilt aber dann für die gesamte Webseite und kann sehr leicht umgangen werden.

2. Wie kriege ich Links in die Navigation (z.B. Member 1 usw. bei "Mitglieder"?
Zum Vergrößern anklicken....
Setze um die Bilder einen Link. Müsste im Quellcode dann so aussehen:
Code: 
<a href="linkziel.html"><img src="bilder/navi_2.jpg" width="190" height="25"></a>
3. Wie kriege ich hin, das die Bilder wie ein hintergrund gehandelt werden, so das ich text über die bilder legen kann (z.B. eine News in den Contentbereich)?
Zum Vergrößern anklicken....
Bilder als Background einbinden. Keine Ahnung wie das in Dreamweaver geht, im CSS sähe es so aus:

Code: 
background-image: url(hintergrundbild.gif);
 
Hallo threadi,
erstmal danke für die zügige Antwort.

wie kriege ich den diese "rechtsklicksperre hin?

Setze um die Bilder einen Link. Müsste im Quellcode dann so aussehen:
Code: 
<a href="linkziel.html"><img src="bilder/navi_2.jpg" width="190" height="25"></a>
Zum Vergrößern anklicken....
Da hast du mich missverstanden..
ich möchte unter den Text (rechts was mal die Navi werden soll) "Mitglieder" in dem zwischenraum mehrere Links die dann zu Spielerprofilen führen sollen... aussehen sollte das ganze zum schluss in etwa so

ich hoffe du verstehst nun was ich meine,
gruß Joachim
 
LuCk-aGe schrieb:
wie kriege ich den diese "rechtsklicksperre hin?
Zum Vergrößern anklicken....

Mit JavaScript. Z.B.:
Code: 
function dno()
{
return false;
}
function omu(e)
{
if(e.which==1)
{
window.releaseEvents(Event.MOUSEMOVE);
window.onmousemove=null;
}
}
function jk()
{
alert(unescape("Kopierschutzhinweistext"));
return false;
}
function kj(e)
{
if(e.which==1)
{
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove=dno;
}
if(e.which==3)
{
return jk();
}
}
function ct()
{
hg=event.button;
if(hg==2||hg==3)jk();
}
vc=document.all;
qb=document.getElementById;
if(vc)
{
if(qb)
{
document.oncontextmenu=jk;
document.onselectstart=dno;
}
else
{
document.onmousedown=ct;
}
}
if(qb&&!vc)
{
document.onmousedown=dno;
document.onmouseup=kj;
document.oncontextmenu=dno;
}
if(document.layers)
{
window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
window.onmousedown=kj;
window.onmouseup=omu;
}

... muss in einen <script>-Bereich im <head> der Seite die geschützt werden soll. Achtung: wenn das eingefügt ist kann man keine Formulare auf der Webseite mehr bedienen bzw. ausfüllen! Bringt wirklich nur etwas wenn man DAU's das Kopieren erschweren will und die Seite nur Bilder und Texte beinhaltet.

Da hast du mich missverstanden..
ich möchte unter den Text (rechts was mal die Navi werden soll) "Mitglieder" in dem zwischenraum mehrere Links die dann zu Spielerprofilen führen
Zum Vergrößern anklicken....

Keine Ahnung wie das bei deiner Tabellekonstruktion wäre. Ich verzichte generell auf Tabellen und nutze für solche Menüs immer eine Aufzählungsliste ...

Code: 
<ul>
<li>Menüpunkt 1
<ul>
<li><a href="#">Untermenüpunkt 1</a></li>
<li><a href="#">Untermenüpunkt 2</a></li>
</ul>
</li>
<li>Menüpunkt 2</li>
</ul>

... und formatiere dass dann per CSS. Keine Ahnung ob und wie du das mit Dreamweaver hinbekommen könntest ;ugl
 
ich hab nur das problem,
das ich in DW keine Links erzeugt kriege ohne dafür ein Bild auszuwählen...
ich möchte aber über das Bild Text - als Link - legen (siehe bild ---> nickname).


mir alles zu hoch, krieg da nichts hin... der will wenn ich einen Link erstellen möchte,
immer ein Bild und ggf. die adresse zu der .htm, ich will aber kein bild auswählen...

gibt es den hier keinen der sich mit Dreamweaver 100%ig auskennt?
 
Mit Dreamweaver musste doch nur die Grafik als Hintergrundbild einrichten, dann kannste doch nen text drüberschreiben und den als link formatieren?
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben