myGully.com

myGully.com (https://mygully.com/index.php)
-   Webdesign (https://mygully.com/forumdisplay.php?f=415)
-   -   Website erstellen, aber wie? (https://mygully.com/showthread.php?t=2379603)

downloado 31.07.11 02:14

Website erstellen, aber wie?
 
Hallo liebe Community, hoffentlich könnt ihr mir helfen. Ich komme kurz zum Thema: Ich möchte lernen, wie man eine profesionelle Website erstellt.

Schon ein paar mal habe ich versucht eine Website zu erstellen, jedoch waren es immer 0815-Seiten, die im Prinzip nur aus Grafiken, die ich mit Photoshop zusammen geschnitten habe, bestand.
Da mich das wirklich sehr interessiert, habe ich hier mal ein paar Fragen an euch:
  • Reichen die folgenden Programme für die Erstellung einer Website aus? Adobe Photoshop CS5, Adobe Flash CS5, Fireworks CS5 und Adobe Dreamweaver CS5
  • Wie fängt man mit der Erstellung einer Website an? Wird zuerst das komplette Design mit Photoshop CS5 bzw. Fireworks CS5 erstellt? Oder werden nur einzelne Grafiken erstellt?
  • Welcher Teil soll mit CSS gemacht werden, welcher Teil mit einfachen Grafiken (.png) und welcher Teil der Website soll aus Flash bestehen?
  • Wie baut ihr eure Website auf? Und nach welcher Reihenfolge erstellt ihr eure Website? (Zuerst Design, dann HTML, ...)
---

Meine Kentnisse (Skala 1-10):
  • HTML (5)
  • CSS (0)
  • PHP (2)

Da ich also kaum Kentnisse habe, würde ich mich sehr freuen, falls mir jemand von euch ein paar nützliche Tutorials schickt.
---

Damit ihr wisst, was ich unter Professionelle Website vorstelle, habe ich hier paar Beispielsseiten hinzugefügt:
[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]
[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]
[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]
---

Was (m)eine Website für Funktionen haben sollte, habe ich euch ebenfalls mal aufgelistet:
  • LOGIN-Funktion
  • Adminbereich
  • Gästebuch bzw. Kommentare hinzufügen
  • Sonstige Funktionen
---

So, ich hoffe ihr könnt mir irgendwie helfen, auch wenn nur ein kleines bisschen ;) Falls jemand nett ist und in nächster Zeit hat, könnte der Jenige mit mir eine Website erstellen, da ich meiner Meinung so am besten und schnellsten lerne. Ansonsten bedanke ich mich an Alle die sich die Mühe geben und mir helfen.

:D

neinjavielleicht 31.07.11 10:08

Nutze dafür am besten ein CMS wie Joomla. Damit kannst du eigentlich fast alles realisieren und es gibt sehr viele zusätzlich Komponeneten, Module, Plugins und Template um das CMS zu erweitern.

Mr_Braun 31.07.11 10:45

Hmmmm... raste ich jetzt aus oder lass ich es bleiben?
Bitte benutz doch das nächste mal die Forensuche:

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

downloado 31.07.11 14:04

Zitat:

Zitat von Mr_Braun (Beitrag 22561636)
Hmmmm... raste ich jetzt aus oder lass ich es bleiben?
Bitte benutz doch das nächste mal die Forensuche:

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Nur nicht ausrasten. Irgendwie helfen mir die ganzen Seiten nicht viel, die ich finde. Und eine Baukastenhomepage finde ich auch nicht toll. Was mich im Endeffekt interessiert ist, WIE man eine Website erstellt, also nach welcher Reihenfolge. Macht man das komplette Design mit Photoshop oder nur einzelne Buttons, etc. ?

Mr_Braun 31.07.11 15:46

Zitat:

Zitat von downloado (Beitrag 22562153)
Nur nicht ausrasten.

Ausnahmsweise.

Die erste Überlegung wäre für dich, wie die Seite gegliedert werden soll und welche Inhalte du einpflegen möchtest. Wie viele Contentbereiche benötigst werden [...]
Dann solltest du dich der Umsetzung widmen, optimal wäre es auch hier VOR der technischen Umsetzung durchzuführen.
Das kannst du gerne mit Photoshop tun, beachte allerdings die größen. Es hat nicht jeder zu Hause einen 24' Zoll Rechner mit der Auflösung 1920 x 1200 betreibt.
Wenn du das Layout mit Photoshop erstellt hast, geht es ans "slicen" - bedeutet, du unterteilst das Layout in verschiedene Bereiche (Content, Banner, Footer) und zerschneidest diese am geschicktesten. Dabei solltest du schauen, dass große, sich wiederholene Blöcke (Hintergrund bsw.) später nicht eingebaut wird, sondern mit Hilfe von CSS (background-color: farbe) formatiert werden.
Anleitungen zum richtigen Slicen findest du im Internet.

Wenn du nun deine einzelnen, geschnittenen Bilder erstellt hast, kannst du dich an die Arbeit machen, das ganze zu technisch umzusetzen.
Mit dem Stichwort Div-Container solltest du mit CSS vertraut sein. Das weiterführende zu HTML/CSS werde ich an dieser Stelle mir sparen - das ist dann deine Baustelle ;)


--
Alternativ kannst du dir natürlich auch die ganze Hand-Programmiererei sparen und auf sogenannte Content-Management-Systeme (CMS) zurückgreifen. Da gibt es vielerlei wie Joomla, Typo3, Drupal welche dir eine Menge Arbeit erleichtern und viel Erweiterbarkeit durch Module liefern können. Das wichtigste ist aber: Du kannst die Contentinhalte über ein Backend online verändern.

dr. music 02.08.11 01:11

Zitat:

Alternativ kannst du dir natürlich auch die ganze Hand-Programmiererei sparen und auf sogenannte Content-Management-Systeme (CMS) zurückgreifen. Da gibt es vielerlei wie Joomla, Typo3, Drupal welche dir eine Menge Arbeit erleichtern und viel Erweiterbarkeit durch Module liefern können. Das wichtigste ist aber: Du kannst die Contentinhalte über ein Backend online verändern.
wobei typo3 nicht empfehlenswert ist bei seinen kenntnissen ;)

da musst du echt schon bischen erfahrung haben, noch kommt hinzu,
dass typo3 sehr viele funktionen benötigt um überhaupt anständig zu laufen,
da hast du beim ein oder anderen hoster schon ein problem das ding überhaupt installiert zu bekommen.

ich arbeite bei sehr großen seiten mit typo3, eine private Person braucht das wohl kaum, wozu auch? man braucht ja auch keinen porsche wenn man mit seinem auto nur immer in der 30er zone fährt ;)

du benützt wahrscheinlich bei einer einfachen website gerad mal 5% von dem was typo3 alles kann.

Joomla ist nun wiederum schon ehr ein CMS welches viele verwenden, jedoch auch noch sehr umfangreich, da muss man schauen, was man will, die Funktionen bietet es allemal.

Ich denke mit Drupal hast du gerad mit noch nicht sovielen kenntnissen am meisten spaß, da es alle Funktionen bietet und die aktuellste version eben auch ein sehr einfach zu bedienendes interface hat, womit du sehr leicht eine Seite hast mit Design und man eben deutlich was sieht.

Bei Joomla dauert das länger, bei Typo3 musst du ohnehin erstmal TypoS***** lernen, bis du bei Typo3 soweit bist das du ne vollständige Seite da hast, da vergeht schon einiges ich habe auch ewig gebraucht bis ich Typo3 irgendwann drauf hatte, da ist halt eben viel durchhaltevermögen gefragt und überhaupt die Frage ob man es denn braucht ;)

CMS Made Simple gäbe es auch noch, Wordpress wäre ne Option wobei das dann ehr in Richtung Blog geht, TypoLight bzw jetzt heißt es Contao gibts noch, Webspell und Ilch, letzteres kann ich allerdings nicht empfehlen, da die Entwickler nicht mit dem PHP 5.3 support hinterher kommen, eine Software die mit PHP 5.3 nicht klar kommt ist zum einen nichtmehr besonders aktuell und sicher, außerdem läuft sie auf gängigen hostern nicht, da diese logischerweise auch aktuelle PHP Versionen benützen.

grüsse

boomersauger 17.09.11 19:35

bitte löschen

plastikjute 30.09.11 01:10

Tipp 1: Finger weg von der Creative Suite, außer Du hast die Kohle zum Rauswerfen. Wäre bei Dir verfrüht. Besorg Dir Notepad++ oder Eclipse.

Tipp 2: CSS pauken bis Du erst mal das Box-Model überhaupt wirklich kapiert hast und weißt, wann du float und clear und wann overflow einsetzt. Dann kannst Du überhaupt erst mal dran denken, wie man eine Website gestaltet. Gibt doch jede Menge Videotutorials von Galileo Press oder V2B.

Dein Link zur Website der Wirtschaftsschule (der 1.): Auf einem kleinen Monitor mag die Seite ja passabel aussehen, auf einem 24-Zoll-Monitor sitzt das Girl links unten verlassen und über ihr gähnt ein riesiger leerer Weißraum. Grässlich. - Mit HTML und CSS ist es nicht getan. Designkenntnisse sollten auch noch vorhanden sein ;) Kann man ja alles lernen. Aber das dauert schon ein bisserl.

scorp32 30.09.11 14:39

Ein bissl? Das dauert ein bissl länger...

Ich weiss nicht warum manche immer denken sie könnten in "5Min" eine professionelle Webseite herzaubern..

BroBoy2011 02.10.11 16:46

Sieh dich doch einmal auf dieser Seite um!
Mir hat sie sehr geholfen!
Also ich finde sie einfach klasse und ich bin mir sicher, dass wenn du die Tipps befolgst bald eine eigene professionelle Website haben wirst!
[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Viel Erfolg

.id 18.12.11 11:23

Also, ich habe auch nicht soviele Programmierkenntnisse - halt nur hauch von Erfahrungen in HTML und PHP, das war's! :)

# Wie fange ich an ?

Zuerst muss ich erstmal wissen, was für eine Homepage werden soll - das Thema !
Wir nehmen mal zum Beispiel, ne ganz normale "Bewerbungshomepage inkl. Zusatz-Options"

Ich weiß es nicht warum, aber ich arbeite eher gerne mit dem MS Frontpage 2003, anstatt andere Editoranwendungen.

So... eben aus der Erfahrungskiste erinnern oder wenn das nicht hilft meine gerade gedachte Sachen, den ich umsetzen möchte googlen.

kurz gefasst zum Content:

bsp. drei frames - jeweils:
1x links für die Navigation
1x oben für den Logobereich / Title / Überschrift
1x mitte für den Inhalt (contentbereich)
1x unten für Informationen zum Homepage sowie KOntakt und Impressum !

.. so jetzt habe ich da oben 4x Frames geschrieben, die auf einer Seite beim Abruf gleichzeitig präsentiert werden soll. Ihr nennt den mittigen Frame einfach main.htm oder start.htm, aufjdnfall kein index.htm, da index.htm eure frameseite ist.

dann erstellt ihr extra auf neue frontpageseite eine neue seite und erstellt tabellarisch einfach irgendwie mit kreativität und ausprobieren die enfache Funktion von Frontpage!

Wie ne Navigationsmenü aussieht gibt es hinweg selbstverständlich zig Variationen,
man kann sie mit Buttongenerator machen, mit CSS, css box, liniefreie (unsichtbare) tabelle untereinander. Für den Top-Bereich (LOGO) entweder erstmal großen Text niederschreiben oder ihr hab bereits ein LOGO-Bild mittels bildprogramm wie photoshop o.ä- erstellt und passt die maße einfach in den headerbereich der hp an.

so.. den rest müsste selbsterklärend sein =)

Hierzu vergibt ihr zun den einzelnen Frame einen Namen, bsp. für unten=bottom | oben=top | usw.

Was brauche ich ?
MS Frontpage 2003
FlashFXP
DSL-Anschluss
Für Spaßprojekte (reicht mir funpic.de mit de.vu) beide sind werbefrei! ;)
Webspace
Domain
E-Mail Adresse
traffic
Nische
guter Textinhalt (content)

....

Grufti-MG 08.02.12 14:48

@downloado

Webmaster Kurs - lernen Websites zu erstellen, warten und pflegen

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

HagenTronje 08.02.12 16:30

@.id:
Frames sind das blödeste was man jemandem empfehlen kann!
Usability=0

Er kann die Teile genausogut mit php einbinden!

Darklaser 08.02.12 17:39

OMG, wer arbeitet denn heutzutage noch mit Frames????

Wenn man das Box-Modell einigermaßen verstanden hat, kann man alles mit CSS realisieren.

Gruß
Darki

hartmut1977 13.02.12 10:12

alles sehr interresant
 
..... ich würde auch gerne eine eigene website bzw. homepage zb für bewerbungen usw machen dann können die firmen sich einen überblick machen und sehen fotos und so weiter !!!! meine frage ist " kostet eine eigene home/website GELD? ich will nichts dafür bezahlen wenn ich ehrlich sein soll , also frage ich die profis wie und wo ich da eine website anlegen kann/sollte die kostenlos ist !!!!!!!


Danke schon mal im vorraus und hat jemand den cd/dvd kurs der weiter oben angeboten wurde? hört sich interesant an .:T


[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] den meine ich

4tyn 13.02.12 21:51

zu: [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Wenn ich HTML und CSS lernen möchte würde ich doch niemals von so einer schlechten und hässlichen Internetseite eine Anleitung zum erstellen von Internetseiten kaufen :D

Hier werdet ihr geholfen:

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Und zwar vernünftig Leute! Wobei das auch noch nicht das non plus ultra ist. Stichwort: Progressive enhancement -> media queries <- responsive Webdesign, Barrierefreiheit,

ageof 14.02.12 21:03

ich hab darmals webseiten erstellen mit [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] gelernt. Und ein Teil wie hab ich auch mit Youtube gelernt und ganz lieb fragen in Forums wo meine Fehler sind kann dir die Seite wirklich empfehlen :D

cobra555 15.02.12 00:00

Zitat:

..... ich würde auch gerne eine eigene website bzw. homepage zb für bewerbungen usw machen dann können die firmen sich einen überblick machen und sehen fotos und so weiter !!!! meine frage ist " kostet eine eigene home/website GELD? ich will nichts dafür bezahlen wenn ich ehrlich sein soll , also frage ich die profis wie und wo ich da eine website anlegen kann/sollte die kostenlos ist !!!!!!!
viele kosten geld sind aber nur ein paar euro im monat für webspace und domain nochmal extra pro jahr.
gibt natürlich auch kostenlose aber hier wird immer werbung und popups eingeblendet.
wenn es seriös herüber kommen soll natürlich nicht so toll ist.
gibt doch auch viele programme die einem dabei helfen können.

Paratron 16.02.12 21:49

Ganz ehrlich? "Professionelle Webseiten erstellen" lernt man nicht einfach mal so eben.
Genauso gut könntest du auch fragen wie man professioneller Automechaniker wird. Oder Steuerberater. Oder Anwalt (naja, das macht vermutlich noch mehr Arbeit).

Kaufe dir [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] und lese sie. Oder mach lieber gleich eine dreijährige Berufsausbildung zum Mediengestalter Nonprint (oder Web-Entwickler). Sich selbst beizubringen "professionelle" Webseiten zu machen dauert genauso lang. Mindestens. Und die Ausbildung bringt sogar noch Geld.

Mehr muss man dazu nicht sagen.

*edit*
@Hartmut:
Schau dir mal diese Dienste an, da kannst du wirklich geniale eigene Seiten erstellen, die dich nix kosten.

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]
[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Und hierbei handelt es sich nicht um so nen Kram wie beepworld und Konsorten, sondern wirklich sinnvolle Angebote.

Scherzkeks1979 17.02.12 11:00

Denkt hier auch mal irgendein NOOB daran warum Designer so viel Geld für ne Seite verlangen?
Bestimmt nicht weils einfach mal so hingezaubert werden kann ...

Mann Mann Mann...

Einfach nur mal HIRN einschalten ...

Und dann LERNEN... LERNEN... LERNEN...
HTML, CSS, PHP, JS, ... nur um mal die gröbsten Grundlagen zu nennen...

Scherzkeks1979 17.02.12 11:44

Zitat:

Zitat von downloado (Beitrag 22561195)
Damit ihr wisst, was ich unter Professionelle Website vorstelle, habe ich hier paar Beispielsseiten hinzugefügt:
[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Dieses Beispiel ist nicht besonders Professionell oder derjenige der für die Gestaltung verantwortlich war hatte null Plan davon ...

Fängt ja schon gut an ...
Grundlegende Gestaltungsregeln werden von vorneherein nicht eingehalten ...

Der Rest ist gut ...
Je nach Geschmack... aber gestalterisch gute Arbeit!!!


Alle Zeitangaben in WEZ +1. Es ist jetzt 23:09 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.