[html] Poczatki

[hojrak6]

Witam

 

Zaczynam tworzyc pierwsza strone, wlasciwie druga 7 lat temu napisalem 1.

Ogolnie juz nie pamietam jak sie tworzy strony, wie jestem zupelnym laikiem.

 

Poprzednia strone tworzylem na iframe, z tego co wiec nie jest to za dobre rozwiazanie wiec teraz chce zrobic porzadna stronke.

 

Strone chce narazie stworzyc na tabelach, ale mam taki problem ze w iframe nadawalo sie ramce nazwe i zeby za kazdym razem strona sie nie przeladowywala tylko ramka z czescia merytoryczna do linku sie dodawalo target = ramka. I wlasnei jak sie robi strone na tabelach zeby w srodkowym wierszu sie przeladowywaly strony?? Czy musi sie ladowac cala strona ??

 

Stwierdzilem ze najpierw zaczne strone od podstaw a puzniej ja przebuduje na CSS itp.

[Yacho]

Zawsze przeladowujesz strone całą - jesli masz PHP po stronie serwera mozesz napisac proste includowanie stron za pomocą include()

[Dj paw]

Na początek radze troche podszkolic html na KURSHTML.BOO.pl.

Dobra strona.

[o-skar]

i nie robić na tabelach, jeno na divach.

 

dlaczego? http://osiolki.net/faq/tabelki

[SGJ]

I nie robić w htmlu, bo tego się uzywało w XX wieku.

XHTML, najlepiej 1.1

[o-skar]

Jeszcze tylko dodam że http://validator.w3.org/ jest Twoim przyjacielem. ;)

[hojrak6]

Witam

 

Dzieki za odpowiedzi.

 

Stronka bedzie na div`ach.

 

Teraz takie pytanko, jaki jest najlepszy edytor, bo jak wiadomo pajaczek jest platny a niechce triala, mam tez EdHTML ale mam problem z polskimi znakami. Sie znaczy w okienku kodu mam jakies szlaczki a na stronie sa poprawnie (moze tak ma byc ?) gdy cos nagrzebalem w opcjach bylo odwrotnie czyli ok w edytorze i szlaczki na stronie, juz to odkrecilem ale denerwuje mnie to ze nie ma polskich liter w kodzie tylko te szlaczki. moze da sie to jakos w opcjach ustawic? jezeli jest jakis lepszy edytor darmowy od EdHTML to prosze smialo mi go polecic:)

[SGJ]

Notatnik.

 

Ostatnio napisałem w nim całą stronę...

[ULLISSES]

Popieram, jeśli mowa o wersji Notatnik+ 2.6, który posiada konwersję kodowania znaków z Windows-1250 na ISO8859-2.

Można jednak przerzucić się na EzHTML, PSPad lub dowolny inny edytor tekstowy, który posiada kolorowanie składni.

[SGJ]

Nie potrzeba konwersji. W windowsowym notatniku mozna od razu pisac UTF'em.

[ULLISSES]

Nie potrzeba konwersji. W windowsowym notatniku mozna od razu pisac UTF'em.

A jednak - człowiek uczy się przez całe życie.

Tak dla ścisłości, to nie tyle pisać, co raczej zapisywać w UTF. ;)

Dzięki za oświecenie.

[o-skar]

jest też wygodny notepad++, podiadający kolorowanie składni dla ok 30 języków programowania.

[Polar]

Edytor... no... Masochiści pewnie zaraz polecą Notepad ^_^.....

 

Naucz sie Dreamweavera i/lub HomeSite, to kompleksowe środowisko do tworzenia stron internetowych (niczym visual studio - ten 1 ;]). A HomeSite to potęzny tekstowy edytor...

[ULLISSES]

1. Komercyjne - nie każdy ma kasę lub lubi łamać prawo na każdym kroku.

2. Kombajny, w których znalezienie niektórych opcji trwa dłużej, niż ręczne wklepanie kodu.

[SGJ]

Dreamweaver akurat jest fajny i prosty w obsłudze. I jest dostepny trial. Jeden z najlepszych programów. Tylko tak samo jak po każdym innym tego typu programie trzeba poprawiać potem błędy w kodzie dodane przez program...

[tsgs2]

czy ten program ktory polecacie to to? http://www.download.com/Dreamweaver-MX/300...4-10227156.html

?

 

i na jakiej zazadzie on tworzy strony? :) czy to polega na tym ze od razu tworze strone w grafice itp, a on to koduje? :) i w jakim kodzie to tworzy? ;) html/php? jak zapisuje np duze strony? tabele, ramki? div'y?

 

z gory dzieki za wszystkie odp ;)

 

EDYCJA`1. tak wiem, ze podalem linka do wersji na mac'a ;) 'google tez czasem sie myli :P

ta chyba jest na win'a ;) http://www.snabbstart.com/download/dreamweaver-mx-2004.aspx

Edytowane 1 Sierpnia 2006 przez tsgs2

[o-skar]

tak, to ten program, lecz są nowsze wersje.

 

jeśli programowałeś kiedyś w środowisku Delphi, to "układanie" strony w Dreamweaver wygląda podobnie. Składa się ją z gotowych klocków (div'y, tabele, obrazki, tekst), których parametry można bez problemu dostosować. Wszystko jest intuicyjne i łatwe do opanowania. Możesz też oczywiście wpisywać kod ręcznie.

[tsgs2]

aha :) takie cos mi sie podoba :) poniewaz jestem nowy w tych klockach, wiec bym sie moze od razu czegos nauczyl ;)

[ULLISSES]

Wątpię, abyś się czegoś nauczył używając takich edytorów. Zalecam raczej przeczytanie jakiegoś kursu. Jeśli jesteś zupełnie zielony, to zacznij od przeczytania tego:

Kurs HTML

Art dość stary, ale jary. ;)

[PelzaK]

dreamwaver ma jedną wadę.. nie potrafi pamiętać jakiego kodowania używa strona jeśli nie jest to napisane w sekcji head htmla... I wtedy zaczynają sie krzaczki :D, no i nie jest darmowy...

 

Osobiście używam PHPDesignera2k6 (wada taka, że nie obsługuje kodowania latin2 czy utf8) i notepad++...

[nightstalker]

Najlepszy program do pisania czegokolwiek to taki, który ładnie koloruje składnie - polecam PSPad...

[PelzaK]

i podpowiada.. samo kolorowanie niby starcza ale po co się męczyć skoro można prościej :)

[nightstalker]

zeby sie nauczyc ;p tagów html nie ma niby duzo, ale o wiele szybciej je zapamietasz jak je bedziesz pisac za kazdym razem...

[PelzaK]

włąsnie grunt w tym że nie chce się ich pisać za każdym razem... <div alignn.. blablalba... i znów</div>.. Dobry program po rozpoczęciu pisania potrafi dostawić tag zamykający chociażby.. bo po co się męczyć i pisać jeszcze raz to samo :)

 

Zresztą co kto lubi...

[hojrak6]

Witam

 

Sprawdzilem tego EzHtml a dokladnie jego najnowsza versje CoreEdit.

Jak dla mnie sie sprawdza. tyle co mnie denerwuje to to ze chce zamykac <img>.

 

Mam teraz takie pytanko co do CSS.

 

Wpisalem cos takiego"

#top{background: url(../images/top.gif) no-repeat; }

i problem w tym ze nie pojawia sie caly obrazek, tylko 1 linia, jezeli przejde textem do nowej lini odkrywa sie nowa linia itd.

 

Jak zmienic zeby pokazal sie caly obrazek ?

[o-skar]

wywal no-repeat

[hojrak6]

wywal no-repeat

 

gdy nie ma no repeat jest to samo.

[m4r]

(...)

Jak zmienic zeby pokazal sie caly obrazek ?

Ustaw sobie

#top{background: blaBlaBla...;width: szerokość obrazka;height: wysokość obrazka;}

Masz obrazek jako tło, więc niemożliwością jest wyświetlenie go w całości o ile nie zmanipulujesz samego obiektu do którego to tło jest przypisane.

[hojrak6]

A moze tak sie zapytam, jak najlepiej ustawiac caly uklad graficzny strony, tak jak robilem wstawiajac background czy jakos inaczej ?

[ULLISSES]

Zależy co rozumiesz, przez układ graficzny. Zobacz np. tutaj:

www.ssi.civ.pl/agro/ <- zobacz do źródła i do styli (css)

 

Chciałbym też przyznać rację nightstalker'owi - PSPad jest bardzo fajnym narzędziem do robienia stron, o czym przekonałem się wczoraj. Posiada ogrom funkcji (o dziwo bardzo przydatnych), obsługuje kodowanie UTF-8 no i (co ucieszy niektórych) jest po polsku.

Edytowane 9 Sierpnia 2006 przez ULLISSES