Kostenlose CSS Homepage Vorlage 1441- portfolio

Hallo Herr Albers,

häufig werde ich danach gefragt, ob man als Laie auch in der Lage ist die Vorlagen an eigene Bedürfnisse anzupassen und ich finde es immer wieder schwierig dies mit einem klaren Ja oder Nein zu beantworten
Die Vorlagen bestehen aus(X) HTML- Code, CSS- Anweisungen und im Fall des Portfolio Layouts auch aus ein wenig JavaScript. Um eine Vorlage zu modifizieren sollte man sich zumindest mit HTML und CSS beschäftigen um ein Verständnis für den Code zu entwickeln und Veränderungen vornehmen zu können. Beides kein „Hexenwerk“.
HTML und CSS sind, entgegen machen Veröffentlichungen, keine Programmiersprachen sondern einfache, beschreibende Script- Sprachen die meiner Meinung nach leicht zu erlenen sind. Die Tücke steckt wie in vielen anderen Dingen auch hier im Detail – z.B. in der Browserkompatibilität.
Fazit: Meiner Meinung nach können Sie die Vorlagen auch als Laie anpassen – allerdings ist es auch davon abhängig, in wie weit Sie bereit sind sich mit HTML und CSS auseinanderzusetzen.

Bildbeschriftung
Ja, die Position der Bildbeschriftung kann verändert werden. In dieser Vorlage habe ich die „Beschriftungsbox“ via CSS Anweisungen absolut in Bezug auf das Bild positioniert.
Durch Veränderung dieser Angaben lässt sich auch eine andere Position bestimmen.
Sie finden die Anweisung in der Datei „styles.css“ im Block „.caption“.
Um hier eingreifen zu können benötigen Sie jedoch grundlegende Kenntnisse von CSS.
Ein gutes Online- Nachschlagewerk ist z.B. http://www.css4you.de.

Kommentare für Besucher
Hier wird es schon ein wenig schwieriger Um Kommentarfunktionen zu aktivieren braucht man eine Programmiersprache. Ein Besucher füllt ein Formular aus welches via HTML Anweisungen erstellt und via CSS formatiert/gestaltet wird. Drückt er auf den Knopf senden/speichern, muss nun etwas mit dem Inhalt passieren. Das wird über eine Programmiersprache bestimmt. In der Regel ist das heute PHP. Auch zum Einsatz kommen ASP (auf Windows- Webservern) oder Perl.
In diesen Sprachen wird in Bezug auf ein Formular z.B. folgendes Programmiert/abgefragt: Sind alle Angaben vollständig, darf der Besucher kommentieren, wird der Kommentar direkt veröffentlicht, wo wird der Kommentar gespeichert (Datei oder Datenbank) usw.

Wenn man dies manuell erweitern will geht dies nur dann, wenn man einschlägige Erfahrung in der Programmierung von Web- Anwendungen hat.

Eine Alternative wäre es auf Content- Management- Systeme oder Blog- Software zurückzugreifen, welche dies von Haus aus bieten. In Ihrem Fall wären das z.B. Wordpress oder Joomla. Beides Open-Source Software – also frei verfügbar.

Für den Einsatz solcher Systeme muss die Vorlage dann aber verändert werden und an die Bedingungen des jeweiligen Systems angepasst werden. Also wieder lernen
Besucherzähler
Ja, das ist machbar. Hierzu gibt es einschlägige Ressourcen die vorgefertigten Code anbieten den Sie nur noch in die HTML Seite einbinden müssen.

Eine andere Möglichkeit Besucherstatistiken einzusehen sind Web- Statistiken. Diese sind dann nur für den Betreiber der Webseite einzusehen und werden so gut wie von jedem Provider bei dem Sie Ihre Webseite hosten können angeboten.

Web-Statistiken geben Ihnen weit aus mehr Informationen über Besucher als ein einfacher Besucher- Zähler. Es gibt z.B. Auswertungen nach Tag, Woche, Monat, aus welchen Ländern kommen die Besucher, welche Seiten der Internetpräsenz werden am häufigsten besucht, auf welcher Seite verlassen die meisten Besucher die Internetpräsenz etc.

Eine sehr detaillierte Statistik bietet Ihnen der kostenlose Service „Analytics“ von Google.

Wie Sie sehen gibt es eine Menge zu Ihrem Fragen zu schreiben und nicht’s ist (zumindest von mir) mit einem einfachen JA oder NEIN zu beantworten
Wenn Sie damit beginnen Ihre Webseite umzusetzen und es ergeben sich Fragen, schreiben Sie mir einfach eine Mail. Ich werde versuchen Sie so gut ich kann zu unterstützen.

Des Weiteren werde ich in den nächsten Tagen ein paar Beiträge zum Thema „Meine erste Webseite“ veröffentlichen. Mit Software- Tipps, Links, Ressourcen und Informationen zum Grundverständnis – vielleicht ist das etwas für Sie.

Viele Grüsse
Sabine Kunkel-Dücking

Hallo Herr Heil,

leider konnte ich Ihre Frage aus terminlichen Gründen in den letzten Tagen nicht beantworten. Aber jetzt:

Die Max Darstellung der Bilder ist fix. Der dafür vorgesehene Box hat die Abmessung 582×372 Pixel.
Über die CSS Datei habe ich definiert, dass alle Bilder in diesem Container immer eine Breite von 582 Pixel haben (die Höhe wird dann automatisch proportional angepasst).

Sie könnnen das ändern, indem Sie
1. die Einstellung in der CSS Datei entfernen
In der Datei styles.css (Zeile 49)
#maxpic img {width: 582px;} ändern in #maxpic img {}

2. Die Bildgrößen anpassen
Wenn Sie die oben aufgeführte Einstellung verändern, müssen alle Bilder Abmessungen habe die in den Container passen.
Also hochformatige Bilder eine Höhe von 372 Pixel und querformatige Bilder eine Breite von 582 Pixel

Ich hoffe das ich Ihnen damit weiterhelfen konnte und wünsche Ihnen viel Freude mit der Vorlage.

Viele Grüsse
Sabine