Do webmasterów..i oso które hcoc troche sie znają na tworzeniu www...:))

20.05.2003

15:07

[1]

mateusz2 [ Senator ]

Do webmasterów..i oso które hcoc troche sie znają na tworzeniu www...:))

Otóż mam taki problem...dla większosci wyda się on smieszny ale jak mówią: "Kto pyta nie błądzi":))
A więc do rzeczy:zrobiłem sobie layout...i tu mam pytanie jak zrobić zebym mógł na nim pisać itd.???Po rpostu jak go wklecic do strony...
Od razu mówie ze robie strony we FrontPagu...wiec ze to podobno słaby program ale jak sie nie zna html-a to wydaje sie dosc przydatny:))A html-a ucze sie w wakacje:)
Wiec tu pytanie:Jak wkleic we frontpagu layout tak aby mozna było na nim pisać itd.???Jak wrzuce jako zwykły obraz to nie oge na nim pisac..a jak jako tło to sie kopiuje automtycznie...wiem ze to po prostu semiszne ale ja dopiero sie ucze wiec naprawdę nie wiem...

THX Z GÓRY ZA INFO

tylko prosiłbym o wytłumaczenie jakt ozrobic we FP bo na innych tio nic sie nie znam:)

20.05.2003

15:07

[2]

mateusz2 [ Senator ]

fak..i sorka za błedy w tytule...pomyliło mi sie coś:)

20.05.2003

15:41

[3]

Regis [ ]

Zeby mozna po nim pisac, to musisz odp. elementy grafy wstawic do np. tabelek jako tlo... Nie powiem Ci jak to zrobic w FP, bo nie korzystam z niego i Tobie tez to radze - beznadziejny program...

20.05.2003

16:23

[4]

??? [ tomi_boss ]

FrontPage 2003 bedzie rulezzzzzzzz

20.05.2003

16:33

[5]

thamiel [ Chorďż˝ďż˝y ]

Rulez to Windows XP Notepad

20.05.2003

17:03

[6]

hotDog [ Outsider ]

mateusz2--> Jesli robisz go we Photoshopie to prosta sprawa,jesli nie to otworz ten jpek we photoshopie i uzyj narzedzia Slice Tool (gorna czesc menu, taki noz) i dzielisz ten layout na kawalki, jesli chcesz miec np kwadrat na text to dzielisz go tak zeby Ci pasowal i potem klikasz File>Save for Web (Plik>Zapisz dla Web-a) i wtedy Photoshop ten layout zapisuje jako plik *.html oraz tworzy folder z obrazkami, ktore podzieliles. Ten plik html, ktory stworzyl Photoshop otwierasz w np Pajaczku (FP fuuuj :/) lub w takim edytorze w ktorym jest pokazana strona podczas jej tworzenia, byc moze we Frontpage tak jest, nie wiem bo go nie uzywam. I jak otworzysz ten plik html to te tabelki, w ktorych chcesz pisac text, wyrzucasz z nich obrazki i masz juz miejsce na pisanie textu (mozesz zmienic tlo tabelki itd). Troche zamotalem, ale staralem sie pisac jezykiem zrozumialym dla poczatkujacego. Powodzenia :)

20.05.2003

17:04

[7]

mateusz2 [ Senator ]

aha a jak mam to jako jedną całosc...???musze to podzielic??

20.05.2003

17:08

[8]

hotDog [ Outsider ]

tak, musisz podzielic ten jpek na kilka mniejszych, ktore beda zapisane w tabelkach, i w tej tabelce w ktorej bedziesz chcial pisac musisz usunac obrazek.

20.05.2003

17:10

[9]

hotDog [ Outsider ]

ale nie musisz usuwac obrazkow zeby moc pisac w tabelce, mozesz rowniez ten obrazek w tabelce zrobic jako tlo tabelki i wtedy bedziesz mogl pisac na obrazku.

20.05.2003

18:11

[10]

jojko999 [ Konsul ]

a podzielić trzeba z głową, bo jak masz część obrazka jednolitą to wydzielasz ją i zapisujesz tylko plik np 3x3px i to w gifie a nie jpg. I to gifie z dopasowaną tabelą kolorów. Dużo roboty, ale modemisie ci za to podziękują.

hotdog------>a w którym Pghotoshopie, bo w 4 jak zacząłem ciąć automatycznie to program t robił z dokładnością do 1px, tz. jak uztaiłem sobie linię cięcia to raz uciął nad kreską, raz pod kreską i w ten sposób pogubił mi część obrazka.

A można też nie ciąć, a zrobić layout jako tło a reszte umieścić w warstwach-ale strona będzie sie koszmarnie otwierać, można też wszystko zrobić we flashu no ale to nie html

20.05.2003

18:18

[11]

hotDog [ Outsider ]

jojko999----> ja stycznosc z Photoshopem mam od wersji 5.5 w gore :) wiec nie wiem jak to jest z wersjami wczesniejszymi, ale uzywaj recznego ciecia, nie wiem jak dziala automatyczne (pierwsze slysze o takim wogole). I faktycznie, dzielenie layout'u bardzo przyspiesza ladowanie stronki, sam sie o tym przekonalem robiac taki maly niewinny lay. Co do umieszczania laya jako tlo -- totalna beznadziejnosc, bo jak zrobisz warstwy to bedzie to wygladac w porzadku tylko na danej rozdzielczosci, a na innych stronka bedzie sie sypac, potwierdzono klinicznie :) A co do flasha - swietny program, ale mateusz2 niech lepiej sie nauczy html'a, a potem inne cudenka.

20.05.2003

18:41

[12]

jojko999 [ Konsul ]

hotDog--------> z tym layem w tle to był tylko przykład, żeby ktoś nie myślał że nie można, bo można, ale co do efektów to zgadzam się w całej rozciągłości.
A co do przycinania automatycznie to trochę złe sformułowane z mojej strony. Chodziło mi o to, że można ustawić te niebieskie linijki (zapomniałem jak się te cholery zwą) i potem łatwiej się zaznacza części obrazka do przycięcia, ja zawsze zmieniam wielkość obszaru roboczego do wielkości wycinanego obrazka i to co zostało import do Gifa, potem historia, cofam i następny. Trochę to monotonne, ale pewne. A jest jakiś pewny prostrzy sposób?

20.05.2003

18:56

[13]

mateusz2 [ Senator ]

co do flahowych spraw to znam tylko swisha:)
ale dzieki zaraz sie biore za robote z tym layoutem...thx all

20.05.2003

19:16

[14]

Sandro [ Wymiatacz ]

Notepad rulezzz!

A tak poza tym, to czy nikt nie chciałby robić ze mną strony www o IGI2?
mail: [email protected]

20.05.2003

20:16

[15]

Nurzyk [ mAstEr oF pUlpEts ]

ja tam mówie NOTATNIK the best

20.05.2003

21:29

[16]

hotDog [ Outsider ]

mateusz2--> swish to na poczatek, pozniej bedzie wyzej i wyzej :D powodzenia w pracy i nauce.

jojko999--> to przycinanie to sprytnie wymysliles :)

Sandro--> a na czym ta pomoc miala by polegac ?

Nurzyk--> ja jestes taki madry to zrob mi fajny lay w notepadzie - zarżniesz sie chlopie! notepad to tylko do update stronki, lub korekty bledow, Stronki sie robi w kilku programikach robaczku ! :D

20.05.2003

21:41

[17]

mateusz2 [ Senator ]

sorka ale robie tak ja mówiz ale mi to nie wychodzi..mam prosbe czy mógłbys napisac tutaj tresc HTML jak to ma wygladac...przypuscmy z 4 plikami graficznymi..sorka ale naprawde mi to nie wychodzi...a zazlezy mi na tym...

20.05.2003

21:50

[18]

hotDog [ Outsider ]

OK: przykladowy kod z mojej stronki:

<HTML>
<HEAD>
<TITLE>Untitled-1</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR="#A1B9CD">
<div align="center">

<TABLE WIDTH=600 BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#A1B9CD">
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=16 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=61 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=24 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=33 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=358 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=29 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1></TD>
<TD></TD>
</TR>
<TR>

<TD COLSPAN=5>  </TD>
<TD COLSPAN=9 ROWSPAN=3>
<IMG SRC="images/index_02.jpg" WIDTH=474 HEIGHT=118></TD>

<TD ROWSPAN=14>  </TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=55></TD>
</TR>
<TR>

<TD COLSPAN=4>  </TD>
<TD>
<IMG SRC="images/index_05.jpg" WIDTH=61 HEIGHT=62></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=62></TD>
</TR>
<TR>

<TD ROWSPAN=12>  </TD>
<TD ROWSPAN=12>
<IMG SRC="images/index_07.jpg" WIDTH=16 HEIGHT=383></TD>
<TD COLSPAN=3 ROWSPAN=4>
<IMG SRC="images/index_08.jpg" WIDTH=71 HEIGHT=38></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=9>
<IMG SRC="images/index_09.jpg" WIDTH=474 HEIGHT=23></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=23></TD>
</TR>
<TR>
<TD ROWSPAN=10>
<IMG SRC="images/index_10.jpg" WIDTH=1 HEIGHT=359></TD>
<TD COLSPAN=2 ROWSPAN=4>
<IMG SRC="images/index_11.jpg" WIDTH=25 HEIGHT=48></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_12.jpg" WIDTH=59 HEIGHT=1></TD>
<TD COLSPAN=2 ROWSPAN=3>
<IMG SRC="images/index_13.jpg" WIDTH=359 HEIGHT=20></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_14.jpg" WIDTH=30 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
</TR>
<TR>

<TD ROWSPAN=3>  </TD>
<TD ROWSPAN=9>
<IMG SRC="images/index_16.jpg" WIDTH=26 HEIGHT=358></TD>
<TD ROWSPAN=9>
<IMG SRC="images/index_17.jpg" WIDTH=29 HEIGHT=358></TD>
<TD ROWSPAN=9>
<IMG SRC="images/index_18.jpg" WIDTH=1 HEIGHT=358></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13></TD>
</TR>
<TR>

<TD COLSPAN=3 ROWSPAN=6 bgcolor="#333333">W tym miesjcu usunalem obrazek i wpisalem to:<div align="center"><font color="#FFFF66"><font color="red"><B>MENU</B></font><br><br>.:: Link <1><br>.:: Link <2><br>.:: Link <3><br><a href="https://195.92.224.73/j20/content/host.asp" target="_blank">The Game :D</a></font></div>Tutaj zakonczylem wpisywanie textu :)</TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=6></TD>
</TR>
<TR>

<TD ROWSPAN=6 bgcolor="#333333">
<p align="center"><font color="#FFFF99">Layout © by <B>Lukas</B><br><a href="turbopascal.zip">TURBO PASCAL.ZIP</a></font></p>
</TD>
<TD ROWSPAN=7>
<IMG SRC="images/index_21.jpg" WIDTH=1 HEIGHT=339></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=28></TD>
</TR>
<TR>
<TD ROWSPAN=6>
<IMG SRC="images/index_22.jpg" WIDTH=24 HEIGHT=311></TD>
<TD COLSPAN=2>
<IMG SRC="images/index_23.jpg" WIDTH=34 HEIGHT=37></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=37></TD>
</TR>
<TR>
<TD ROWSPAN=5>
<IMG SRC="images/index_24.jpg" WIDTH=1 HEIGHT=274></TD>

<TD>  </TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=203></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_26.jpg" WIDTH=33 HEIGHT=35></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=35></TD>
</TR>
<TR>

<TD ROWSPAN=3>  </TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/index_28.jpg" WIDTH=1 HEIGHT=34></TD>
<TD COLSPAN=2 ROWSPAN=2>
<IMG SRC="images/index_29.jpg" WIDTH=70 HEIGHT=34></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_30.jpg" WIDTH=358 HEIGHT=31></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=31></TD>
</TR>
</TABLE>

</div>
</BODY>
</HTML>