Frage zu meiner homepage

[Steve215]

Hallo,

ich bin hier neu im Forum und habe mal ein paar Fragen zu meiner Homepage, die ich zu einem Projekt erstellen muss.

1. Frage
-Ich habe das Video am Start (Intro) mit Html 5 eingebunden und habe den folgenden quell Code benutzt.

<video source src="http://www.html.de/images/test.OGG" type="video/ogg" autoplay width="600" height="450">
<video source src="http://www.html.de/images/test.MP4" type="video/mp4" autoplay width="600" height="450">

Ich kann das video auch ohne Probleme am Pc abspielen aber außerdem möchte ich das video auch am ipad und am iphone abspielen können.
Warum klappt das nicht?

2. Frage
-Kann ich die width und height von dem Video fürs iphone seperat Runtersetzen ?

3. Frage
-Ich hätte gerne auf der seite oben rechts in der Ecke 2 Landflaggen um die sprache zu wählen.

4. Frage
-kennt ihr noch coole features mit den ich die homepage aufpeppen könnte?


Vielen Dank schon einmal im Vorraus....:?:

 

[user_1234]

Ich kann das video auch ohne Probleme am Pc abspielen aber außerdem möchte ich das video auch am ipad und am iphone abspielen können.
Warum klappt das nicht?

Ich finde das Video jetzt persönlich eher unnötig, aber ansonnsten:
Wenn du ganz sicher gehen willst, binde die Antimation als GIF ein - Nur die Qualität ist dann nicht so gut.

Fürs iPhone solltest du einfach ein spezifiziertes Stylesheet benutzen,
welches du mit einem Mediaquery einbindest.

Wenn ich dir aber einen Tipp geben darf:
Schmeiß die Tabellen da raus - Das entspricht nicht mehr dem heutigen Standard und löse das ganze mit Divs.

Bzgl. der Landflaggen:
Wo ist das Problem?

P.S.: Coole Features sind nicht alles, professionell kommt eine Seite rüber, wenn sie möglichst einfach und "modern" aussieht.
Auf größeren Unternehmenswebsites findet man ja auch nicht überall z.B. blinkende oder fahrende Motive

Meine Verbesserungsvorschläge:

- Proportionen des Headerbilds anpassen (Das ist i-wie langezogen)
- Das organge "Logo" passt von der Schriftwart her nicht wirklich
- Und wie gesagt von den Tabellen weg und ALLE Styles in CSS-Dateien auslagern
(Dann ist es auch später einfacher, das ganze für Smartphones zu optimieren.)

Viele Grüße,
Joshua ;-)

 

[Steve215]

Danke nur wie wwandel ich das video als gif um?

 

[devilseye]

erstmal super sache die ihr da angeht. Find ich super wenn sich die jugend schon
früh erfinderisch betätigt.
So nun zu deinen Fragen.
Frage 1 und 2 sind eigentlich schon beantwortet, falls du nicht genau weisst wie
ein separates stylesheet für das iphone eingebunden wird Eigene CSS-Dateien (Systemweiche/Browserweiche) für Desktop-Computer, Smartphones (iPhone, Android, ect.) und Tablet-PCs (iPad) | Webdesign-Podcast.de - Der Podcast für Webdesigner und Grafiker sollte dir hier geholfen werden.

Zu frage 3 wo genau möchtest du die Flaggen? Oben rechts am bildschirm?
Dann einfach die zwei bilder ohne div oder dergleichen mit einer klasse versehen,
z.B. so

<img alt="deutsch" src="(pfad zum bild)" class="sprache" />
<img alt="englisch" src="(pfad zum bild)" class="sprache" />

im css dann noch

.sprache {float: right ; margin: 1em ;}

die grösse der bilder kannst du mit width und height auch gleich im css
bestimmen.

Verbesserungsvorschlag:
Ich würde die Navigation horizontal machen dann kommt das Foto besser zur geltung.

 

[Steve215]

Auch danke aber wie mache ich das Vertikal ?

Und wo muss ich das für die Sprachen einfügen ? Format.css ie6.css menue.css shatten.css scrollbar.css

 

[Steve215]

Ich habe auch mal das video jetzt als giv umgewandelt doch die qualitat ist mir zu schlecht ....

gibt es keine anderen Lösungen?

 

[devilseye]

am besten dort wo die grundsätzlichen styles drin sind wird wohl format.css sein.

 

[Steve215]

Ja ok dankeschön habe ich geschaft jetzt brauche ich nur noch eine lösung für das Intro