Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen (A bis Z)

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, 2702 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 ..
Ähnliche Inhalte
Windows 10
gelöst Anmeldebildschirm Tastatur Layout Schweiz als Standard (3)

Frage von manuwj zum Thema Windows 10 ...

Windows Installation
Automatisierte Clientinstallation - Wie umsetzen? (9)

Frage von speedy26gonzales zum Thema Windows Installation ...

Netzwerkmanagement
Redundante Internetverbindung richtig umsetzen ? (8)

Frage von Koma1982 zum Thema Netzwerkmanagement ...

Java
Layout der Facebook App nachbauen (4)

Frage von Herbrich19 zum Thema Java ...

Neue Wissensbeiträge
Erkennung und -Abwehr

Infineon TPMs unsicher! Bitlocker ggf. angreifbar

(2)

Information von Lochkartenstanzer zum Thema Erkennung und -Abwehr ...

Firewall

PfSense Repository für Version 2.3.x

(3)

Information von Dobby zum Thema Firewall ...

LAN, WAN, Wireless

WPA-2 hat erste Risse: KRACK

(8)

Information von the-buccaneer zum Thema LAN, WAN, Wireless ...

Hardware

GPD Pocket: Winziger Laptop für Wenig Tipper

(1)

Information von pelzfrucht zum Thema Hardware ...

Heiß diskutierte Inhalte
Microsoft Office
ICH BIN AM ENDE MEINES IT-WISSENS ANGELANGT!!!! (37)

Frage von 134537 zum Thema Microsoft Office ...

Windows Server
gelöst Gruppenrichtlinie greift nicht zu! (23)

Frage von Syosse zum Thema Windows Server ...

Hosting & Housing
Mailserver Software Empfehlungen (21)

Frage von sunics zum Thema Hosting & Housing ...