Dreamweaver CC - Homepage-"Nachbau"

[Foxi55]

Hallo zusammen,

ich arbeite mich gerade in Dreamweaver CC ein und habe auch bereits erste Homepages erstellt. Nun habe ich allerdings eine absolute wahnsinns Homepage entdeckt, die ich gerne nachbauen würde- nur leider habe ich absolut keine Ahnung, wie man das anstellen könnte... die URL:


Das Menü "fliegt" quasi ins Browersfenster, der halb transparente Hintergrund und der schwarze horizontale "Balken", wenn man über die einzelnen Menüpunkte scrollt. Ich finde die Seite klasse und freue mich über jede Hilfe!

Die Hintergrundbilder müssen sich nicht unbedingt jedes Mal verändern, wenn man über einen anderen Menüpunkt scrollt - das ist schon fast too much (es wäre trotzdem interessant zu wissen, wie`s geht).

Vielen vielen Dank im Voraus!

PS: Lösungen OHNE Flash, da die Homepage ja sonst nicht von Smartphones/ IPhones angezeigt werden kann!

 

[patrick_l]

AW: Dreamweaver CC - Homepage-"Nachbau"

Setze dich mit der client- (JavaScript > jQuery) und serverseitigen (PHP) Programmierung von Websites auseinander. Wenn du beides beherrschst, dürfte deinem Vorhaben auch nichts im Wege stehen.

Bezüglich mobile Endgeräte (Tablet, Smartphone) solltest du dich mit responsive Webdesign (RWD) anfreunden. Pascal Bajorat hat hier auf PSD-Tutorials unter anderem einiges beigesteuert. Ansonsten wirst du auch über Tante G schnell fündig.

Liebe Grüße, Patrick

 

[Gelöschtes Mitglied 133165]

AW: Dreamweaver CC - Homepage-"Nachbau"

Im Quelltext wird eindeutig u.a. auf div. Scripte und speziell auf .SWF-Dateien verwiesen. Dreamweaver ist lediglich ein (wenn auch sehr mächtiger und komfortabler) HTML-Editor.

 

[Horst-Karsten]

AW: Dreamweaver CC - Homepage-"Nachbau"

Im Quelltext wird eindeutig u.a. auf div. Scripte und speziell auf .SWF-Dateien verwiesen. Dreamweaver ist lediglich ein (wenn auch sehr mächtiger und komfortabler) HTML-Editor.

Sollte aber auch mit herkömmlichen Mitteln (css, js etc) zu bewerkstelligen sein.

 

[lukasmerz]

AW: Dreamweaver CC - Homepage-"Nachbau"

Sollte aber auch mit herkömmlichen Mitteln (css, js etc) zu bewerkstelligen sein.

Das ist zwar möglich, aber ich würde dir empfehlen dich trotzdem mal über JavaScript zu informieren. So schwer ist es auch nicht und man hat viel mehr Möglichkeiten.

 

[Myhar]

AW: Dreamweaver CC - Homepage-"Nachbau"

Ich verstehe deinen Einwand nicht. Horst hat doch schon gesagt, er soll sich mit js (also JavaScript) zu beschäftigen?
Ein gutgemeinter Ratschlag für Foxi: Wenn du erst beim Lernen bist, dann fange mit einfachen Seiten an, also schau zuerst, dass zB eine Seite mit 2 Spalten korrekt in allen Browsern angezeigt wird. Baue erst nach und nach komplexere Seiten, so lernt man am Meisten (Meiner Meinung nach).

 

[cythux]

AW: Dreamweaver CC - Homepage-"Nachbau"

Diesen Effekt kannst du eventuell mittels Paralax Effekt hinbekommen, zumindest was die Bilder angeht

http://tympanus.net/codrops/2011/07/03/sliding-background-image-menu/ hier ist was ähnliches

 

[d4y]

AW: Dreamweaver CC - Homepage-"Nachbau"

Ein sehr einfacher Weg deinem Ziel näher zukommen und die Tools zulernen die du brauchst http://www.codecademy.com um dich an solche Projekte heran zu wagen ;-)

 

[Isometric]

AW: Dreamweaver CC - Homepage-"Nachbau"

Mal eine allgemeine Frage zwischendurch:

sind solche Seiten, die ohne JavaScript nicht funktionieren eigentlich positiv zu bewerten?

Ich habe im Firefox einen Scriptblocker drin, und bei mir bleibt die im ersten Thread genannte Seite dann fast komplett schwarz

 

[cythux]

AW: Dreamweaver CC - Homepage-"Nachbau"

JavaScript und Jquery sind 2 verschiedene Dinge

Javascript als solches kann blockiert werden von Scriptblocker

 

[Isometric]

AW: Dreamweaver CC - Homepage-"Nachbau"

JavaScript und Jquery sind 2 verschiedene Dinge

Javascript als solches kann blockiert werden von Scriptblocker

Ich habe bis jetzt immer gedacht JavaScript und jQuery haben sehr viel miteinander zu tun:

Die jQuery-Basisbibliothek besteht aus einer JavaScript-Datei, in der alle grundlegenden DOM-, Ereignis-, Effekt- und Ajax-Funktionen enthalten sind.

Quelle: http://de.wikipedia.org/wiki/JQuery

 

[Myhar]

AW: Dreamweaver CC - Homepage-"Nachbau"

Nein, das sind sie nicht. jQuery ist auch nur Javascript, nicht mehr und nicht weniger. Wird also Javascript geblockt, wird jQuery auch geblockt.
Und ja, Seiten die ohne JS funktionieren, sind auch in meinen Augen als positiv zu bewerten. Allerdings ist es mittlerweile im Firefox nicht mehr möglich (außer, so wie du es machst, mittels Plugins), Javascript zu deaktivieren. Eventuell ist das per about:config möglich, aber zumindest der Großteil der Firefox-User wird JS wohl ab jetzt standardmäßig aktiv haben. Auch Google führt bei seiner Web-Indizierung mittlerweile Javascript aus, allerdings, soweit mir bekannt ist, nicht alles.
Es ist allerdings immer ratsam, Effekte nur dort einzusetzen, wo sie auch sinnvoll sind und den benutzer auch einen Mehrwert bieten. Ansonsten sind diese nämlich nicht lange auf der Seite.

 

[d4y]

AW: Dreamweaver CC - Homepage-"Nachbau"

Mal eine allgemeine Frage zwischendurch:

sind solche Seiten, die ohne JavaScript nicht funktionieren eigentlich positiv zu bewerten?

Ich habe im Firefox einen Scriptblocker drin, und bei mir bleibt die im ersten Thread genannte Seite dann fast komplett schwarz

Da stellt sich die Frage sind Blueray discs die in nem normalen CD-spieler nicht laufen positiv zu bewerten?

 

[Foxi55]

AW: Dreamweaver CC - Homepage-"Nachbau"

Hey schon einmal danke für eure ganzen Antworten! Auch die Links sind wirklich toll!
Wenn jemand noch weitere Ideen hat, oder vielleicht Lösungen, die zumindest so ähnlich ausschauen (vllt. ohne den "Reinfliegeffekt" und ohne, dass sich bei jeder Bewegung die Bilder ändern) und kein Java etc. brauchen (auch gerne HTML-Code-Tipps/ Struktur-Tipps), postet es gerne. Ich bin für jeden Hinweis dankbar! Jetzt schaue ich mir einmal die Links genauer an. Aber das stimmt: Für so scheinbar einfache Effekte benötigt man sooo unglaublich viel Wissen! Da steht man erst einmal vor einem riesigen Berg unlösbarer Aufgaben - daher danke für jede Hilfe!