Hp / Forum aufbauen

[-Soundwave-]

Hallo,

da in meinem anderen Thread nebenbei diese Geschichte wieder ein wenig ins Rollen gebracht wurde, wollte ich um eure Hilfe ersuchen

Ich möchte gerne lernen wie man HP´s erstellt, die dann auch noch ein gutes Design haben sollen.

Was muss man dafür alles können ? und vorallem wie lernt man es am besten ?
Gibts Bücher /Lektüren in denen das gut beschrieben ist ? Oder gibts Anlaufstellen im Web ?

Das gleiche gilt auch für ein Forum.

Ich hatte mir vor einiger Zeit mal ne woltlab burning board Foren lizenz gekauft (welche noch gültig ist und ich sogar auf wbb 3 updaten kann).

Was für Kenntnisse muss man denn besitzen um ein Forum am Laufen zu halten ? Ebenso möchte ich dann das Forum auch optisch gestalten.

Ich weiß das man zum einen, eine Domain braucht worüber die HP dann erreich bar ist und Webspace um Daten etc. darauf zu speichern.

Früher habe ich es mal versucht, jedoch ist leider nichts daraus geworden.

Ich würd mich freuen wenn ihr mir Ratschläge geben könntet.

Thx + Grüße
Strider

 

[blogscreen]

Ich weiß das man zum einen, eine Domain braucht worüber die HP dann erreich bar ist und Webspace um Daten etc. darauf zu speichern.

Bei Interesse kannst du mir gerne eine PN schicken ...
Schöne Grüße

 

[-Soundwave-]

Hallo ,

ja danke das werd ich vll. machen je nach dem wie die Konditionen sind

Wobei erstmal die anderen Sachen er/geklärt werden müssen ^^

 

[X5-599]

Um ein gutes Design zu erstellen musst du eine gute Idee haben die du dann auch noch umsetzen kannst.

Die beste Programmier Kenntnisse nutzen dir nichts wenn du kein gutes Design im Kopf hast.

Um Webseiten machen zu können solltest du folgendes wissen.
Es ist nicht so einfach wie sich viele denken. Da gibt es etliche Programmiersprachen die dazu gehören aber nicht unbedingt alle nötig sind. Kommt halt eben darauf an was man machen möchte.

Zuerst aber mal html lernen. Dann kann css, php, java, javascript und SQL sicherlich auch helfen. Wenn du es brauchst auch noch Flash und eventuell ein Grafikprogramm um Buttons, Hintergrundbilder usw. zu erstellen.
selfhtml.org ist da eine sehr gute Anlaufstelle. Da sind die gängigsten Befehle beschrieben. Verlinken glaube ich auch auf css und php.


Was das Forum angeht, das würde ich persönlich nicht neu schreiben. Das ist eine Menge Arbeit und gerade für jemand der noch keine PHP Erfahrung hat fast unmöglich. Ich benutze seit Jahren phpBB und bin sehr zufrieden damit. Nur schon weil sich fast alles durch Erweiterungen anpassen lässt.

 

[-Soundwave-]

Hallo,

nein ein Forum will ich natürlich nicht neuschreiben, wozu auch ? Hab ja eine gültige Lizenz und ich pers. finde die woltlab boards super, sowohl die 2.x als auch das 3.x

Nur sehen die standardmäßig nach nichts aus und wenn mal etwas mit dme Forum sein sollte (seis wegen Datenbanken etc.) will ich mich auch damit auskennen um zu wissen was dann los ist.

 

[mj1985]

Viel Spaß (das hat sich mehr oder minder während meiner Ausbildung zusammengesammelt mit Kollegen )

Wie beginne ich mit einer Gestaltung? / Grid

grids_are_good.pdf Grids are good - Eine gute Präsentation zum Thema Grids

http://en.wikipedia.org/wiki/Grid_(page_layout)

http://www.designbygrid.com/4

A simple framework called Blueprint has been developed, for implementation of grid-based layout in web pages http://code.google.com/p/blueprintcss/

Steps to designing a grid systems
- http://www.subtraction.com/archives/2005/0901_the_funniest.php:: The Funniest Grid You Ever Saw

http://www.sprymedia.co.uk/article/Grid:: Grid-Tool 4 Web (JavaScript)

http://webstyleguide.com/page/grids.html

http://tutorialblog.org/grid-systems-in-web-design/

http://www.markboulton.co.uk/articles/detail/why_use_a_grid/

http://praegnanz.de/weblog/einfuehrung-raster-im-webdesign

http://www.webmasterpro.de/design/article/gestaltungsraster-fuer-webseiten.html

http://www.coldheat.de/archiv/2007/10/stolpersteine-bei-grundrastern-fuer-webseiten.php

http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/

http://infotekten.de/index.php?itemid=417:: Das Web ist nicht aus Papier.

http://www.29digital.net/grid/ Grid Calculator

http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_designing_grid_systems_part_1/
Handhabung von Text

http://www.alistapart.com/articles/howtosizetextincss:: How to Size Text in CSS - Eine gute Regelung, wie mit der unterschiedlichen Handhabung von Text in den Browsern und Plattformen umgegangen werden kann. Siehe speziell unten im Artikel.

Beispiele für Web-Sites

http://www.mootools.net by Marcus Winkler

Design

http://www.designmeltdown.com/
http://beta.dailycolorscheme.com/
http://www.photoshopsupport.com/tutorials/jennifer/favicon.html
http://www.andydenton.com/2006/11/05/the-top-55-web-designers-in-the-world/
http://www.ndesign-studio.com/resources/tutorials/3d-logo/
http://cow.neondragon.net/stuff/reflection/
Web 2.0 Spiegelung (Glossy Table) mit JavaScript
http://www.smashingmagazine.com
Designvorlagen, Ideen, Icons, Fonts
http://www.markboulton.co.uk
Grids, "Tutorials", Beispiele
http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm
Web 2.0 Style-Guide mit vielen Beispielen

Werbe-Banner

http://online-marketing-praxis.de/tipps/artikel/Anzeige_texten.php3
Wie Sie eine erfolgreiche Newsletter-Anzeige texten

http://www.bannerreport.com/html/gallery.php
Banner Report

http://www.onlineadpool.de/publics/home/home.aspx
online ad pool

http://www.bannerblog.com.au/
BannerBlog: Where Banners Click

CSS

http://www.roundedcornr.com/ - Runde Ecken Generator
http://alvit.de/css-showcase/css-navigation-techniques-showcase.php
http://www.alistapart.com/
http://css.fractatulum.net/
http://www.css4you.de/
http://www.style-sheets.de/
http://css-technik.de/css-examples/219_9/beispiele/thumbnails.html
http://editcss.mozdev.org/
http://sonspring.com/journal/time-sensitive-css
http://www.drweb.de/ressourcen/css_befehle.shtml
http://www.webdesign-referenz.de/html_css.shtml
http://www.cssremix.com/
http://www.thestyleworks.de
http://www.andreas-kalt.de/webdesign/tutorials/css-layout-erstellen
http://www.kaipahl.de/brain/cssfood.html


CSS Reiter/Tabs/Slider/Quicklinks

http://clagnut.com/sandbox/csstabs/?writingtext=csstabs
http://unraveled.com/projects/css_tabs/
http://labs.silverorange.com/images/tabsupdate/about.html
http://www.jcvi.org/cms/research/groups/microbial-environmental-genomics/

CSS Vorlagen/Templates

http://intensivstation.ch/templates/

YAML - HTML/CSS Framework

HTML

http://de.selfhtml.org/
http://www.mediaevent.de/tutorial/sonderzeichen.html
Zeichensätze, Sonderzeichen und Umlaute in HTML-Dokumenten

Tools

http://www.webdesignerstoolkit.com/index.php
http://www.ilovejackdaniels.com/design/html-character-entities-cheat-sheet/
http://www.designerstoolbox.com/
http://www.screenz.de/
http://browsershots.org/
http://www.html-kit.com/favicon/validator/
http://browsers.evolt.org/
http://typetester.maratz.com/
http://www.degraeve.com/color-palette/
http://www.myfonts.com/WhatTheFont/

Linklisten

http://www.alvit.de/handbook/index.php
http://www.bluevertigo.com.ar/bluevertigo.htm
http://www.alvit.de/web-dev/
http://www.alvit.de/vf/de/bookmarks-fuer-webdesigner-und-webentwickler.php
http://www.drweb.de/weblog/weblog/?p=543

Illustrator-Tutorials

http://www.ndesign-studio.com/resources/tutorials
http://www.layersmagazine.com/illustrator-vector-photo.html
http://www.designtutorials.info/soccer-ball-drawing
http://www.graphics-world.com/users/igrigorik/620-Drawing-in-Illustrator

Beispiele für News, Kontaktformulare, Tabellen, Downloads, Listen, Sitemaps, Links

Kontakt:
http://southcreative.com.au/contact-us.php
http://www.merixstudio.com/contact/form
http://fisticuffdesign.com/contact.php
http://sprawsm.com/contact/
http://dibusoft.com/contact
http://cabedge.com/howdy/
http://www.okb.es/contacto.php
http://cssvault.com/contact/
http://www.inkorpmedia.com/Quote
http://www.syntaxin.com/contact-biopharmaceutical-firm.php
http://cssmania.com/contact/
http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/
http://www.bafin.de/cln_006/nn_7225...Service/Kontakt/kontakt__node.html?__nnn=true

News:
http://www.kompakt.cz/novinky.html
http://www.designmeme.com/about/
http://www.richlyn.co.uk/richlyn-news.asp
http://www.syntaxin.com/bio-tech-news.php

Listen:
http://fisticuffdesign.com/services.php
http://fisticuffdesign.com/portfolio.php
http://www.simplebits.com/notebook/2003/10/19/styling_nested_lists.html
http://www.uoguelph.ca/~stuartr/articles/bullettime2.shtml
http://css.maxdesign.com.au/listutorial/
http://www.inkorpmedia.com/Work

Sitemaps:
http://fisticuffdesign.com/sitemap.php
http://www.focus.de/service/inhalt
http://www.faz.net/f30/common/sitemap.aspx
http://openpr.de/news/sitemap.html

Links:
http://www.designmeme.com/articles/missinglink/

Reiter:
http://www.smashingmagazine.com/2007/03/14/css-based-navigation-menus-modern-solutions/ Speziell Nr. 1, 25, 39;

Tabellen:
http://www.smashingmagazine.com/2006/12/29/css-based-tables-modern-solutions/
(Visuell) "Data Tables and Cascading Style Sheets Gallery"; "Unobtrusive Table Sort Script";
http://www.duoh.com/csstutorials/csstables/

 

[WarDynasty]

Um eine Homepage zu erstellen, brauchst du nicht wirklich grosse Programmierkenntnisse. Nur CSS/HTML. Jedoch wenn du was ausgefallenes willst, würde ich java script und flash lernen.

Bist du im Besitz von Adobe Photoshop? < Falls ja, ist es recht einfach Homepages zu machen.

 

[mj1985]

nicht wirklich grosse Programmierkenntnisse. Nur CSS/HTML.

You made my Day

Zeig mal nem Anfänger den Quellcode und sag ihm er soll nen CSS-Layout basteln das valide ist...

 

[-Soundwave-]

Also Adobe Photoshop hab ich schon mal


@mj1985

danke dir für die vielen Links, jedoch scheinen einige nicht zu gehen ?

 

[Kasn]

mj: schreib das dochmal ordentlich irgendwie nieder. super. was hast du denn gelernt?

Bist du im Besitz von Adobe Photoshop? < Falls ja, ist es recht einfach Homepages zu machen.

es ist recht einfach (je nach koennen) ein Layout zu machen. das in eine "homepage" zu bringen ist wieder ein ganz anderes thema.

 

[mj1985]

Also Adobe Photoshop hab ich schon mal


@mj1985

danke dir für die vielen Links, jedoch scheinen einige nicht zu gehen ?

Das kann unter Umständen sein, die sind halt teilweise schon Jahre alt und ein Teil der jahrelangen Sammlung

Ich habe mir HTML/CSS selbst beigebracht. Danach eine Ausbildung zur Mediengestalterin angefangen und bin kurz vor Beendung. In der Zeit habe ich mein Wissen über barrierefreie Webseiten, gute CSS Gestaltung erweitert und man lernt nie aus.

Deswegen sind solche Aussagen von WarDynasty einfach nur lächerlich.

Für die ersten Schritte kann man natürlich Adobe Photoshop nehmen und daraus eine Webseite "generieren" lassen, aber man wird sehr schnell feststellen das das nicht das Gelbe vom Ei ist.
Das Layout ist relativ unflexibel und es wird sicher auch nicht überall (auf allen Browsern) gleich aussehen. Ich glaube Photoshop realisiert das auch mit Tabellen und im (noch) Web 2.0-Alter wo alles schön dynamisch sein soll, sollte man auch Layouttabellen möglichst verzichten.

 

[sabermaul]

Wenn du jemanden kennst, der fit ist in HTML, CSS, Javascript und PHP, der dir immer mal wieder unter die Arme greift, ist das gut. Mein Bruder kann z. B. sehr gut mit Freeware (Paint.NET, Gimp) Logos erstellen, dafür helfe ich ihm immer mal wieder bei PHP-Problemen.

In mjs Liste sind ja die wichtigsten Seiten gelistet. Am Besten du arbeitest dich erst einmal langsam mit selfhtml in HTML ein, dann fängst du an mit CSS die Seite zu gestalten und dann erst mit PHP/Javascript Scripte erstellen.

 

[mj1985]

Ich glaube für den Anfang ist er mit HTML und CSS mehr als gut ausgelastet Wenn er dann nach einigen Projekten den Drang hat mehr zu machen, kann er sich JS und PHP/SQL angucken.

Lieber erstmal eine Sache gut können, als vieles halb bis nur wenig