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

professionelles Layout

Status
Für weitere Antworten geschlossen.
Mario348

Mario348

Neues Mitglied
1. Was ist bei meiner Navigation schief gelaufen ?
2. Mit welcher Software schaffe ich für meine Homepage ein
professionelles, modernes Layout ?
 
Mario348 schrieb:
1. Was ist bei meiner Navigation schief gelaufen ?
2. Mit welcher Software schaffe ich für meine Homepage ein
professionelles, modernes Layout ?
Zum Vergrößern anklicken....

ZU 1:
Code: 
<a href="4.html" target="mitte.html"> class="menu2">
die erste > entfernen, dann passts.

ZU 2:
Lern korrekt HTML und CSS, dann brauchst du noch ein gutes Grafikprogramm (zum Beispiel The Gimp, ist Freeware) und damit kannst du dir super Layouts bastelt.
 
Habe GIMP bereits ein wenig angeschaut, aber noch nicht wirklich Erfahrung gesammelt.

Könnt ihr mir bitte mit einer Anleitung (Bilder wären optimal) erklären oder Tipps geben, wie ich denn so ein professionelles, modernes Layout erstellen kann ?
Das mit dem Zuschneiden habe ich übrigens gelesen.
 
Mario348 schrieb:
Habe GIMP bereits ein wenig angeschaut, aber noch nicht wirklich Erfahrung gesammelt.

Könnt ihr mir bitte mit einer Anleitung (Bilder wären optimal) erklären oder Tipps geben, wie ich denn so ein professionelles, modernes Layout erstellen kann ?
Das mit dem Zuschneiden habe ich übrigens gelesen.
Zum Vergrößern anklicken....

Ein professionelles Layout bzw. Design entsteht nicht durch irgendwelche Tools. Das Layout und Konzept muss im Kopf vorhanden sein. Das beste und professionellste Layout basiert auf Containern und braucht wenig Grafiken. Zudem besticht es durch einfache Bedienung und schlichtes aber zielbestimmtes Design. Geringe Ladezeiten sowie Barierrefreiheit sollten dabei eine große Rolle spielen.

Gruß Sven
 
Ich möchte schnell und unkompliziert ein professionellen, modernes Layout erstellen, da gibt's doch sicher eine Möglichkeit ?
 
Mario348 schrieb:
Ich möchte schnell und unkompliziert ein professionellen, modernes Layout erstellen, da gibt's doch sicher eine Möglichkeit ?
Zum Vergrößern anklicken....

Hast Du meinem Post nicht gelesen?
Habe nämlich das Gefühl, das Du nichts verstanden hast.

Also nochmal:

Ein Layout kann man sich nicht einfach aus den Fingern lutschen!
Da steckt ein Konzept der Usability, der Ladezeit, der Wiederverwendbarkeit etc. hinter.

Eine Frage an Dich:
Wieso gibt es Webdesigner, die das Beruflich machen?

a) Weil jeder professionelles Webdesign kann. Weil jeder weiß mit der Farblehre richtig umzugehen und weil jeder die aktuellen Vereinbarungen für Barrierefreiheit kennt. Zudem weil jeder weiß worauf es ankommt,wie eine professionelle Website auszusehen und wie eine professionelle Website zu vermarkten.

oder

b) Weil alle die oben genannten Punkte gelernt werden müssen um ein professionelles Layout, was einfach ist und viel Usability bietet.

Also ich nehme die Antwort A

Halten wir also fest.

Es ist nicht ganz so trivial ein professionelles, schlichtes und einfaches Design zu erstellen wie Du Dir das vorstellst. Fang erstmal klein an und setzt Dich mit der Farblehre auseinander (Warme- und Kalte Farben, Komplementärfarben usw.) dann kannst Du vllt. irgendwann mal farbliche Gestaltungen vornehmen.

Für Webdesign gibt es kein Rezept - diese Branche besteht aus innovativen Ideen und geistreichen Einfällen.
 
Dann setz ich meine Ansprüche ein wenig hinab:

Wie kann ich ein schlichtes, dezentes Layout mit GIMP erstelllen ?
 
Das layout machst du dir mit The Gimp praktisch als ein einziges Bild, so wie du es dir halt vorstellst, hier ein kasten, da ein Bildchen etc. wie wenn du dir einfach einen Entwurf machst, so wied as ganze später dann auch mal aussehen soll.

Wenn du das hast "schneidest" du das Layout in verschiedene teile auseinander und fügst es dann in einer html-Datei wieder zusammen.
Auch hier wirst du um HTML und CSS nicht drumrumkommen ;-)
 
:roll:...So wie boehseronkel Dir schon sagte
Ein Layout kann man sich nicht einfach aus den Fingern lutschen!
Zum Vergrößern anklicken....
Entweder du bist kreativ und beherrschst Dein Grafikprogramm, oder du lernst erstmal alles von Grund auf und entwickelst dann Dein Layout.

Ich kenne kein programm mit einem Butten wo drauf steht: bitte schönes, proffessionelles layout erstellen.

Sei kreativ...bei technischen Fragen helfen wir hier gerne weiter.
 
gruenspan schrieb:
:roll:...So wie boehseronkel Dir schon sagte

Entweder du bist kreativ und beherrschst Dein Grafikprogramm, oder du lernst erstmal alles von Grund auf und entwickelst dann Dein Layout.

Ich kenne kein programm mit einem Butten wo drauf steht: bitte schönes, proffessionelles layout erstellen.

Sei kreativ...bei technischen Fragen helfen wir hier gerne weiter.
Zum Vergrößern anklicken....

Mein reden - aber man hört mir ja anscheidend nicht zu.

Gruß Sven
 
@ Mario

was das wichtigste ist - lass dir Zeit dabei. Dann wird dir auffallen, dass du hier noch was ändern musst, da noch was am Design feilen kannst etc. undmit der Zeit wird das Design dann immer besser und irgendwann hast du das, was du dir unter einem professionellen Layout vorstellst.

Nur ohne Zeit gehts nicht, die musst du mitbringen, sowie die nötige Geduld.
 
Hier der Code meiner Navigation:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
    
        <link rel="stylesheet" type="text/css" href="navigation.css">
        <link rel="shortcut icon" href="http://www.arudc.ch/favicon.ico">
        <meta name="keywords" content="Downloads, Tips, neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, Gästebuch, Maps, Remote">
        <meta name="description" content="Kostenlose Downloads und Tips f&uuml;r den PC. Rubriken: neuste RADEON-Grafikkartentreiber, Windows Vista-Infos, Viren und Malware, Stressabbau-Downloads , Musik, Browser-Downloads , Webradio, G&auml;stebuch, Maps, Remote ">
        <meta name="DC.Description" content="Kostenlose Downloads und Tips f&uuml;r den PC. ">
        <meta name="title" content="Alles rund um den Computer">
        <meta name="language" content="German, de, deutsch">
        <meta name="author" content="Mario Bienz">
        <meta name="publisher" content="arudc.ch">
        <meta name="copyright" content="arudc.ch">
        <meta name="revisit-after" content="after 20 days">
        <meta name="page-topic" content="Kostenlose Downloads und Tips f&uuml;r den PC">
        <meta name="page-type" content="Gratisdownloads &amp; Tips">
        <meta name="audience" content="alle">
        <meta name="robots" content="index,follow">
        <meta name="generator" content="http://www.arudc.ch">
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <style type="text/css">
            html {
                overflow:auto;
                overflow-x:hidden;
            }
            body {
                margin-right:28px;
                background:URL('buttonfarbverlauf.jpg');
                text-align:center;
            }
            img {
                border:0px;
            }
            #links a {
                display:block;
                width:248px;
                height:23px;
                background:URL('buttonfarbverlauf_250.jpg');
                font-family:Arial, Verdana, Helvetica, sans-serif;
                font-size:16px;
                text-decoration:none;
                padding-left:2px;
                padding-top:5px;
                margin:auto;
        margin-bottom:1px;
                text-align:left;
            }
            #links a:hover {
                background:URL('buttonfarbverlauf2_250.jpg');
            }
        </style> 
    </head>
    <body>
        <img src="buttonfarbverlauf.jpg" onMouseOver="wegblend2();" onMouseOut="reinblend2();" alt="">

        <div id="links">
        <a href="1.html" target="mitte.html">Home</a><br>
            <a href="2.html" target="mitte.html">Neueste Radeon Grafikkarten</a><br>
            <a href="3.html" target="mitte.html">Windows-Vista Infos</a><br>
            <a href="4.html" target="mitte.html">Viren und Malware</a><br>
            <a href="5.html" target="mitte.html">Stressabbau Downloads</a><br>
            <a href="6.html" target="mitte.html">Musik</a><br>
            <a href="7.html" target="mitte.html">Browser Downloads</a><br>
            <a href="9.html" target="mitte.html">Webradio</a><br>
            <a href="10.html" target="mitte.html">Maps</a><br>
            <a href="remote.html" target="mitte.html">Remote</a><br>
            <a href="Gaestebuch" target="mitte.html">Gästebuch</a><br>
            <a href="newsletter.html" target="mitte.html">Newsletter</a><br>
            <a href="impressum.html" target="mitte.html">Impressum</a>
        </div>
    </body>
</html>
Ich kann die Zeile einfach nicht finden !
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben