<b>REGISTER</b>

GFX-Sector - Fragen & Probleme


 
GFX-Sector » GFX-Area » Fragen & Probleme » [Frage] Designs » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

Fragen & Probleme

Hier können Fragen rund um das Thema GFX und Photoshop gestellt werden. Probleme und Anfängerfragen sind hier auch willkommen.
Post New Thread Post Reply

Designs

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

DasLoch
Fingerwischer


DasLoch hat kein Avatar

Registration Date: 07.03.2008
Posts: 38
Location: Hamburg
Program: Adobe Photoshop

Spacer
Designs

Designs

      

Okay hab da ne Frage die ihr wohl sehr einfach beantworten könnt

Und zwar

Was sind Designs überhaupt? Sind dass viele Bilder? Ich weiss ja dass das hier das Design der Seite ist aber ich verstehe einfach nicht wie man sowas macht?
Aber ich möchte es gerne lernen ! Was muss man wissen? WElche Programme sind gut dafür? Also reicht mir Photoshop? Und sind auch Html kentnisse vorrausgesetzt (Html war doch dies wo man mit Editor seiten machen)? Als ich inder Schule ne Seite gemacht habe (informatik noch damals 8te klasse, schon vor 2 Jahren) Hab ich nur nen Hintergrundbild draufgeklatscht links ne Tabelle mit Links erstellt und ne 2+ bekommen (war der Beste der Klasse ^^)

So sind jetz viele Fragen ^^
Trotzdem bitte antworten
Achja wenn man es mit Photoshop macht
Links von guten tutorials bitte ^^
Designs 12.03.2008 23:53 DasLoch is offline Search for Posts by DasLoch

Fireball Fireball is a male
Boardchef


Avatar von Fireball

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Spacer
      

Das Grundgerüst, also das Design, machst du ganz normal mit Photoshop.
Baust also alles nach, wie es später aussehen soll.

Wenn das fertig ist, fängst du an, das Design zu slicen.
Du teilst es also in mehrere Grafiken ein, damit du das Design später coden kannst.
Beispielsweise ist die Headergrafik ein Teil, dann die einzelnen Navigationsbuttons, und dann noch das Copyright.

Dann fängst du an das Design zu coden (coden ist nicht codieren!).
Gecodet wird meistens in HTML.
Ich nehm als Beispiel mal Tabellen (damit haste ja auch schon ein bisschen Erfahrung Wink ).
Du legst also das Grundgerüst einer HTML Seite an:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Beschreibung der Seite</title>
</head>
<body>
Inhalt der Seite
</body>
</html>


In den <body> Bereich kommen dann die einzelnen Tabellen.

Am besten du machst dir mal ein Minidesign.
Dann versuchste das zu slicen.
Dann klickste auf Datei - Für Web speichern.
Dort wählst du dann .jpg aus.
Dann klickste auf Speichern.
Wenn er dich fragt, als was du es speichern willst, dann wähle "HTML und Bilder" oder wie genau das heißt.
Dann speicherste das z.B. aufm Desktop.
Dann kannst du dir die .html Seite mal angucken, ist sozusagen schon fertig gecodet Wink

Hoffe konnte helfen^^



Designs 13.03.2008 00:01 Fireball is online Homepage of Fireball Search for Posts by Fireball

DasLoch
Fingerwischer


DasLoch hat kein Avatar

Registration Date: 07.03.2008
Posts: 38
Location: Hamburg
Program: Adobe Photoshop

Thread Starter Thread Started by DasLoch
Spacer
      

Also mach ich Praktisch viele Bilder in ein leeres Dokument?

Und da wo ich will dass was geschrieben ist
z.B. Wenn mitten in der Seite News is dann lass ich da ne Lücke? Oder wat?

Designs 13.03.2008 00:03 DasLoch is offline Search for Posts by DasLoch

Fireball Fireball is a male
Boardchef


Avatar von Fireball

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Spacer
      

Genau, du packst praktisch viele Bilder auf ein leeres Dokument.
Später aber, wenn die Tabellen stehen, packst du das Bild in den Hintergrund.
Folge: Du kannst in die Tabelle schreiben und somit kannst du die Seite mit Content füllen Wink



Designs 13.03.2008 00:07 Fireball is online Homepage of Fireball Search for Posts by Fireball

DasLoch
Fingerwischer


DasLoch hat kein Avatar

Registration Date: 07.03.2008
Posts: 38
Location: Hamburg
Program: Adobe Photoshop

Thread Starter Thread Started by DasLoch
Spacer
      

Okaaaay daaanke hat mir geholfe ich hab ma nen Slice tutorial gesehen jetz weiss ich ja was das is nur noch eins muss ich fragen^^

Also hat man dann am Ende nen Hintergrund und klatscht praktisch ne Schrift später mit html drauf die is also nicht im Desin integriert oder?

Designs 13.03.2008 00:13 DasLoch is offline Search for Posts by DasLoch

Fireball Fireball is a male
Boardchef


Avatar von Fireball

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Spacer
      

Genau, der Content ist variabel.
Sprich, er wird per HTML in die Tabellen geschrieben und nicht schon beim designen geschrieben Wink



Designs 13.03.2008 00:22 Fireball is online Homepage of Fireball Search for Posts by Fireball

DasLoch
Fingerwischer


DasLoch hat kein Avatar

Registration Date: 07.03.2008
Posts: 38
Location: Hamburg
Program: Adobe Photoshop

Thread Starter Thread Started by DasLoch
Spacer
      

Okay dankeee

Designs 13.03.2008 00:24 DasLoch is offline Search for Posts by DasLoch

Mero Mero is a male
The Dreadworks Project

Spender


Avatar von Mero

Registration Date: 12.11.2006
Posts: 3,294
Location: Weserbergland
Program: Photoshop, Illustrator, Notepad++
Deviantart: dreadworks

Spacer
      

ein tipp: vernagel dich nicht auf tabellen! benutz diese um geübt im umgang mit html zu werden, aber sobald du die grundkentnisse hast, versuch dich ein wenig auf formatierungen per css zu konzentrieren... und einen seitenaufbau per <div> und <ul> tags (Division tags und Listen) zu realisieren.



.
The Dreadworks Project

And in my darkest moment, fetal and weeping
The moon tells me a secret - my confidant
As full and bright as I am
This light is not my own and
A million light reflections pass over me

Designs 13.03.2008 01:17 Mero is offline Homepage of Mero Search for Posts by Mero

izak.stern izak.stern is a male
Ohnefiltergrafiker


izak.stern hat kein Avatar

Registration Date: 18.02.2008
Posts: 478

Spacer
      

eyeyey... ^^

was muss man denn hier lesen?

wenn du eh bisher noch fast keine kenntnisse in html hast fang doch gleich richtig an und vergeude deine zeit nicht mit tabellengedruckse Wink

ausserdem gefällt mir der doctype von fireball nicht unglücklich

bitte verwende doch gleich xhtml anstatt html



Designs 13.03.2008 01:41 izak.stern is offline Homepage of izak.stern Search for Posts by izak.stern

Fireball Fireball is a male
Boardchef


Avatar von Fireball

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Spacer
      

@izak:
Joa war ja auch nur ein Beispiel mit Tabellen^^
Ist für Anfänger find ich einfacher zu lernen als div.



Designs 13.03.2008 01:43 Fireball is online Homepage of Fireball Search for Posts by Fireball

DasLoch
Fingerwischer


DasLoch hat kein Avatar

Registration Date: 07.03.2008
Posts: 38
Location: Hamburg
Program: Adobe Photoshop

Thread Starter Thread Started by DasLoch
Spacer
      

LEUTE jetz von vorne ich hab fast nix verstanden also Html soll ich nich lernen? (hatt ich das vor ich wollt doch nur designen xD) Ich brauch doch für Designen nur dieses Grundgerüst von Html dass kann ich ja schon und alle diese codes (z.B. andere schrift und son zeug Hintergrundmusik ...) stehen ja auf selfhtml also ganz einfach nachzulesen ...

Aber was sol ich jetz machen? xhtml lernen? Wat is das?
Geil wärs wenn ihr mir sagt was ich machen soll und mir dann auch paar nützliche links schickt ^^

Designs 13.03.2008 10:54 DasLoch is offline Search for Posts by DasLoch

Fireball Fireball is a male
Boardchef


Avatar von Fireball

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Spacer
      

XHTML ist eigentlich so ziemlich das gleiche wie HTML.
Nur, dass der img Tag nicht mit "> endet, sondern mir " />.
Beispielsweise^^
HTML solltest du schon ein bisschen können, um deine Seite zu coden.
Alles musst du natürlich nicht kennen, aber ein kleines Grundwissen (Links, Bilder, (Tabellen), Aufzählungen, Formatierungen) solltest du schon mitbringen Wink
Kannste ja alles auf SelfHTML nachlesen, wie du schon sagtest Wink



Designs 13.03.2008 13:47 Fireball is online Homepage of Fireball Search for Posts by Fireball
 
Spacer
   
GFX-Sector
unregistered


 hat kein Avatar


Spacer

Have you enjoyed this topic?


If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

New Post 13.03.2008 13:47  
Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » GFX-Area » Fragen & Probleme » [Frage] Designs

Similar topics to Designs
Thread
Hollywood Esser | 0WN3D Designs (Forum: Signaturen/Avatare)
[Frage] Wie mit Webdesigns anfangen ? (Forum: Fragen & Probleme)
[Verkaufe] Designs und Logos suchen Besitzer :) (Forum: Angebote und sonstige Anfragen)
SM Designs (Forum: Werbung)
[Biete Leistung] Suche Aufträge ( Firmen , Clan..-Designs) (Forum: Archiv)