Antworten auf deine Fragen:
Neues Thema erstellen

[Keito2903]Websitekritik

R

rockscientist01

Nicht mehr ganz neu hier

AW: [Keito2903]Websitekritik

Na herzlichen Glückwunsch !
Ich hab schon viel schlechtere Webseiten gesehen von Leuten, die schon die x-te seite gemacht haben. Deine Seite würde sogar fast validieren, is nur ein </a> zuviel.
Sogar gleich was mit jquery gemacht - ich glaub die nach-oben ani, richtig?

Jetzt nur dran bleiben, am besten gleich die nächste machen :)

Weiter so
AO

edit: Hab noch ne Anmerkung zu den Bildern: Du musst aufpassen! Einfach irgendwelche Bilder ausm Internet auf Deine Seite zu packen - da kannste Dir ganz schnell ne teure Abmahnung einhandeln. Also vorsicht. ;)

Und noch eins: Benutz statt br lieber das p-tag. macht es übersichtlicher und fürgt automatisch leerzeilen ein, ist zudem auch einfacher über css zu stylen.
 
Zuletzt bearbeitet:
Keito2903

Keito2903

Aktives Mitglied

AW: [Keito2903]Websitekritik

Ok danke ^^

Die Bilder habe ich sicherheitshalber mal runter genommen.

Schön, dass dir die Seite sonst gefällt.^^
 
msblacky

msblacky

Helper

AW: [Keito2903]Websitekritik

Hallo,

wie schon gesagt für die erste Seite nicht schlecht, bei den Bildern solltest Du echt aufpassen vorallem wenn es sich auch noch um Produktfotos handelt, frag lieber per Mail beim Hersteller nach ob die was dagegen haben, meistens bekommt man dann auch eine positive Antwort. Und leere Links wie beim Gästebuch erst dann aktivieren wenn auch ein Inhalt vorhanden ist, ansonsten ist das ein nogo.

msblacky
 
P

psychoduke

Guest

AW: [Keito2903]Websitekritik

Auch wenn das Thema mich nicht wirklich Interessiert finde ich deine Website für deinen Versuch #1 gelungen. Keine nervenden Fehler, keine tragischen Grafik Fehler etc.

Weiter so.
 
Keito2903

Keito2903

Aktives Mitglied

AW: [Keito2903]Websitekritik

Das mit dem Gästebuch wollte ich eigentlich diese Woche noch machen, nur ich finde keine einfache Methode eins mit Captcha zu machen. Und mich noch diese Woche in etwas wie z.B Php einzulesen habe ich keine Zeit/Lust.

Danke euch^^
 
yellow27

yellow27

Olaf

AW: [Keito2903]Websitekritik

Hallo, ist erstmal schön übersichtlich und einfach strukturiert. Mit den Bilder hat er recht nur das ich sie nicht sehen kann. Woran das liegt weiß ich nicht, denke vielleicht am Browser. Die Version 1 gefällt mir besser sollte du vielleicht nur ausbauen.
 
T

Tim_2301

Noch nicht viel geschrieben

AW: [Keito2903]Websitekritik

Schöne Site :) Ich finde beim Logo könnte man noch etwas machen...vlt die Schrift mit der Katzen silhouette verbinden, die sind so in die Ecken gesetzt. Ich fänd es noch interessant wenn man sehen könnte welche Gamer was essen.... aber sonst sehr gut,weiter so!
 
Keito2903

Keito2903

Aktives Mitglied

AW: [Keito2903]Websitekritik

So hab ein kleines Update drin.

Texte und Bilder überarbeitet. Nun hab ich die Rechte an den Bildern ^^

Noch ein paar Bilder fehlen, da ich Sie noch abfotografieren muss.

Einen kleinen Code für die Bilder hab ich auch noch eingebaut =)

(Der aber irgend wie nur gut in Firefox aussieht. In Opera nicht so dolle ^^)

Was haltet Ihr nun davon?

Die Seite ist nun auch unter www.gamersmeal.de.vu zu erreichen.
 
mausz

mausz

Noch nicht viel geschrieben

AW: [Keito2903]Websitekritik

Ganz nett gemacht und die Idee ist sicher nich verkehrt. ;)

Man könnte den Links in der Navi noch einen Hover-Effekt spendieren.
Außerdem würde ich die Bilder vorm Hochladen auf passende Größe bringen. In Zeiten von DSL ist es zwar nicht mehr ganz so schlimm, aber trotzdem blähen die zu großen Bilder (du bindest sie ja eh nur kleiner ein) das Volumen unnötig auf. ;)
Ansonsten kann man nicht meckern.
 
Sturmkraehe

Sturmkraehe

Nicht mehr ganz neu hier

AW: [Keito2903]Websitekritik

Hey,

für die erste Arbeit ist die seite schon ganz gut geworden... beim einfügen des Gästebuchs hast du nur übersehen das dun im body teil einen weiteren head bereich eingeführtrt hast und den Doctype wechselst:

Hier mal das ganze:
Code: 
[COLOR="Red"]!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">[/COLOR]
[COLOR="Red"]<head>[/COLOR]
<link type="text/css" href="style.css" rel="stylesheet" media="screen" />
<title>Gamers Meal - Gästebuch</title>
<link rel="shortcut icon" href="ICON HIER REIN" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
/* <![CDATA[ */
  google.load("jquery", "1.3.2");
/* ]]> */
</script>
<script type="text/javascript">
		/* <![CDATA[ */			
		$(document).ready(function() {
		$('a[href*=#]').bind("click", function(event) {
			event.preventDefault();
			var ziel = $(this).attr("href");
			$('html').animate({
				scrollTop: $(ziel).offset().top
			}, 2000 );
	   });
	return false;
	});

		/* ]]> */
</script>
[COLOR="Red"]</head>
<body>[/COLOR]
<div id="container">

		<div id="banner" ><a href="index.html"><img src="img/Header.gif" alt=""/></a>
 			<h3>Gästebuch</h3>
		</div>
	<div id="left">
    		<ul id="navigation">
 				<li id="hover_startseite"><a href="index.html">Startseite</a></li>
                <li id="hover_news"><a href="news.html">News</a></li>

                <li id="hover_junk_food"><a href="junk_food.html">Junk Food</a></li>
                <li id="hover_gesundes"><a href="gesundes.html">Gesundes</a></li>
                <li id="hover_vegetarisches"><a href="vegetarisches.html">Vegetarisches</a></li>
                <li id="hover_snacks"><a href="snacks.html">Snacks</a></li>
                <li id="hover_getraenke"><a href="getraenke.html">Getränke</a></li>
                <li id="hover_rezepte"><a href="rezepte.html">Rezepte</a></li>

                <li id="hover_gaestebuch"><a href="gaestebuch.html">Gästebuch</a></li>
                <li id="hover_kontakt"><a href="kontakt.html">Kontakt</a></li>                
            </ul>
	</div>
    
	<div id="content">
    
   [COLOR="Red"] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
	<head>
[/COLOR]
	

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="generator" content="flatPHPbook Plus 2.1">
		<meta name="MSSmartTagsPreventParsing" content="TRUE">
		<title></title>
		<link rel="stylesheet" type="text/css" href="guestbook.css">
		<link rel="alternate" href="/gaestebuch.html?rss" type="application/rss+xml" title="RSS">
		<script language="JavaScript" type="text/javascript" src="guestbook.js"></script>
	[COLOR="Red"]</head>[/COLOR]

	<body>

und den Adminlogin würde ich entweder rausnehmen oder besser anpassen, der steht da etwas verloren rum!
lg Sturmkraehe
 
Zuletzt bearbeitet:
Myhar

Myhar

Hat es drauf

AW: [Keito2903]Websitekritik

Grundsätzlich gut gelungen :)
Ein paar kleine Anmerkungen habe ich doch noch:
Du könntest deinen Text auch in einen <p> Tag schreiben (auf Unterseiten hast du das gemacht, auf der Hauptseite aber nicht)
Auch würde ich es mir überlegen, den Footer mit einer <h1> zu realisieren, da ja der eigentlich wichtige Teil deiner Seite nicht der Footer sondern zB der Text: '25.4.2011 - Bilderupdate' ist. Auch wenn es verständlich ist, dass du deinen Namen für am Wichtigsten hältst, die Benutzer wird er wohl wenig bis gar nicht interessieren. ;-)
Ein paar Hinweise bezüglich Accessibility noch: Es wäre hilfreich, wenn du Hover-Effekte zB für deine Navigation auf der Seite einbauen könntest und Textgrößen nicht in Pixeln sondern in em oder % angibst.

L. G.
 
Keito2903

Keito2903

Aktives Mitglied

AW: [Keito2903]Websitekritik

Oh so viele Anregungen ^^

Also von Oben ab. Ein FB-Like Button kommt mir nicht auf die Seite, da ich nichts von Facebook Twitter und Co halte.

Im Code sieht man, dass ein Hover-Effekt in Planung ist^^.

Die Bilder sind soweit in Photoshop komprimiert und auf 400px x 300px gebracht und haben ca. 50kb-70kb.
Noch weniger und es krisselt mir zu viel ^^

Das mit dem zweitem Head kann ich nicht ändern(Dank meines Anfängerwissens;)), da ich das GB mit Include eingebunden habe.

Wie genau könnte ich denn den Adminlogin verschönern?

Das mit dem P Tag ändere ich noch =D

Der Footer ist doch bis auf die GB-Seite mit H1 gemacht.

<div id="footer"><h1>by Aya, Fraise & Keito 2011</h1></div>

Das mit den Schriftgrößen muss ich mal schauen wie ich das anstelle, aber hört sich gut an ^^

Danke an jegliche Hilfe =D

EDIT: Hab gerade gesehen, dass das Pizza-Bild noch die Maße 1.000px × 750px hatte. die Anderen stimmen aber ^^ Danke für den Tip
 
Zuletzt bearbeitet:
Myhar

Myhar

Hat es drauf

AW: [Keito2903]Websitekritik

Keito2903 schrieb:
Der Footer ist doch bis auf die GB-Seite mit H1 gemacht.

<div id="footer"><h1>by Aya, Fraise & Keito 2011</h1></div>
Zum Vergrößern anklicken....

Das meinte ich ja. Eine Überschrift ist im html nichts anderes als eine Überschrift in einem Buch. Und da finde ich es nicht logisch, den Footer als wichtigste Überschrift (h1) auszuzeichnen. Ein Footer ist eben keine Überschrift ;-) (Meiner Meinung nach)

Keito2903 schrieb:
Das mit den Schriftgrößen muss ich mal schauen wie ich das anstelle, aber hört sich gut an ^^
Zum Vergrößern anklicken....
Das ist nicht schwer zu bewerkstelligen: In deiner style.css den Wert für h1 von 11px auf zB 0.9em ändern.
Kurze Info zu em: 1em ist variabel. Wenn die Schriftgröße 16px ist, dann ist 1em=16px, wenn die Schriftgröße 20px ist dann ist 1em=20px.


Ansonsten freut es mich, wenn Anmerkungen angenommen und vielleicht auch umgesetzt werden. :)

L. G.
 
Myhar

Myhar

Hat es drauf

AW: [Keito2903]Websitekritik

Du musst ja nicht alles auf em umstellen, bei Schriftgrößen macht das jedoch schon einen Sinn. Wenn du Breiten auch mit em angibst, solltest du auch einen min-width Wert angeben.

L. G.
 
Sturmkraehe

Sturmkraehe

Nicht mehr ganz neu hier

AW: [Keito2903]Websitekritik

Keito2903 schrieb:
Das mit dem zweitem Head kann ich nicht ändern(Dank meines Anfängerwissens;)), da ich das GB mit Include eingebunden habe.

Wie genau könnte ich denn den Adminlogin verschönern?
Zum Vergrößern anklicken....

Wenn ich das richtig gesehen habe in der index.php datei vom Flatbook dürfte das nicht so schwer sein, du müsstest diese jedoch etwas php verstehen ;)!

die gesuchten Funktionen sind:
PHP: 
	displayHTMLHeader()

	und
	
	displayHTMLFooter()

diese müsstest du nach deine Bedürfnissen anpassen, dann das ganze gästebuch noch vor dem header einbinden jedoch den Teil aus der index.php entfernen der für die Darstellung des GB zuständig ist (ab Zeile 1365):

PHP: 
// now beginning the REGULAR GUESTBOOK DISPLAY ************************************************************************************************************************
	displayHTMLHeader();
	echo "\t\t<h1>".$configFromINI['General']['gbName']." ".$languageStrings['MainPage']."</h1>\n\n";
	echo "\t\t<!-- html input form for guestbook -->\n\t\t<div class=\"gbinputarea\">\n\t\t\t";
	if( !is_writable($configFromINI['Files']['guestbookFile']) )
		echo "\t\t<p style=\"color: red; font-weight: bold;\">".sprintf($languageStrings['FileIsNotWritable'], $configFromINI['Files']['guestbookFile'])."</p>\n";

	// multi-language setting
	if (($configFromINI['General']['useCookies'] == "1")&&($configFromINI['General']['useMultiLanguage'] == "1"))	{
		echo "\t\t<p>\n";
		for( $i = 1; $i <= 8; $i++ ) {
			$prefix = is_file('lang/'.$configFromINI["Language_$i"][$i.'_File']) ? 'lang/' :
				(is_file($configFromINI["Language_$i"][$i.'_File']) ? '' : '.');
			if ($prefix != '.') {
				$ltitle = isset($configFromINI["Language_$i"][$i.'_Title']) ? $configFromINI["Language_$i"][$i.'_Title'] : ucfirst(substr($configFromINI["Language_$i"][$i.'_File'],0,strpos($configFromINI["Language_$i"][$i.'_File'], '.')));
				$licon = isset($configFromINI["Language_$i"][$i.'_Icon']) ? $configFromINI["Language_$i"][$i.'_Icon'] : substr($configFromINI["Language_$i"][$i.'_File'],0,strrpos($configFromINI["Language_$i"][$i.'_File'], '.'));
				$liconlink = is_file($prefix.$licon) ? "<img src=\"$prefix$licon\" alt=\"$ltitle\" hspace=\"0\" vspace=\"2\">" : "<span class=\"langlink\">$ltitle</span>";
				echo "\t\t<a title=\"$ltitle\" href=\"".$_SERVER['PHP_SELF']."?lingua=$i\">$liconlink</a>&nbsp;&nbsp;\n";
			}
		}
		echo "\t\t</p>\n";
	}

	// this includes the content of welcomeMessage.html as if it was here in this file
	// this is useful for having your own welcome message
	$welcomeMessageFile = $configFromINI['Files']['welcomeMessage'];
	if (($configFromINI['General']['useCookies'] == "1")&&($configFromINI['General']['useMultiLanguage'] == "1"))	{	
		if (isset($lingua))	{
			// use typical welcomeMessage
			$myLan = "Language_$lingua";
			$welcomeMessageFile = $configFromINI[$myLan][$lingua . "_welcomeMsg"];
		}
	}
	if (is_file($welcomeMessageFile))
		include_once($welcomeMessageFile);
		
	displayInputFormArea(true);
	echo "\n\t\t</div>\n";

	if ($adminmode == 1)	{
		echo "\n\t\t<!-- this is the link that opens the configuration page -->";
		echo "\n\t\t<div id=\"editConfigLink\">\n\t\t\t<p align=\"center\">\n\t\t\t\t<a class=\"adminmode\" href=\"".$_SERVER['PHP_SELF']."?configure=1\">".$languageStrings['ClickToEditConfig']."</a>\n\t\t\t</p>\n\t\t</div>";
	}

	if (!isset($_GET['signgb']) || $configFromINI['Behaviour']['separateViewFromSign'] != "1")
		displayGuestbook();

	displayInputFormArea(false);

	displayAdminLinks();
	displayHTMLFooter();
?>

und diesen Teil in den conten Bereich einfügen

jetzt musst du nur noch
PHP: 
	displayHTMLHeader()

	und
	
	displayHTMLFooter()
daraus entfernen und in der richtigen Position in deinem script aufrufen (also die angepasste header funktion in deinem Header und den die Footer funktion eben wo du diese haben willst (!ACHTUNG! im footer ist der link zur Flatbook page, den musst du warsch. irgendwo angeben!)

Also kurz als übersicht:
PHP: 
include gb/index.php /* Bearbeitet so das sie nichts darstellt */


...
dein normaler head bereich
...
displayHTMLHeader() /* funktion ebenfalls angepasst das er nichts doppeltes anzeigt */

</head>
<body>

<contenbereich>

/*PHP-code zur darstellung des GB*/

</contenbereich>

<footer>

/*dein normaler footer 
und*/ 
displayHTMLFooter() /* funktion ebenfalls angepasst damit die darstellung stimmt*/

</footer>

Ich hoffe das war einigermassen verständlich ;)

wegen dem adminlink kannst du dir dann überlegen ob du ihn ganzrausnimmst, ihn nach rechts setzt (css) und die farbe etwas unauffälligermachst, visibility auf hidden setzt (eher ganz rausnehmen, aber mach dir dann nen Boomark zur Adminpage ;)...

lg
Sturmkraehe
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 237 (Mitglieder: 8, Gäste: 229)
Robots: 1.114

Statistik des Forums

Themen
118.565
Beiträge
1.538.067
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben