Photoshop-Cafe.de :: Dein Photoshop-Forum - Photoshop Webdesign

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)

- Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)

- - Photoshop Webdesign - Schrift/Text? (https://www.photoshop-cafe.de/forum/showthread.php?t=11298)

Photoshop Webdesign - Schrift/Text?

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.

Hallo!

Zitat:

Nur mit welchem?

Mit Dreamweaver.

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

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

Hallo lapzoo,
willkommen im Photoshop Cafe.

Zitat:

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

Zitat:

Zitat von phoenix (Beitrag 167165)

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

Basicsten Basics heißt jetzt genau was?

SelfHTML 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

HTML-Code:

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

Zitat:

Ca. inder Mitte also in dem Kasten

Versuch mal <center></center>

Zitat:

€: Hast du vielleicht Skype oder sonstiges?

Privatsupport = € ;)

Zitat:

P-Tags kannst du nicht positionieren

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

;)

Zitat:

Zitat von Ylloh (Beitrag 167179)

Basicsten Basics heißt jetzt genau was?

Nicht viel :)

Zitat:

Zitat von Ylloh (Beitrag 167179)

SelfHTML 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.

Zitat:

Zitat von Ylloh (Beitrag 167179)

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

HTML-Code:

<div style="width:500em; height:500em;"><p class="[B][I][U]xyz"[/U][/I][/B]>Textbla...</p></div>

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

Zitat:

Zitat von phoenix (Beitrag 167182)

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

kann ja, aber BÖSE!

HTML-Code:

<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>

<!-- Save for Web Slices (WhayTutorials.psd) -->

<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>

<!-- End Save for Web Slices -->

</div>

</body>

</html>

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

<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 :)

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.

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.

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:

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

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.

Zitat:

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