Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Photoshop Layout in Frontpage umsetzen

Frage Entwicklung Webentwicklung

Mitglied: wescraven07

wescraven07 (Level 2) - Jetzt verbinden

15.08.2012 um 15:31 Uhr, 2664 Aufrufe, 1 Kommentar

Moin Leude,

folgende Frage:

Wir haben uns zum Testen in Photoshop ein Web-Layout erstellt. Ich habe jetzt ein paar Versuche gestartet, das Layout mit Frontpage zu verwirklichen, habe aber das Problem, dass sich alle Möglichen Teile verziehen, wenn man z.B. das Browserfenster grösser oder kleiner zieht.

Habe z.b. als Kopfzeile , in der auch die Navigation ist, mit einer Tabelle mit 3 Spalten versucht zu realisieren, wenn man das Fenster jetzt verkleinert, zieht sich die rechte Spalte komplett über die mittlere Spalte und verdeckt den Inhalt. Die Navigationsbuttons, die mit Ebenen in der mittleren Spalte eingebunden sind bleiben dann irgendwie fixiert und der Hintergrund verzieht sich völlig.

Irgendwie scheinen wir die Grafiken im Photoshop falsch geliced zu haben oder die Umsetzung im Frontpage ist falsch.

Vielleicht hat mir jemand einen Tip, wie man das korrekt realisiert,vielleicht mit Youtubevideo oder so. Ich weiss nämlich ehrlich gesagt nicht, mit welchem Begriff ich suchen soll, weil das natürlilch sehr Layoutspezifisch ist.

Wenn jemand von Euch das Layout sehen will, kann ich PM gerne die URL schicken.

Freu mich auf Eure Tips.

Greetz da WES
Mitglied: d4shoerncheN
15.08.2012 um 17:50 Uhr
Hallo,

da wird euch kaum einer eine Antwort drauf geben können.

Bringt euch erstmal HTML und CSS bei, der Rest erklärt sich dann von selbst. Wenn Ihr mit Photoshop ein Layout erstellt, es sliced (auch da solltet Ihr wissen wie man sliced), erstellt euch Photoshop auf Wunsch eine index.html. Diese ist aber sehr unpraktikabel, da die einzelnen Slices in Tabellen aufgeteilt und als Grafik eingefügt wurden.

Unterteilt Euer Layout in verschiedene Bereiche und erstellt für jeden Bereich einen <div>-Container. Diesen gibt Ihr einen Namen, z.B. <div id="header">, <div id="navigation">, <div id="content">, <div id="footer">.

Nun erstellt Ihr eine CSS-Datei, wo Ihr die einzelnen Bereiche formatiert. Größe, Position, usw.

Guckt Euch im Internet einige Tutorials zu den drei Themen an die ich nun genannt habe.

Gruß
Bitte warten ..
Neuester Wissensbeitrag
Humor (lol)

Linkliste für Adventskalender

(3)

Information von nikoatit zum Thema Humor (lol) ...

Ähnliche Inhalte
Windows Userverwaltung
Lokale Ordnerumleitung auf den Server wieder lokal umsetzen (6)

Frage von M.Marz zum Thema Windows Userverwaltung ...

Grafik
Illustrator in Photoshop-Datei umwandeln (6)

Frage von Yannosch zum Thema Grafik ...

Heiß diskutierte Inhalte
Windows Server
DHCP Server switchen (25)

Frage von M.Marz zum Thema Windows Server ...

SAN, NAS, DAS
gelöst HP-Proliant Microserver Betriebssystem (14)

Frage von Yannosch zum Thema SAN, NAS, DAS ...

Grafikkarten & Monitore
Win 10 Grafikkarte Crash von Software? (13)

Frage von Marabunta zum Thema Grafikkarten & Monitore ...

Windows 7
Verteillösung für IT-Raum benötigt (12)

Frage von TheM-Man zum Thema Windows 7 ...