Top-Themen

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, 2705 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
Grafik
Grafik bearbeiten Photoshop
gelöst Frage von Snowboarder1994Grafik2 Kommentare

Guten Tag, eventuell kann mir jemand helfen, benötige als Testzwecke mal eben kurz einen anderen Text in dieses Bild ...

Windows Installation
Automatisierte Clientinstallation - Wie umsetzen?
Frage von speedy26gonzalesWindows Installation9 Kommentare

Hallo zusammen, ich hoffe Ihr könnt mir weiterhelfen. Derzeit installieren wir Clientsysteme von Hand und machen dann ein Image ...

Netzwerkmanagement
Redundante Internetverbindung richtig umsetzen ?
Frage von Koma1982Netzwerkmanagement8 Kommentare

Hallo zusammen, wir sind aktuell dabei unser Netztwerk umzustrukturieren. Anbei das Schema nachdem das Ganze umgesetzt werden soll. Nun ...

Webentwicklung
Webprogrammierung mit schickem Layout
Frage von MasterSchlumpfWebentwicklung3 Kommentare

Hallo zusammen, ich bin gerade dabei mich in das Thema Webprogrammierung einzuarbeiten. Womit bzw. wie erstellt man diese schicken, ...

Neue Wissensbeiträge
Internet

USA: Die FCC schaff die Netzneutralität ab

Information von Frank vor 3 StundenInternet2 Kommentare

Jetzt beschädigt US-Präsident Donald Trump auch noch das Internet. Der neu eingesetzte FCC-Chef Ajit Pai ist bekannter Gegner einer ...

DSL, VDSL

ALL-BM200VDSL2V - Neues VDSL-Modem mit Vectoring von Allnet

Information von Lochkartenstanzer vor 6 StundenDSL, VDSL1 Kommentar

Moin, Falls jemand eine Alternative zu dem draytek sucht: Gruß lks

Windows 10

Microsoft bestätigt DMA-Policy-Problem in Win10 v1709

Information von DerWoWusste vor 6 StundenWindows 10

Wer sein Gerät mit der DMA-Policy absichert, bekommt evtl. Hardwareprobleme in v1709 von Win10. Warum? Weil v1709 endlich "richtig" ...

Verschlüsselung & Zertifikate

Die Hölle friert ein weiteres Stück zu: Microsoft integriert OpenSSH in Windows

Information von ticuta1 vor 10 StundenVerschlüsselung & Zertifikate

Interessant Die Hölle friert ein weiteres Stück zu: Microsoft integriert OpenSSH in Windows SSH-Kommando in CMD.exe und PowerShell

Heiß diskutierte Inhalte
Netzwerkmanagement
Mehrere Netzwerkadapter in einem PC zu einem Switch zusammenfügen
Frage von prodriveNetzwerkmanagement21 Kommentare

Hallo zusammen Vorweg, ich konnte schon einige IT-Probleme mit Hilfe dieses Forums lösen. Wirklich klasse hier! Doch für das ...

Windows Server
RODC kann nicht aus Domäne entfernt werden
Frage von NilsvLehnWindows Server19 Kommentare

HAllo, ich arbeite in einem Universitätsnetzwerk mit 3 Standorten. Die Standorte haben alle ein ESXi Cluster und auf diesen ...

Hardware
Kein Bild mit nur einer bestimmten Grafikkarten - Mainboard Konfiguration
gelöst Frage von bestelittHardware18 Kommentare

Hallo zusammen, ich hatte schon einmal eine ähnliche Frage gestellt. Damals hatte ich genau das gleiche Problem. Allerdings lies ...

Hardware
Links klick bei Maus funktioniert nicht
gelöst Frage von Pablu23Hardware16 Kommentare

Hallo erstmal. Ich habe ein Problem mit meiner relativ alten maus jedoch denke ich nicht das es an der ...