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

Moderne Website erstellen (Photoshop,CSS,HTML)

Frage Entwicklung Webentwicklung

Mitglied: bootmeup

bootmeup (Level 1) - Jetzt verbinden

23.09.2010 um 16:46 Uhr, 9743 Aufrufe, 1 Kommentar

Hallo Leute,

ich bin gerade dabei mich in die Kunst der Webentwicklung einzuarbeiten.
Naja besser gesagt nur in das Erstellen eines Designs.... Programmiertechnisch habe ich keine Schwierigkeiten und bin auch relativ vortgeschritten in mehreren Sprachen.


nun zu meiner eigentlichen Frage.
Das Erstellen einer einfachen Seite mit normalen HTML und CSS ist kein Problem aber damit kann man eben nicht alles erreichen darum bin ich jetzt auf Photoshop gekommen...
So langsam komme ich auch rein und kann schon relativ schöne Grafiken und daraus eine einfache Website erstellen (Grafik slicen und csss und html dateien erstellen), jedoch fehlen mir noch die Infos ein etwas "komplexeres" Design in HTML umzusetzen.

Beispiel:
hier http://www.adobetutorialz.com/categories/Adobe-Photoshop/Web-Layout ist eine Seite mit wirklich vielen und guten Designs mit Anleitung
aber leider nicht wie man das ganze dann auch webfähig macht...

z.b. dieses Design: http://www.adobetutorialz.com/articles/2856/1/Stylish-WebStudio-Web-Lay ...
wie sollte man hier "slicen" um z.b. das obere Menü lauffähig zu bekommen.. also damit die Links anklickbar sind?

hat jemand vielleicht noch ein paar Infos zur Umsetzung einer Webseite mit Photoshop von Anfang bis Fertigstellung?

VIele Grüße
Mitglied: Florian.Sauber
23.09.2010 um 18:44 Uhr
Zitat von bootmeup:
Das Erstellen einer einfachen Seite mit normalen HTML und CSS ist kein Problem aber damit kann man eben nicht alles erreichen darum bin ich jetzt auf Photoshop gekommen...
Da verstehst Du wohl etwas falsch?! In PS erstellst Du "nur" das graphische Layout, alles andere läuft dann über (X)HTML/CSS.
So langsam komme ich auch rein und kann schon relativ schöne Grafiken und daraus eine einfache Website erstellen (Grafik slicen und csss und html dateien erstellen), jedoch fehlen mir noch die Infos ein etwas "komplexeres" Design in HTML umzusetzen.
Slicen ist nur eine "Vereinfachung" von Photoshop um relativ statische Layouts in Einzelteile zu zerlegen. Bei überschneideneden Bereichen arbeitest Du besser mit den einzelnen Ebenen und teiltransparenten Elemnten respektive deren Überschneidungen.
Anders sieht es aus, wenn Du in de Kompletten Creative Suite (z.B. Design Premium) unterwegs bist.

hier http://www.adobetutorialz.com/categories/Adobe-Photoshop/Web-Layout ist eine Seite mit wirklich vielen und guten Designs mit
Anleitung aber leider nicht wie man das ganze dann auch webfähig macht...
Mit ausgeklügeltem CSS...

z.b. dieses Design: http://www.adobetutorialz.com/articles/2856/1/Stylish-WebStudio-Web-Lay ...
wie sollte man hier "slicen" um z.b. das obere Menü lauffähig zu bekommen.. also damit die Links anklickbar
sind?
So, dass Du eine Balance aus Maximaler "Linkgröße" und minimalem "Buttonverschnitt" hast. In dem Fall kannst Du die ja beinahe noch plan aneinader ordnen. Wenns feiner sein soll, musst Du mit verschiedenen verschachtelten oder überlappenden CSS-definierten Bereichen arbeiten...

hat jemand vielleicht noch ein paar Infos zur Umsetzung einer Webseite mit Photoshop von Anfang bis Fertigstellung?
Das Netz bietet reichlich Tutorials, aber wenn es etwas anspruchsvoller wird, sind dabei eben die Bereich Layoutgestaltung(PS) Logische Auszeichnung/Aufbau (HTML) und Anordnung/Gestaltung (CSS) getrennt.

Lehrreich könnten u.a. folgende Seiten sein.

Ansonsten rate ich immer, in der nächsten Bibliothek vorbeizuschauen und nach etwas in der Art zu schauen:

Viel Spass und Erfolg
Florian
Bitte warten ..
Ähnliche Inhalte
Microsoft Office
Html Website erstellen
gelöst Frage von LadybirdMicrosoft Office33 Kommentare

Hallo Ich muss eine htm Website erstellen. Wenn ich aber die Datei als htm abspeichere und sie als Website ...

PHP
Zeitbasiertes Bild auf Website mit PHP und CSS
Frage von peterhaPHP5 Kommentare

Moin Leute, ich bastele gerade mal eine Website. Bin soweit fertig. Muss nur noch einen automatischen Wechsel des Hintergrund-Bildes ...

HTML
Relative font-size html, css
gelöst Frage von djevil-adHTML2 Kommentare

Hallo, ich wollte mal fragen ob es eine Möglichkeit gibt Html-fonts prozentual anzugeben. Also, so dass sich die Schrift ...

HTML
HTML, CSS: Mapping auf dynamischen Hintergrund
gelöst Frage von Judo99HTML2 Kommentare

Ist es möglich, einerseits ein Bild als Hintergrundbild zu verwenden, welches auf allen möglichen Bildschirmgrößen voll skaliert wird und ...

Neue Wissensbeiträge
Windows 10

Autsch: Microsoft bündelt Windows 10 mit unsicherer Passwort-Manager-App

Tipp von kgborn vor 1 TagWindows 106 Kommentare

Unter Microsofts Windows 10 haben Endbenutzer keine Kontrolle mehr, was Microsoft an Apps auf dem Betriebssystem installiert (die Windows ...

Sicherheits-Tools

Achtung: Sicherheitslücke im FortiClient VPN-Client

Tipp von kgborn vor 1 TagSicherheits-Tools

Ich weiß nicht, wie häufig die NextGeneration Endpoint Protection-Lösung von Fortinet in deutschen Unternehmen eingesetzt wird. An dieser Stelle ...

Internet

USA: Die FCC schaff die Netzneutralität ab

Information von Frank vor 2 TagenInternet5 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 2 TagenDSL, VDSL2 Kommentare

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

Heiß diskutierte Inhalte
Batch & Shell
Kann man mit einer .txt Datei eine .bat Datei öffnen?
gelöst Frage von HelloWorldBatch & Shell20 Kommentare

Wie schon im Titel beschrieben würde ich gerne durch einfaches klicken auf eine Text oder Word Datei eine Batch ...

Router & Routing
OpenWRT bzw. L.E.D.E auf Buffalo WZR-HP-AG300H - update
gelöst Frage von EpigeneseRouter & Routing11 Kommentare

Guten Tag, ich habe auf einem Buffalo WZR-HP-AG300H die alternative Firmware vom L.E.D.E Projekt geflasht. Ich bin es von ...

LAN, WAN, Wireless
WLAN Reichweite erhöhen mit neuer Antenne
gelöst Frage von gdconsultLAN, WAN, Wireless8 Kommentare

Hallo, ich besitze einen TL-WN722N USB-WLAN Dongle mit einer richtigen Antenne. Ich frage mich jetzt ob man die Reichweite ...

Router & Routing
Fritzbox Gastnetz - exposed Host - zur Sophos IPTV
Frage von medikopterRouter & Routing7 Kommentare

Hallo zusammen, ich habe eine Frage bezüglich des Fritz box Gastzugangs an einer Sophos UTM Home. An liebsten wäre ...