Website mit Icons

[HTML-Anfänger (Gast)]

Hallo,

ich habe mir vor kurzem einen eigenen "echten" Server aufgesetzt, auf 
dem ich nebst einigen anderen Diensten einen Webserver betreibe. Die 
einzelnen Dienste kann ich mit Sub-URLs erreichen; z.B.

https://meineip/owncloud

oder

https://meineip/svn

und so weiter. Ich habe mir jetzt eine einfache Startseite eingerichtet, 
wenn ich nur

https://meineip/

aufrufe, dann erscheint diese Startseite. Dort möchte ich Icons 
platzieren mit den Namen der entsprechenden Dienste. Die Seite möchte 
ich ähnlich gestalten wie die Startseite von Firefox, wenn man einen 
neuen Tab öffnet aber noch keine Adresse angegeben hat. Jetzt im Moment 
habe ich eine sehr gruselige Einstiegsseite erstellt, wo ich einfach die 
Logos der einzelnen Pages rein geklatscht habe, aber ich möchte die 
Seite ein wenig ansprechender Gestalten, siehe Anhang (Firefox-Seite 
beim Öffnen eines neuen Tabs). Wie würde man sowas angehen? Leider habe 
ich von HTML zu wenig Ahnung, um da ein ansprechendes Design 
hinzubekommen, das auch auf dem Handy (wichtig!) sauber dargestellt 
wird. Gibts evtl. etwas fertiges?

[D. I. (Gast)]

HTML-Anfänger schrieb:
> Wie würde man sowas angehen? Leider habe
> ich von HTML zu wenig Ahnung, um da ein ansprechendes Design
> hinzubekommen, das auch auf dem Handy (wichtig!) sauber dargestellt
> wird. Gibts evtl. etwas fertiges?

Technik: CSS

Framework: Twitter Bootstrap

[Marc S. (marc_s86)]

dann nimm dir halt den code von der firefox seite und binde andere 
bilder ein.

[PittyJ (Gast)]

Warum sich nicht einfach einarbeiten? Ein paar HTML-Kenntnisse haben 
noch niemanden geschadet. Dafür gibt es dutzende Bücher und natürlich
https://wiki.selfhtml.org/

[Daniel A. (daniel-a)]

Hier mal eine Idee wie man soetwas umsetzen könnte.

[Georg (Gast)]

Hallo,

ich habe schon verschiedene Editoren benutzt, auch welche die es nicht 
mehr gibt, im Moment bin ich mit BlueGriffon recht zufrieden.

Mit so einem Editor ist das ziemlich einfach:

1. Einfügen -> Grafik

2. Grafik auswählen (Klick)

3. Link bearbeiten - fertig

An Feinheiten wie Schriftauswahl usw. kann man sich immer noch austoben, 
aber zunächst funktioniert es mal. Im Internet findet man immer was, 
z.B. "html Bildunterschrift" bringt Zillionen Anleitungen wie man 
Unterschriften unter, über, neben Bilder setzen kann.

Georg