Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Rezlas · 22.03.2012

Hallo, wie der Titel schon sagt bräuchte ich ein bißchen Hilfe beim Erstellen einer Webseite. Ist zwar nicht meine erste, aber bei dieser bräuchte ich ein paar Sachen, mit welchen ich mir leider noch schwer tue(

Ich habe Dreamweaver CS5, bitte kein Antworten in Programmiersprache, das würde mir Spanisch vorkommen(((((((

1. Ich habe nach dem hier verfügbaren Tut ein Kontaktformular erstellt, hat alles geklappt. Aber ich habe nicht rauslesen können, wie man die Emailadresse des Empfängers verknüpft. Sprich: wenn ich auf die Schaltfläche zum Schluss drücke, soll dieses Formular an mich verschickt werden.

2. Ich habe glaub ich keinen geeigneten Tut für einen Newsbereich gefunden. Ich will einen bearbeitbaren Bereich (mit Login und PW) auf der Page einfügen. Analog die linke Spalte auf dieser Seite: http://musikinstitut-allegro.de/

3. Evtl die einfachste Sache, aber blick ich trotzdem nicht -> Ich will 10 Zitate auf der Page haben, die sich beim aktualisieren abwechseln. Quasi sichtbar ist immer nur eins, aber die sollen sich wahllos abwechseln.

4. Frage zu Flash. Ich habe die Flash Taste nach dem Tut erfolgreich hinbekommen, aber wie er einen Sound von sich geben soll, beim Drüberfahren krieg ich allein leider nicht hin(

Falls ihr mir bei einigen Sachen die ich aufgelistet habts, ratets dies eher als Neuling zu lassen (weil zB der Newsbereich evtl zu kompliziert ist), könnts ihr mir dann evtl eine Seite raten, wo ich diesen dann kostenlos und werbefrei übernehmen kann?

Ich hoffe auf eure baldige Hilfestellung und bin jetzt schon für alles was ihr mir ratet sehr dankbar)))))))))))))))))))))))))

msblacky · 22.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Hallo,

also als Newbie solltest Du dich mal mit einigen Grundlagen sprich Quelltext vertraut machen, die verlinkte Seite ist eine Joomla CMS Seite. Wenn ich es alles richtig verstanden habe würde ich Dir als Neuling davon abraten, es ist zuviel was Du auf einmal willst, HTML, CSS, Javascript und jQuery solltest Du dich ein wenig damit auskennen, sonst wird es glaube ich nichts.

msblacky

der_fou · 22.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Sorry, wenn ich das (auch) so darstelle, aber:
wenn Dir Dreamweaver nicht weiterhelfen kann oder Dir nicht das liefert, was Du willst, dann wirst Du wohl um ein bisschen "Spanisch" nicht umhin kommen.

... sorry!

LG und allzeit "gut Licht"!

der fou

world · 22.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Du wirst ohne Programmiersprache nicht hinkommen. Die Webseite des Links ist ein Joomla Template bzw eine Seite die an Joomla angepasst wurde. Wenn dir Dreamweaver nicht weiter hilft dann beschäftige dich mit den Grundlagen.

Eskayp · 22.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Hmm, ich sehe das anders, bin sogar fest davon überzeugt, dass keiner meiner Vorredner erst einmal 3 Jahres Bücher gewälzt hat, bevor die erste Webseite erstellt wurde.

Learning by doing! Sicherlich muss man für professionelle Webseiten viel Know-How und Erfahrung besitzen, aber Spaß macht das Lernen eben nur, wenn man sich realen Projekten widmet und sich Stück für Stück dem Ziel nähert.

Nun aber zu Deinen Fragen:

1) mit action="mailto:..." kannst Du das Formular an eine E-Mail-Adresse senden. Details dazu findest Du hier: http://de.selfhtml.org/html/formulare/verarbeiten.htm

2) für einen News-Bereich ist es notwendig, dass Du die eingegebenen Änderungen irgendwie auf dem Webserver speicherst. Dafür benötigst Du eine Programmiersprache, die auf dem Server ausgeführt wird, wie z.B. PHP, ASP, PERL, JAVA, ...
Ich habe hier keinen wirklich guten Tipp für Dich, aber Google hat mir auf der ersten Seite gleich sowas wie das hier ausgeworfen:
http://www.script-archiv.com/php/scripts-und-programme/news/
Voraussetzung ist, dass der Server die entsprechende Programmiersprache (in diesem Fall PHP) auch unterstützt.

3) hierfür gibt es verschiedene Lösungsansätze. Z.B. könnte man die verfügbaren Zitate in einer Datenbank auf dem Server speichern und in dem Moment in dem die Seite abgerufen wird einen zufälligen Eintrag aus der Datenbank abrufen und zusammen mit der restlichen Webseite an den Browser senden. Ich denke für Dich wäre aber eine JavaScript-Lösung praktikabler. Hierbei wären, wie schon von Dir beschrieben, alle Zitate irgendwie in der Seite enthalten und nur ein zufällig gewählter wird eingeblendet.
Mein Tipp dazu: setze die Zitate alle jeweils in einen Container (z.B. <div>) mit der Klasse "unsichtbar", gib jedem Zitat eine aufsteigende ID und blende per JavaScript ein zufälliges Zitat ein. Also so ähnlich:

Code:

<div id="zitat1" class="unsichtbar">Lorem ipsum</div>
<div id="zitat2" class="unsichtbar">Dolor sit amet</div>
...
<div id="zitat10" class="unsichtbar">Insectutor</div>

Code:

div.unsichtbar { display: none; }
div.sichtbar { display: block; }

Code:

var n = Math.floor(Math.random() * 10) + 1; // Zufallszahl
var el = document.getElementById('zitat' + n) // Element finden
if (el) el.className = 'sichtbar'; // Klasse entfernen und dadurch Element einblenden

4) ich hoffe das hier hilft:

---

Letzter Tipp: Die Fragen, die Du gestellt hast, kommen alle aus unterschiedlichen Bereichen. Gleichzeitig die Themen HTML, CSS, JS, PHP und Flash zu lernen ist tatsächlich etwas viel auf einmal. Wenn Du Dich erst einmal auf die ersten 2 oder 3 Themen konzentrierst und dann PHP und Flash später dazu nimmst, hast Du sicherlich mehr Erfolg. Auch wenn Dir das eine oder andere dann erstmal verwehrt bleibt.

alexanderhey · 23.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Nabend.

Wenn du hier durchsteigst , kannst du das auch gerne nehmen:
das hier ist die kontakt.php-Datei:

Code:

<?php
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Kontaktformular.org
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


// Einstellungen

// Ihre E-Mailadresse
$ihre_emailadresse = 'blabla@domain.de';

// Absender || Muster(From: NAME <EMAIL>) // Beispiel: 'From: Max Mustermann <max@musterdomain.tld>'
$email_absender = 'From: Kontaktformular <system@domain.tld>';

// Betreff
$email_betreffzeile = 'Kontaktformular-Anfrage';



// Hinweismeldungen

#Nicht alle Felder ausgefüllt
$errormessage[0] = 'Fehler, Sie haben nicht alle Felder ausgefüllt:';
#Kein Name eingegeben
$errormessage[1] = '<br />- Ungültiger Name';
#Ungültige E-Mailadresse eingegeben
$errormessage[2] = '<br />- Ungültiger E-Mailadresse';
#Kein Betreff eingegeben
$errormessage[3] = '<br />- Ungültiger Betreff';
#Keine Nachricht eingegeben
$errormessage[4] = '<br />- Ungültige Nachricht';
#Ungültiger Sicherheitscode
$errormessage[5] = '<br />- Ungültiger Sicherheitscode';
#Ungültiger Zeichen (Spamverdacht)
$errormessage[6] = '<br />- Ungültige Zeichen entdeckt';

#Alle Felder sind OK
$okay = 'Vielen Dank für Ihre Nachricht, wir werden Sie demnächst bearbeiten!<br /><br />';





// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


    #######################################
    session_start();
    #######################################


	  if(isset($_POST['submit'])) {
    #######################################

	  $name =       check($_POST['name']);
	  $email =      check($_POST['email']);
	  $betreff =    check($_POST['betreff']);
	  $nachricht =  check($_POST['nachricht']);
	  $homepage =   check($_POST['homepage']);

    #######################################

		$ip = $_SERVER['REMOTE_ADDR'];
		$host = gethostbyaddr($ip);

    #######################################

		$zeit = time();
		$datum = date ("d.m.Y", $zeit);
		$uhrzeit = date ("H:i:s", $zeit);

    #######################################

		$message = '<span style="color:red">' . $errormessage[0];

    if($name==''){$message .= $errormessage[1]; $fehler = 1;}

    if(!ereg("^[_a-zA-Z0-9-]+(\.[_a-zA-Z0-9-]+)*@([a-zA-Z0-9-]+\.)+([a-zA-Z]{2,6})$", $email)) {
			$message .= $errormessage[2]; $fehler = 1;}

    if($betreff==''){$message .= $errormessage[3]; $fehler = 1;}

    if($nachricht==''){$message .= $errormessage[4];	$fehler = 1;}

    if($_POST['code']=="" || strtolower($_POST['code'])!=$_SESSION['captcha_code']){
			$message .= $errormessage[5]; $fehler = 1;}

    if(ehi_check()!=0){$message .= $errormessage[6];  $fehler = 1;}

		$message .= '</span><br /><br />';

		#######################################

    #######################################

        if(!isset($fehler)){

        $email_nachricht  = "-- Kontakformularanfrage --\n\nBetreff: $betreff";
        $email_nachricht .= "\nName: $name\nE-Mailadresse: $email\nHomepage: $homepage\n\n";
        $email_nachricht .= "Nachricht:\n$nachricht\n\nIP: $ip\nHost: $host\n";
        $email_nachricht .= "gesendet am $datum um $uhrzeit.";

        // Mail senden
        @mail($ihre_emailadresse, $email_betreffzeile, $email_nachricht, $email_absender);

        //Variablen resetten
        $name       = '';
			  $betreff    = '';
			  $email      = '';
			  $nachricht  = '';
		    $homepage   = '';

        $meldung=$okay;

		    } else {
		    $meldung=$message;
		    }
    #######################################
    #######################################
	} //endissetsubmit
  else{$meldung='';}


// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
?>


<!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>
  <title>Alexander Hey - Mediendesign - designhey</title>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

  <!-- **** layout stylesheet **** -->
  <link rel="stylesheet" type="text/css" href="style/style.css" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />

<script type="text/javascript">
function reload_captcha(){
var nd = new Date();
var src="captcha.php?"+nd;
document.getElementById("captcha").src= src;
}
</script>

</head>

<body>
	<div id="main">
  <div id="logo"><h1><a href="index.htm">designhey</a></h1></div>

<!-- Navigation - Anfang -->
  <div id="menu">
    <ul>
      <li><a href="index.htm">Start</a></li>
      <li><a href="leistungen.htm">Leistungen</a></li>
	  <li><a href="referenzen.htm">Referenzen</a></li>
      <li><a href="impressum.htm">Impressum</a></li>
      <li><a class="selected" href="kontakt.htm">Kontakt</a></li>
    </ul>
  </div>
  <div id="site_content">
    <div id="first_column">
		<div class="disignBoxFirst">
			<div class="boxFirstHeader">Kontakt</div>
			<div class="boxContent">
<table width="99%" border="0"><tr>
<td align="left" valign="top">
Alexander Hey - Mediendesign<br />Lutzehof 7<br />06366 Köthen (Anhalt)<br /><br />Steuernummer: 116 / 230 / 02723<br />Finanzamt Köthen<br />			<br />Aufgrund §19 UStG (Kleinunternehmerregelung) erfolgt bei Angebot und Rechnung keine Ausweisung der Umsatzsteuer.<br /><br />

<a href="http://www.facebook.com/pages/designhey/249154305140052" target="_blank"><img border="0" src="pics/logo-facebook.jpg"></a><br /><br />

<img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="20" width="57" />
<img style="border:0;width:57px;height:20px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /></td>

<td align="left" valign="left">
<form name="kontaktformular" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">

<table style="width:500px">
<tr><td colspan="2"><?php echo $meldung; ?></td></tr>
<tr>
	<td style="width:150px"><strong>Name:</strong></td>
	<td><input name="name" type="text" value="<?php echo $name;	?>" size="40" maxlength="100" /></td>
</tr>
<tr>
	<td style="width:150px"><strong>E-Mail Adresse:</strong><br /></td>
	<td><input name="email" type="text" id="email" value="<?php echo $email; ?>" size="40" maxlength="100" /></td>
</tr>
<tr>
	<td style="width:150px"><strong>Betreff:</strong></td>
	<td><input name="betreff" type="text"  value="<?php echo $betreff; ?>" size="40" maxlength="50" /></td>
</tr>
<tr>
	<td style="width:150px"><strong>Homepage:</strong></td>
	<td><input name="homepage" type="text"  value="<?php echo $homepage; ?>" size="40" maxlength="50" /></td>
</tr>
<tr>
	<td style="width:150px"><strong>Nachricht:</strong></td>
	<td><textarea name="nachricht" cols="40" rows="10" style="white-space: nowrap;"><?php echo $nachricht;	?></textarea></td>
</tr>
<tr>
<td style="width:150px">&nbsp;</td>
	<td>&nbsp;</td>
</tr>
<tr>
<td style="width:150px"><strong>Sicherheitscode:</strong></td>
	<td><img id="captcha" src="captcha.php" alt="captcha" border="1"  /><br />
	<a href="javascript:void(0);" onclick="reload_captcha();">Neuer Code?</a></td>
</tr>
<tr>
	<td style="width:150px"><strong>Sicherheitscode <br />
	wiederholen: </strong></td>
	<td><input name="code" type="text"  size="20" maxlength="50" /></td>
</tr>
<tr>
	<td style="width:150px">&nbsp;</td>
	<td>&nbsp;</td>
</tr>
<tr>
	<td style="width:150px">&nbsp;</td>
	<td><input type="submit" value="Abschicken" name="submit" />
	<!-- Hinweis darf nicht entfernt werden! -->
	<p><span style="font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif">
	&copy; Script Powered by <a target="_blank" href="http://www.kontaktformular.org" title="kostenloses Kontaktformular">kostenloses Kontaktformular</a></span></p>
	<!-- Hinweis darf nicht entfernt werden! --></td>
</tr>
</table>
</form></td></Tr></table>
</div>

		</div>
	</div>
<div id="footer">
  <div id="copy_r">
	<img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="20" width="57" />
	<img style="border:0;width:57px;height:20px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" />
    <img src="http://www.psd-tutorials.de/forum/images/copy-alex.jpg" alt="copy" /></div>



  <!-- Please do not remove this part. this template is free - the only thing we ask is to live a link to us.-->
	Designed by <a href="http://www.flashdaweb.com/">FlashDaWeb</a>

  </div>
</div>
</div>
</body></html>



<?php
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


function check($var){
$varsafe=trim(strip_tags($var));
return $varsafe;
}


function ehi_check(){
$achtung=0;
foreach($_POST as $val){
$pos = strpos(strtolower($val), 'content-type:'); if($pos !== false){$achtung++;}
$pos = strpos(strtolower($val), 'content-type');  if($pos !== false){$achtung++;}
$pos = strpos(strtolower($val), 'bcc:');          if($pos !== false){$achtung++;}
$pos = strpos(strtolower($val), 'bcc');           if($pos !== false){$achtung++;}
} //endforeach
return $achtung;  // wenn Null dann Alles Okay
}


// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
?>
_____________________
und  hier die captcha.php:
<?php session_start();
##############################################################################
##############################################################################
header('Content-type: image/png');
$img = ImageCreateFromPNG('files/bg.png');

$cod= rand(0,99999);
$_SESSION['captcha_code']=$cod;

$color = ImageColorAllocate($img, 149, 165, 155);
$ttf = 'files/font.ttf';
$ttfsize = 21;
$angle = rand(0,4);
$t_x = rand(5,40);
$t_y = 24;

imagettftext($img, $ttfsize, $angle, $t_x, $t_y, $color, $ttf, $cod);
imagepng($img);
imagedestroy($img);
##############################################################################
##############################################################################
?>

Das ganze sieht so aus:
www.designhey.de/kontakt.php

Gruß Alex

Bitte das nächste Mal den Code in das entsprechende Tag setzen. Danke. Minaya

Myhar · 23.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Abgesehen davon, dass man den Quelltext lieber in [ CODE ] Tags gepackt hätte, damit man ihn auch gut lesen kann.
Das Kontaktformular ist ja schrecklich, ein Tabellenlayout ohne Labels zu den Inputfeldern. Das kann ich keinem empfehlen auch nur Ansatzweise zu verwenden.

Gelöschtes Mitglied 133165 · 23.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Nichts für ungut, jeder soll ja nach seinem Geschmack "werkeln", aber Tabellenlayout ist nun buchstäblich "letztes Jahrtausend"
www.little-boxes ist da einen näheren Blick wert und zeigt moderne, einfache Lösungen mithilfe von HTML und CSS.

alexanderhey · 23.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Hi.
Es ging mir auch eher um den Formular-Quelltext an sich. Ich lese zwischen den Zeilen vom TE, daß er von solchen Dingen nicht wirklich nen Plan hat. Er muss das ja nicht nehmen, ist nur zu "Lese/Übungszwecken" gedacht um zu zeigen, daß es auch ohne dieses mailto und Outlook geht.

Gruß Alex

Edit:
@myhar - was soll denn dein Kommentar ? Rumnörgeln kann jeder. Dann schreib wenigstens, wie du es machst. Sorry aber für solche effektiv nichts-bringenden Posts habe ich nichts übrig.

@behemoth65 bei deinem Link fehlt ne Kleinigkeit. Www.little-Boxes.de wäre es gewesen ;-)

Mr_Quick · 23.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

@ Rezlas

Deine Seite ist in Joomla erstellt.
Laut Footer hat dies eine Firma gemacht.
Wieso macht diese besagte Firma deine Umsetzung nicht, oder möchtest Du dies nun selbst bewerkstelligen?
Solltest Du mit der Firma, welche Gründe auch immer evtl. auf Kriegsfuss stehen, würde ich den Link im Footer entfernen.
Für Joomla gibt es viele Plugins - Module, wo zum Teil das schon umgesetzt ist, was Du möchtest.

Gruß

Mr_Quick

Myhar · 23.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

alexanderhey schrieb:
Edit:
@myhar - was soll denn dein Kommentar ? Rumnörgeln kann jeder. Dann schreib wenigstens, wie du es machst. Sorry aber für solche effektiv nichts-bringenden Posts habe ich nichts übrig.

Das ist nicht nur herumnörgeln, es soll aufzeigen, dass es effektivere und zeitgemäßere Techniken gibt, etwas umzusetzen. Es bringt dem TE nichts, wenn er von Beginn an veraltete Techniken (wie Tabellenlayouts) lernt. Auch, wenn es nur zu Anschauungszwecken da ist, man merkt sich solche Dinge doch auch und übernimmt sie eher in zukünftige Projekte.
Nachdem du nach einem Bsp für meine Aussage möchtest. Ich dachte, es sei klar, was ich meine, aber dem ist wohl nicht so, verzeihung. Also hier ein Beispiel für ein Formular ohne Tabellenlayout mit Labels zu den Inputfeldern:

HTML:

<label for="input1">Vorname</label><input id="input1" type="text" />
<label for="input2">Nachname</label><input id="input2" type="text" />
<!-- etc. eventuell noch divs für Zeilen einfügen, falls es wirklich benötigt wird -->

Rezlas · 23.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Danke an alle für die recht schnellen Antworten, war einiges nützliches dabei, muss gleich mal versuchen was umzusetzen.))

Und nun zum Hintergrund der Seite))
Die verlinkte Seite ist nicht von mir erstellt, ich finde den Design ehrlich gesagt schrecklich und nun versuche ich selbst dran zu werkeln. Die Seite hatte meine Schwägerin bei einem "Webdesigner" bestellt, (der verlangt für das eigentlich fertige Template 350 Euro, finde ich eine Hochstapplerei). Und da ich eigentlich eh ein Design Premium inkl. Dreamweaver besitze, dacht ich mir ich lass das Prog nicht einfach so auf dem Rechner verstauben

.
Für meine erste Schritte hatte ich mich eigentlich mich Dreamweaver (dank der echt gelungenen Tuts hier) sehr schnell zurecht gefunden. Vom Design her mach ich mir auch keine Gedanken, dass ich scheitern werde, bis jetzt klappt eigentlich alles. Anfangs hatte ich ein Framedesign in Betracht bezogen, dach habe ich die Idee wieder schnell verworfen, da es wohl auf anderen Rechnern mit anderer Auflösung zu Fehlanzeigen kommen kann. Ich finde die Ebenenfunktion bei Dreamweaver sehr ansprechen und werde diese wohl auch effektiv umsetzen.
Ich finde acuh ehrlich gesagt meine Ansprüche für die erste Seite nicht zu hoch gesetzt zu haben, sind ja nur´n paar Sachen die man programmieren sollte, der Rest ist eher der kosmetische Faktor. Lediglich habe ich zu sehr Respekt vor dem Newsbereich, kann sein, dass ich evtl. zum Scheitern komme( Jetzt habe ich aber was dies angeht von "Wordpress" gehört, wie ist es damit? Ist es das was ich brauche? Und wenn ja, köntte es kompliziert werden?

Mr_Quick · 23.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Wordpress ist ein fertihes CMS System, so wie dein Joomla (wo gerade in Gebrauch ist).

Einarbeiten musst Du dich in Beide.
Entscheiden muss jeder selbst was er möchte.
CMS Systeme haben den Vorteil, das Du von überall aus, Daten einpflegen kannst und nicht nur stupide vom HOME Rechner aus.

Meine Seite(n) laufen alle in Wordpress.

http://de.wikipedia.org/wiki/Content-Management-System

patrick_l · 23.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Rezlas schrieb:
der verlangt für das eigentlich fertige Template 350 Euro, finde ich eine Hochstapplerei).

Da reicht mir schon ein Blick in das CSS.

/* Created by Artisteer v3.1.0.48375 */

Hier sind 350 € in der Tat Wucher. Artisteer ist ein WYSIWYG-Editor um schnell ein eigenes Template/Theme für Joomla, WP, Drupal und Co umzusetzen. Hier ist quasi nichts selber gemacht. Ein prof. Template sieht da sicherlich anders aus.

Ohne jetzt das Layout jetzt zu bewerten- Wäre die Seite ordentlich per Hand umgesetzt worden, wären die 350 € für ein CMS-Template keine Hochstaplerei. Kommt halt auf das Layout und den eigentlichen Content selbst an der eingepflegt werden soll / muss. Hier sind die Preise um einiges höher. Bei deinem Beispiel jedoch nicht gerechtfertigt. Für das Geld hätte man sich gleich die Software selbst kaufen können.

Nun zu deinem Vorhaben. Dreamweaver ist zwar ein WYSIWYG-Editor aber ganz ohne HTML und CSS-Kenntnisse wirst du auch nicht weiter kommen. Daher auch von mir der Tipp wenigstens die Basics zu lernen. Wenn die erst einmal sitzen ist alles weitere eigentlich kein Problem mehr. Es sieht am Anfang eigentlich schwieriger aus als es eigentlich ist.

Wenn du beabsichtigst deine Website mit einem CMS (Content-Management System) wie Joomla, Wordpress, Drupal und Co umzusetzen, kannst du zunächst ein fertiges Template entsprechend anpassen. Wenn du aber beabsichtigst ein eigenes Template zu entwickeln, kommst du um (x)HTML, CSS und natürlich PHP nicht drumherum.

Für Dreamweaver gibt es auch gute Schulungs-DVD's von Video2Brain und GalileoPress. Hier kann ich von allem die von Helge Maus und Roland Pottkämper empfehlen. Beide erklären ziemlich gut die WYSIWYG-Arbeitsweise in und mit Dreamweaver.

Aber sinnvoller ist es sich die nötigen Sprachen selber anzueignen. Dafür gibt es unter anderem gute Lektüren zum nachlesen aber auch kostenlose Quellen im Internet. Einige von denen habe ich hier mal für dich verlinkt.

- HTML5/CSS3 Handbuch - Webkompetenz
- Einführung in XHTML, CSS und Webdesign - Michael Jendryschik
- Little Boxes | Webseiten gestalten - HTML & CSS (Peter Müller)
- CSS 4 You | The Finest in Stylesheets
- CSS Mania · Since 2004
-

Grüße Patrick

Rezlas · 25.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Hallo nochmal, alles schwieriger als ich dachte

Aber das wird schon) Etwas langsammer als ich dachte, aber mit ein Paar Lektüren krieg ich das hin )

Könnts ihr mir noch raten, wie ich das Ganze bei ihm stornieren kann? Also die 100 Euro Anzahlung (die er schon gekriegt hat) kann er von mir aus behalten, aber den restlichen Betrag hat er meiner Meinung nach nicht verdient.

Mr_Quick · 25.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Da muss ich dem sinus2k recht geben.

Lege ihm doch die Fakten auf den Tisch.
Das Template wurde mit Artisteer erstellt und das Programm kostet wenn Du es selbst kaufst weniger und hättest das selbe Ergebnis erziehlt.

Dazu kommt, das Du evtl. die AGB´s mal vornehmen solltest - siehe sinus2k

Mr_Quick · 25.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

sinus2k schrieb:
bitte ohne deppenapostroph und überhaupt ohne ein angehängtes „s“. es handelt sich um „allgemeine geschäftsbedingungen“, nicht „bedingungens“

woher eigentlich die artisteer-info? ist die im openerpost verlinkte site nicht nur als beispiel vom te genannt worden?

Im Quelltext der Page vom TE ist das Wort Artisteer gestanden.

Hat anscheinend die Page nun vom Netz genommen, da bei mir nur noch ne weiße Seite erscheint

Hab ich schon wieder das Wort AGB mit "s" geschrieben, *schande* über mein Haupt

Rezlas · 28.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Also so viel ich weiß, war kein schriftlicher Vertrag zu Stande gekommen (alles offiziel mir Rechnung), das war alles auf mündlicher Basis.
Storniert wird das Ganze eben wegen unzufiredenstellendem Design, wegen nicht vollständig beabeitenden Seiten, meine Schwägerin musste teilweise ganzen Inhalt selbst einfügen. Seine Arbeit ist sozusagen quasi: fertiges Template auf den Server hochladen.

Die als Beispiel gesendete Seite ist auch die gemeinte gewesen.
Hat er jetzt entfernt und auf seinen Server draufgeladen . Ist uns auch recht soweit, da ich bereits meine eigene hochgeladen habe musikinstitut-allegro.de (an newsbereich usw. arbeite ich noch)

Jetzt hat er auf jeden Fall nach dem Stornierungsversuch, meiner Schwägerin einen Mahnbescheid entsandt. Er meint, dass der Auftrag nach der Zusage vollständig erfüllt wurde (in dem Fall gibt es aber weder einen Auftrag noch wurde die Seite je fertiggestellt). Er droht auf jeden Fall mit einem Anwalt, falls die Zahlung nicht vollständig durchgeführt wird. Und er würde die Seite nach der Zahlung wieder auf unseren Server laden (Was aber in dem Fall aber nicht erwünscht ist, ausserdem gefällt es uns nicht, dass die unkomplette Seite mit seiner Umsetzung online ist)

Wie ist eurer Meinung nach die Rechtsgrundlage und was könnts ihr mir in dem Fall raten?

Mr_Quick · 28.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Hi

Das dir in diesem Moment richtige zu raten ist etwas schwer, da man die kpl. Geschichte / Ablauf nicht genau kennt.

Keinen schriftlichen Vertrag, samt Unterschrift deiner Schwägerin - würde ich sagen keine rechtlichen Chancen.

Hattet Ihr einen eMail Verkehr???
Wenn ja, kann er sich darauf berufen und dies als Vertragsgegenstand ansehen (nur Wage Auskunft, da ich kein Anwalt bin).

Mündliche Absprachen zählen in diesem Falle nicht, da jeder Beteiligte etwas anderes behaupten kann, dass es in diesem Falle zu Gunsten für sich ausgeht.

Was mich schonmal total wundert

Web-, Grafikdesign: Überlassen Sie uns die Entwicklung und Umsetzung Ihrer Wünsche im Druck- und Webbereich. Wir bieten professionelle Konzepte und Lösungen für Ihren Erfolg sowohl im Internet als auch im Druck-Bereich.

Entweder mach ich dieses, oder jenes, aber beides kann nicht funktionieren.

Würde dir empfehlen, dass Du die Page im Wordpress (CMS) umsetzt.

Nachdem ich von euch ja jetzt nicht soweit weg bin, darfst Du mich auch gerne Konsultieren.

Gruß

Mr_Quick

Rezlas · 28.03.2012

AW: Ein Newbie bräuchte paar Hilfestellungen beim Webdesign

Mr_Quick;1941711 [B schrieb:
Würde dir empfehlen, dass Du die Page im Wordpress (CMS) umsetzt.[/B]

Nachdem ich von euch ja jetzt nicht soweit weg bin, darfst Du mich auch gerne Konsultieren.

Gruß

Mr_Quick

Danke)
Habe jetzt auf dem MySQL, Wordpress installiert und mir die V2B Wordpress abonniert, mal schauen wie es sich entwickelt. Wie gesagt ist alles Neuland für mich bis jetzt und die ganzen Begriffe wie CMS,CSS, query usw. sich für mich immer noch Fremdwörter((
Meinst du, dass ich mit dem komplettem Design nach Wordpress umziehen sollte? Ich hatte bis jetzt eigentlich im Sinn, dass ich nur die Texte die beabeitet werden auf den Seiten in einer Ebene (AP DIV) wiederspiegeln würde (ist es überhaupt möglich?)