Photoshop Webdesign - Schrift/Text? [Archiv] - Photoshop-Cafe.de

Vollständige Version anzeigen : Photoshop Webdesign - Schrift/Text?

lapzoo

27.01.11, 12:14

Hallo,

habe da mal eine Frage, wenn ich in Photoshop eine Seite
designe, sie dann für "Web und Geräte" abspeichere, werden ja eigentlich nur
Bilder erstellt die durch den Inhalt der html Datei an die richtige Stelle gepackt werden.
Nun will ich jedoch, dass die Schrift nicht auch als Bild abgespeichert wird, sondern
als richtige Schrift also als markierbarer Text. Wie muss ich da vorgehen?
Gibt es dafür Tutorials?
Also ich kann mir vorstellen, dass ich in Photoshop den Background usw. erstellen muss
und dann in einem anderen Programm die Schrift einfügen soll.
Nur mit welchem?
Habe alle CS5 Programme von Adobe.

Bitte um Antwort,
Danke.

Jenny

27.01.11, 12:22

Hallo!
Nur mit welchem?
Mit Dreamweaver.

lapzoo

27.01.11, 12:28

Da bin ich Beginner :)
Ich kann den Text aber nicht dahin ziehen wo ich ihn haben möchte...

Snaptu

27.01.11, 13:12

Das muss du dann in Dreamweaver mit einem CSS machen. Wenn ich mich aber recht erinnere
kannst du in Dreamweaver den Text wie in einem "Word" ausrichten und Dreamweaver schreibt den CSS für dich

phoenix

27.01.11, 13:28

Hallo lapzoo,
willkommen im Photoshop Cafe.

Ich kann den Text aber nicht dahin ziehen wo ich ihn haben möchte...

Man zieht Text auch nicht dahin wo man ihn haben will, man schreibt den Text im Quelltext in den entsprechenden Bereich in dem er angezeigt werden soll. Dazu wäre in Dreamweaver die HTML Datei zu öffnen und dann mittels z.B <p></p> Tag's den Text einzubauen. Grundlagenwissen über Webdesign sind natürlich von Vorteil denn Dreamweaver ist kein WYSIWYG Editor.

Gruss,
phoenix

lapzoo

27.01.11, 14:15

Hallo lapzoo,
willkommen im Photoshop Cafe.

Man zieht Text auch nicht dahin wo man ihn haben will, man schreibt den Text im Quelltext in den entsprechenden Bereich in dem er angezeigt werden soll. Dazu wäre in Dreamweaver die HTML Datei zu öffnen und dann mittels z.B <p></p> Tag's den Text einzubauen. Grundlagenwissen über Webdesign sind natürlich von Vorteil denn Dreamweaver ist kein WYSIWYG Editor.

Gruss,
phoenix
Die basicsten Basics hab ich ja :D
Also ich möchte jetzt die Pos ändern und habs mit:
<p position= widht:"500px"; height:"50px"> *text* </p>
Ging net :(

€: Hast du vielleicht Skype oder sonstiges?
€: Ca. inder Mitte also in dem Kasten dieser Website: http://www.bapzoo.square7.ch/WhayTutorials/home.html

Ylloh

27.01.11, 14:23

Basicsten Basics heißt jetzt genau was?

SelfHTML (http://de.selfhtml.org/html/text/absaetze.htm) sollte dir helfen.

Wenn du einen Bereich hast egal ob table oder div, dann in diesen Abschnitt das p-Tag einbauen. P-Tags kannst du nicht positionieren ;)

also
<div style="width:500em; height:500em;"><p class="xyz">Textbla...</p></div>

phoenix

27.01.11, 14:29

Ca. inder Mitte also in dem Kasten

Versuch mal <center></center>

€: Hast du vielleicht Skype oder sonstiges?

Privatsupport = € ;)

P-Tags kannst du nicht positionieren

position:xxx
left:xxx
top:xxx
kann alles positionieren

;)

lapzoo

27.01.11, 14:32

Basicsten Basics heißt jetzt genau was?

Nicht viel :)

SelfHTML (http://de.selfhtml.org/html/text/absaetze.htm) sollte dir helfen.

Die Seite hab ich mir vor was längerem fast komplett durchgelesen,
habe aber nicht weiter mit html usw. gearbeitet und mehr als die Hälfte
auch wieder vergessen.

Wenn du einen Bereich hast egal ob table oder div, dann in diesen Abschnitt das p-Tag einbauen. P-Tags kannst du nicht positionieren ;)
also
<div style="width:500em; height:500em;"><p class="xyz">Textbla...</p></div>

Danke erstmal :)
Was bedeutet class=xyz? xyz durch Bold oÄ. ersetzen oder
meinst du damit "Koordinaten"?

phoenix

27.01.11, 14:42

Klassen: http://www.html-seminar.de/class_und_id.htm

Ylloh

27.01.11, 14:45

position:xxx
left:xxx
top:xxx
kann alles positionieren
;)

kann ja, aber BÖSE!

lapzoo

27.01.11, 14:58

<html>
<head>
<title>WhayTutorials</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#C9C9C9"><<div style="width:500em; height:500em;"><p class="xyz">Textbla...</p></div>
<center>

<table id="Tabelle_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="http://www.bapzoo.square7.ch/WhayTutorials/home.html" target="http://www.bapzoo.square7.ch/WhayTutorials/home.html">
<img src="Bilder/Home.jpg" width="210" height="145" border="0" alt=""></a></td>
<td rowspan="2">
<img src="Bilder/WhayTutorials_02.jpg" width="1" height="768" alt=""></td>
<td>
<a href="http://www.youtube.com/WhayTutorials" target="http://www.youtube.com/WhayTutorials">
<img src="Bilder/WhayTutorials.jpg" width="278" height="145" border="0" alt=""></a></td>
<td rowspan="2">
<img src="Bilder/WhayTutorials_04.jpg" width="1" height="768" alt=""></td>
<td>
<a href="sendto:benni-schwaebig@gmx.net" target="sendto:benni-schwaebig@gmx.net">
<img src="Bilder/Email.jpg" width="244" height="145" border="0" alt=""></a></td>
<td rowspan="2">
<img src="Bilder/WhayTutorials_06.jpg" width="1" height="768" alt=""></td>
<td>
<a href="http://xpartner.de.vu/" target="http://xpartner.de.vu">
<img src="Bilder/xPartner.jpg" width="289" height="145" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<img src="Bilder/WhayTutorials_08.jpg" width="210" height="623" alt=""></td>
<td>
<img src="Bilder/WhayTutorials_09.jpg" width="278" height="623" alt=""></td>
<td>
<img src="Bilder/WhayTutorials_10.jpg" width="244" height="623" alt=""></td>
<td>
<img src="Bilder/WhayTutorials_11.jpg" width="289" height="623" alt=""></td>
</tr>
</table>

</div>
</body>
</html>

So funktionierts nicht...
Habe die Werte bei 500em auch schon geändert aber hilft nicht.
Was nun? Falsch geschrieben?

phoenix

27.01.11, 15:09

<body bgcolor="#C9C9C9"><<div style="

Der ist schon mal mindestens zuviel.

Des weiteren möchtest Du doch deinen Text in der Textbox anzeigen, die wird von PS mittels einer Tabelle realisiert. Dein Text steht aber in einem DIV, der DIV aber ausserhalb der Tabelle ... wie soll das funktionieren? :bleh:

Mein Tipp lautet: Lösch das alles. Schau Dir n Grundlagen HTML/CSS Tutorial an und hinterher bist Du dann froh drum das Du dir die Zeit genommen hast. Weil so wird das nichts, Deine basicsten Basics reichen nicht um ne Seite ins Netz zu stellen, auch wenn 'Webseite per Click ins Netz stellen' noch so verlockend ist. Wenn ichs richtig sehe hast Du nämlich bereits falsch gesliced :)

lapzoo

27.01.11, 15:12

Hehe :)
Ja wenn man einfach den Text in Photoshop schreibt dann ists natürlich leichter, aber ich bin ehrgeizig!
Danke dass ihr euch die Zeit genommen habt :D

Gruss,
Lap.

phoenix

27.01.11, 15:42

Wenn man helfen kann hilft man gerne. Aber Dir hilft wirklich nur ein Webseiten erstellen Grundlagen Tutorial. Denn wie bereits erwähnt, Du hast bereits in Photoshop falsch gesliced, da kann man hinterher auch nichts mehr machen, ausser den Text mit z-index einfach über die Tabelle zu legen. Bringt aber nix, sowas kann man keinem User im Web zumuten.

lapzoo

27.01.11, 16:25

Kannst Du mir vielleicht einen konkreten Link schicken? :)
Ich hab das nämlich nach einem Tutorial gemacht.
Hab mir auch schon einige andere auf Youtube angeguckt.

Kennst du da eins? :nixweiss:

Jenny

27.01.11, 16:35

Hallo!

Eine Website designt man nicht so einfach nach irgendeinem Tutorial...
Schau dich doch mal bei video2brain um. Dort findest du u.a. dies: http://www.video2brain.com/de/products-582.htm

lapzoo

27.01.11, 16:38

Nein also das ist nicht das Ergebnis eines Tutorials sondern ich habe mir einige angeguckt und aus dem Wissen von diesen, sind ein paar Websites erstellt worden.
Diese ist mein Jüngstes Ergebnis ;)
Sry falsch ausgedrückt.

phoenix

27.01.11, 16:57

aus dem Wissen von diesen, sind ein paar Websites erstellt worden.
Diese ist mein Jüngstes Ergebnis

Ich versuch mir grad vorzustellen wie die 'Websites' davor wohl aussahen, besonders der technische Unterbau.

http://de.html.net/tutorials/html/lesson1.php