Skrive tekst i DreamWeaver

12 innlegg i emnet

Skrevet (endret)

Hei

Jeg har laget en web-template i Photoshop, og åpnet den i DreamWeaver. Men jeg vil skrive inn tekst oppå templaten (nyheter osv). Hvordan gjør jeg det?

Bilde

Takker for svar. :)

EDIT: "Her vil jeg skrive tekst" er skrevet i Paint, og ikke DW :P

Endret av Haxy
0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Noe sånt som:

<img src="../start.jpg" />

<br /><br />

<div>

Her vil jeg skrive tekst

</div>

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Jeg kan lite om css og html. Når jeg har valgt View--->Code, hvor skal jeg skrive det da?

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Jeg ville vel ikke kjøpt DreamWeaver, hvis jeg ikke kunne bruke det :P

Vel, det er bare å klikke inne i mellom "rammen" du har rundt der du vil skrive det. Det er altså en grå bakgrunn, en banner og masse ubrukt plass. Klikk på banneren, eller rett under, så trykk enter. Du vil da lage tekstfelt, med en gang du begynner å skrive.

Jeg anbefaler deg å lære litt mer om HTML før du evt. kjøper/starter trial på DreamWeaver, eller CS3.. Med mindre du stjeler da.

Det krever litt lesing for å lære HTML og evt. CSS -- Jeg ville startet med http://www.w3schools.com --> HTML

Les også DreamWeavers' manual / guide / tutorials, hvis du vil bruke DreamWeaver riktig -- Jeg personlig finner DreamWeaver som uintelligent og halvveis.

Sett eget preg på det ved å bruke kun en tekst-editor a-la Notepad++, man lærer mye mer av det også. :)

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Klikker jeg enter når jeg har markert feltet, så kan jeg skrive ja, men det gråe feltet forvinner og bakgrunnen vises...

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Få se html-kildekoden. Over templaten, er det 3 faner, "Code", "Split" og "Design". Klikk på Code, så kopierer du innholdet og skriver det inn her på itpro slik [ code ] kildekoden [ /code ]

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet (endret)

<html>
<head>
<title>MF-templ</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body background="bg.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (MF-templ.psd) -->
<table width="800" height="851" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="13">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_01.gif" width="800" height="180" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_02.gif" width="800" height="26" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_03.gif" width="77" height="73" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_04.gif" width="115" height="33"></td>
<td rowspan="2">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_05.gif" width="18" height="73" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_06.gif" width="115" height="33"></td>
<td rowspan="2">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_07.gif" width="18" height="73" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_08.gif" width="115" height="33" alt=""></td>
<td rowspan="2">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_09.gif" width="18" height="73" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_10.gif" width="115" height="33" alt=""></td>
<td rowspan="2">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_11.gif" width="18" height="73" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_12.gif" width="115" height="33" alt=""></td>
<td colspan="2" rowspan="2">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_13.gif" width="76" height="73" alt=""></td>
</tr>
<tr>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_14.gif" width="115" height="40" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_15.gif" width="115" height="40" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_16.gif" width="115" height="40" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_17.gif" width="115" height="40" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_18.gif" width="115" height="40" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_19.gif" width="39" height="571" alt=""></td>
<td colspan="11">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_20.gif" width="720" height="500" alt=""></td>
<td rowspan="2">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_21.gif" width="41" height="571" alt=""></td>
</tr>
<tr>
<td colspan="11">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_22.gif" width="720" height="71" alt=""></td>
</tr>
<tr>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="115" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="115" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="115" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="115" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="115" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="35" height="1" alt=""></td>
<td>
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/spacer.gif" width="41" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>[/html]

__________________________________________________________

Funker vel like greit å bare skrive teksten inn på selve templaten i PS?

Endret av Martin Aleksander
Satte koden inn i [html]-boks
0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Haha. Det du har der er kun ett bilde av template. Du har ikke gjort utskåringer. Hele siden er et eneste stort bilde. Ekstremt upraktisk i virkeligheten, da dette tar tid å laste, samt vil ikke kunne fungere dynamisk. Dette blir kun et statisk bilde som henger der uansett hva.

Du er nødt til å KUN bruke bildene du har der som er viktige, slik som banneren, linkene, rammene på sidene, footer, og evt en logo. alt annet er grått, og kan like så godt være grå bakgrunn uten bruk av bilde..

Du må også gjøre om rammene på sidene, til repeterende bakgrunnsbilde avhengig av hvor mye tekst du har i ditt innhold. Ikke lag dette bilde alt for høyt (ca 5 pixler e.l er bra)

Bakgrunnen din er bra nok, da du har allerede gjort dette til en bakgrunn.

Grunnen til at du ikke kan skrive tekst er at du skriver oppå et bilde. Slett dette bilde (grå, stor firkant), og gjør bakgrunnen grå. Så kan du skrive

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet (endret)

Hæ?

I PS har jeg slicet det viktigste, men hele siden blir til masse små slicer, selv om jeg bare slicer at par ting selv.

Om jeg sletter firkanten, og gjør bakgrunnen grå, så blir jo ikke bakgrunnen stripete, slik jeg vil ha det...

Har du MSN eller noe, så kan du hjelpe meg der?

Endret av Haxy
0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet (endret)

Ja, slett den "slicen" som er i midten. STOR og grå. Få den vekk! Gjør bakgrunnen grå akkurat der.

Denne vil jeg tro:

<td colspan="11">
<img src="file:///C|/Users/Haxy/Desktop/MF-Siden html/images/MF-templ_20.gif" width="720" height="500" alt="">[/html]

Gjør det ovenfor om til kun:

[html]<td colspan="11" bgcolor="FARGE DU BRUKER I PS HER">

Endret av UniTiQ
0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

For noe dritt alle denne kodingen er! :P

Kan du ikke hjelpe meg på MSN heller?

rulleball@hotmail.com

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

ville brukt en <div> tag... blir vel noe sånt som <div align='center'> tekst her </div>

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!


Start en konto

Logg inn

Har du allerede en konto? Logg inn her.


Logg inn nå

  • Hvem er aktive   0 medlemmer

    Ingen innloggede medlemmer aktive