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, 2670 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
Off Topic

"Ich habe nichts zu verbergen"

(2)

Erfahrungsbericht von FA-jka zum Thema Off Topic ...

Ähnliche Inhalte
Netzwerkmanagement
Redundante Internetverbindung richtig umsetzen ? (7)

Frage von Koma1982 zum Thema Netzwerkmanagement ...

Windows 10
gelöst Anmeldebildschirm Tastatur Layout Schweiz als Standard (3)

Frage von manuwj zum Thema Windows 10 ...

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
Linux Netzwerk
gelöst DHCP vergibt keine Adressen (32)

Frage von Maik82 zum Thema Linux Netzwerk ...

Apache Server
gelöst Lets Encrypt SSL mit Apache2 (20)

Frage von banane31 zum Thema Apache Server ...

CPU, RAM, Mainboards
Kaufberatung für mind. 8 verschiedene HighEnd-Mainboards (20)

Frage von yperiu zum Thema CPU, RAM, Mainboards ...

Hardware
gelöst PCI-Express-Adapterfrage (14)

Frage von DerWoWusste zum Thema Hardware ...