Web lapu pamati

procis · Post no **procis** » 22:17 / 11. Nov, 2009

Jāsāk ar to,ka baigi interesētu tāda lieta kā web izveide utt!Gribētos pajautāt kādam kas to ir darijis/dara - ar ko man sākt,kur gūt vispārēju priekštatu par weblapu izveidi un tamlīdzīgām lietām?Tikai nevajag būt stipri kritiskiem-zinu,ka tas nav divos vārdos izstāstāms,bet nu-es ātri mācos,un ja gušu vispārēju priekštatu domaju tālāk varēšu kulties un burties pats.Jau iepriekš paldies...

Mr.Death · Post no **Mr.Death** » 22:21 / 11. Nov, 2009

kaa procja kungam ar anglju valodu? :> ja labi, iesaku http://tizag.com lapu, malies cauri no augsjas liidz apaksjai, iespeejams materiaalus buus vieglaak lasiit ja izprinteesi, un beigaas jau kaut ko sakariigu sajeegsi. :>

azazul · Post no **azazul** » 22:23 / 11. Nov, 2009

http://wsc.opera.com/
http://www.htmldog.com/guides/

Priekš rakstīsnas:
http://sourceforge.net/projects/notepad-plus/

procis · Post no **procis** » 22:25 / 11. Nov, 2009

Ar anglisko ir ok!Paldies par padomiem vīri.
Īstenībā ir ok šitais notepad.lv
Sen jau meklēju kko šitādu

normis_161 · Post no **normis_161** » 22:45 / 11. Nov, 2009

1. HTML - http://www.kasis.lv/
2. CSS - http://www.kasis.lv/
3. PHP ( http://php.lv/wiki/php_programmetaja_rokasgramata un http://www.gsu.lv/php_Soli_pa_solim_/menu9.htm ) un MySql ( http://datubazes.wordpress.com/2007/12/28/sql-select-i/ un http://www.webkursi.lv/databases/sql1.php)
4. Flash un AS3 (Par flash animāciju ir šajā forumā, bet AS3 ir tikai eng, iesaku skatīties Lynda.com video pamācības)
Tādā secībā man sanāca apgūt un joprojām to daru.
Kā arī šajā portālā vari iepazīties ar VertrigoServ. Ja kas, tas tev būs nepieciešams, lai uzsāktu darbu pie mājas lapas veidošanas.

procis · Post no **procis** » 22:54 / 11. Nov, 2009

Tencinu par noderīgajiem padomiem!
Jau esmu ieurbies MR DEATH ieteiktaja pamācībā...riktīgi aizrauj...

daGrevis · Post no **daGrevis** » 23:04 / 11. Nov, 2009

Nu man liekas, ka labs resurss ir http://w3schools.com/ , pēc tam manuāli pa forumiem var mācīties visu uz priekšu... Kaut vai http://php.lv/f/ !

foxsk8 · Post no **foxsk8** » 23:05 / 11. Nov, 2009

Ieteiktu vēl iegūtās zināšas ielikt kāda savā privātā lapā, kaut vai izveido lapu ar savu hobiju, interesēm, kaut vai parasti html sākumā, tas arī dos stimulu mācīties, jo centīsies uzlabot savu lapu pēc iespējas labāk, līdz ar to vajadzēs macīties jaunas lietas, iet visam garam un grūtam ceļi cauri.

daGrevis · Post no **daGrevis** » 23:25 / 11. Nov, 2009

Vienmēr ir rakstīts kā to izdarīt teorētiski, bet prakse var būt savādāk, tapēc foxsk8 ieteikums ir īpaši labs.

Eric · Post no **Eric** » 23:49 / 11. Nov, 2009

Kāpēc visiem vienmēr webs asociējas ar php+mysql??

Ir taču daudzi citi, nebūt ne sliktāki, risinājumi?

Piemēram - .NET, Java, Ruby on Rails. Datubāzes arī ir daudz un dažādas.

Lai nu kā bet, par HTML te visiem ir taisnība. Bez HTML+CSS nekas labs sanākt nevar..

procis · Post no **procis** » 23:50 / 11. Nov, 2009

JUU paldies !!!Tā arī darīšu...

daGrevis · Post no **daGrevis** » 23:51 / 11. Nov, 2009

Eric wrote:Kāpēc visiem vienmēr webs asociējas ar php+mysql??

Ir taču daudzi citi, nebūt ne sliktāki, risinājumi?

Piemēram - .NET, Java, Ruby on Rails. Datubāzes arī ir daudz un dažādas.

Lai nu kā bet, par HTML te visiem ir taisnība. Bez HTML+CSS nekas labs sanākt nevar..

Tapēc ka PHP+MySQL ir salīdzinoši viegls, bet efektīvs! :P

gintsp · Post no **gintsp** » 10:29 / 13. Nov, 2009

Kas attiecas uz daudzām un dažādām datubāzēm, tad pamatjēdzieni vienalga tām ir visām vienādi un SQL pamati arī visām ir puslīdz vienādi. Līdz ar to iepazīstot vienu būs vieglāk darboties ar otru, protams, tikai tādā gadījumā, ja cilvēks neiecentrēsies visur visas lietas darīt tā kā iemācījies pirmajā.
Nu un, protams, jāņem vērā, ka ne vienmēr web izstrādē DB vispār vajadzēs.

Gints Plivna
http://datubazes.wordpress.com

azazul · Post no **azazul** » 13:15 / 13. Nov, 2009

hmm .. nekad nevaru izlemt, kuri cilvēki ir stulbāki .. tie kas sūta citus uz kasis.lv vai uz w3schools.
Abas tās lapas ir pilnas ar novecojušiem mēsliem un kļūdainiem piemēriem.

foxsk8 · Post no **foxsk8** » 13:24 / 13. Nov, 2009

Domāju ka uz kasis.lv

Azazul: +1

daGrevis · Post no **daGrevis** » 16:02 / 13. Nov, 2009

azazul wrote:hmm .. nekad nevaru izlemt, kuri cilvēki ir stulbāki .. tie kas sūta citus uz kasis.lv vai uz w3schools.
Abas tās lapas ir pilnas ar novecojušiem mēsliem un kļūdainiem piemēriem.

Skaidrs. Pats mācījos w3schools, iemācījos, tapēc visus arī tur sūtu...

Labosos, sūtīšu uz http://www.htmldog.com/guides/ , tikai sakumā pats pārlasīšu, varbūt kas anomāli ir mainījies?! :devil:

azazul · Post no **azazul** » 17:20 / 13. Nov, 2009

Nez .. varbūt tev radies maldīgs iespaids par sevi :
http://validator.w3.org/check?uri=hhttp://dagrevis.net/

Būtu viemaz iemācījies ka IE6 lapas attēlo savādāk.

daGrevis · Post no **daGrevis** » 17:54 / 13. Nov, 2009

azazul wrote:Nez .. varbūt tev radies maldīgs iespaids par sevi :
http://validator.w3.org/check?uri=hhttp://dagrevis.net/

Būtu viemaz iemācījies ka IE6 lapas attēlo savādāk.

Hmm... To lapu neesmu centies padarīt striktu, vai ka savādāk optimizēt, bet palides, tūlīt sākšu... :P

daGrevis · Post no **daGrevis** » 18:21 / 13. Nov, 2009

azazul wrote:Būtu viemaz iemācījies ka IE6 lapas attēlo savādāk.

Vai, vai, vai, azzazul???? Ko tu man neteiksi??? Nu nevar būt, nu nebūtu iedomājies, nu nē... Nu ko tu tur runā... nu ai, ai, ai... :lala: :lala: :lala:

jauneklis · Post no **jauneklis** » 19:46 / 13. Nov, 2009

PHP Pamācība Latviski
HTML:seeker:xHTML

daGrevis · Post no **daGrevis** » 17:36 / 14. Nov, 2009

Azazul, izdomāju labot nevis savus daGrevis.net, bet vienu citu projektu... Kapēc? Jo tas projekts man ir prioritāte...

Valīds xHTML: http://validator.w3.org/check?uri=http% ... eID_net%2F
Pats projekts: http://dagrevis.net/projects/TakeID_net/

Par pārlūku nesavienojamību? Laba radās uz visiem normāliem pārlūkiem (Firefox, Opera, Safari, Chrome) tā kā vajag!

P.S. Protams, ja neskaita to, ka lapa dažviet izmanto CSS3, un ja pārlukam nav CSS3 atbalsta, tad nerādīs tādu lietu, kā, piemēram, noapaļotus sūrus input tagam... Tādam deģenerātu parlūkam kā IE es netaisos pat taisīt atbalstu (izmantojot atsevišķu CSS failu), bet tomēr ieliku paziņojumu, kas parādas lapas augšā, ja tas ir IE... Nu tā. :P

Tagad man ko tev pierādīt, dižais azazul?

foxsk8 · Post no **foxsk8** » 18:45 / 14. Nov, 2009

Jotvai, te nu tu izcēlies, piemēram, noapaļotus sūrus input tagam

, nafig tam izmantot css3 un čakarēties ar non-browser support. To taču ar css var paveikt, uzliec input laukam bg bildi. Vai tad neesi redzējis skaistus search boxsus, tie jau tie paši inputi arī ir.

A ko darīsi uz pasūtijumu, ka klients gribēs, lai webs ideāli arī rāda uz IE6? (Dažreiz tādi uzrodās)

Visu web padarīšanu vienozīmīgi bremzē $m ar savu pārlūku, jaunākās versijas ir ok, bet nu ir vēl pāris gadi jāpagaida, lai reāli dabiskās izaugsmes kārtā IE6 tiktu svītrots laukā.

daGrevis · Post no **daGrevis** » 19:12 / 14. Nov, 2009

Bildi input tagam? Un ko tu darīsi, ja input lauks gribes mainīt izmērus? Nevis platumā 100px, bet 500px?? Lai atrisinātu šo problēmu ar noapaļotiem stūriem, tiek izmantots attiecīgs jQ skripts, ar ~ nosaukumu corners.

azazul · Post no **azazul** » 20:21 / 14. Nov, 2009

Wow , tu tiešām esi aprobežots.

PROTEST: Microsoft Internet Explorer is history! This page using Internet Explorer will be black & white, for colors follow evolution!

Tieši cik līkām rokām ir jābūt, lai izvēlētos šādu soli ?!?

Un tu lai kam nesaproti, ka tie tavi "normālie browseri" ir mazak kā 50% no userbase.
world , USA

Kas atiecas uz CSS3 apaļajiem stūriem tad .. WTF !?! Kas tu tiešām esi tik **dritvai kociņ** ka nesaproti ko nozīmē "eksperimentāla" fīāa ? Browser vendor css paplašinājumus NEDRÃ„ÂªGST lieto production-level kodā !! Tās ir īpašības ko browseru veidotāji pievieno testēšanai, nevis wannabe-koderu lietošanai.
Un ja tu nevari norealizēt to normālā veidā, bez javascr .. ā nē, atvainotiet, tu taāu programē jquery nevis javascript , tad varbūt tev tomēr nevajadzetu vispār neko darīt..

Javascript ir vienkārši drausmīgs un PROTAMS, ka nestrādā uz opera.

Un kas attiecas uz CSS, tad tu tā arī neesi saprti ko nozīmē "C".

Un tad vel tur ir tādi interesanti koda fragmenti http://pastie.org/698808 ,
kas liecina ka tev pat nav ne mazākās nojausmas kas ir Semantika un SEO.

TIeši šādu cilvēku dēļ iNets joprojām sux.

WerNeo · Post no **WerNeo** » 20:36 / 14. Nov, 2009

azazul. Puisis mācās, devītā klase kā nekā. Tāpēc.. pamāci, nevis kritizē.

daGrevis · Post no **daGrevis** » 21:45 / 14. Nov, 2009

azazul wrote:Wow , tu tiešām esi aprobežots.

Nu labi, tik skarbi nevajadzētu... Mēs tachu visu esam cilvēki, nav jauki tā runāt!

azazul wrote:
PROTEST: Microsoft Internet Explorer is history! This page using Internet Explorer will be black & white, for colors follow evolution!
Tieši cik līkām rokām ir jābūt, lai izvēlētos šādu soli ?!?

Un tu lai kam nesaproti, ka tie tavi "normālie browseri" ir mazak kā 50% no userbase.
world ,
USA

Labi, skaidrs, slikts solis. Centīšos padarīt lapu labi strādājošu arī uz IE, ok? Tikai mācos, ka teica WerNeo! :warn:

azazul wrote:Kas atiecas uz CSS3 apaļajiem stūriem tad .. WTF !?! Kas tu tiešām esi tik **dritvai kociņ** ka nesaproti ko nozīmē "eksperimentāla" fīča ? Browser vendor css paplašinājumus NEDRĪGST lieto production-level kodā !! Tās ir īpašības ko browseru veidotāji pievieno testēšanai, nevis wannabe-koderu lietošanai.
Un ja tu nevari norealizēt to normālā veidā, bez javascr .. ā nē, atvainotiet, tu taču programē jquery nevis javascript , tad varbūt tev tomēr nevajadzetu vispār neko darīt..

Nu jādara jau kas ir, jo neviens nepiedzimst, mākot visu! Tātad atsakos no eksperimentalā CSS3! nevajag tā uzreiz cilvēkiem uzdi*st!!!!!!

azazul wrote:Javascript ir vienkārši drausmīgs un PROTAMS, ka nestrādā uz opera.

Drausmīgs? Pats JS ir drausmīgs? Saprotu, ka skripti kas ir manā lapā ir drausmīgi... Paskaidro kāpēc kā normāls cilvēks...!

azazul wrote:Un kas attiecas uz CSS, tad tu tā arī neesi saprti ko nozīmē "C".

Cascading? Nu tad paskaidro...

azazul wrote:Un tad vel tur ir tādi interesanti koda fragmenti http://pastie.org/698808 ,
kas liecina ka tev pat nav ne mazākās nojausmas kas ir Semantika un SEO.

Interesanti koda fragmenti... Kāpēc?!
Kas ir Semantika? (nopietni, nezinu)
Pie SEO nav strādāts, jo tas ir tikai dizains lapai, pietam ne fināla versija.

azazul wrote:TIeši šādu cilvēku dēļ iNets joprojām sux.

Es lapu netaisos palaist tautās tādā stadijā, tā kā neuztraucies.

azazul · Post no **azazul** » 02:57 / 15. Nov, 2009

daGrevis wrote:Drausmīgs? Pats JS ir drausmīgs? Saprotu, ka skripti kas ir manā lapā ir drausmīgi... Paskaidro kāpēc kā normāls cilvēks...!

Pirmkārt - tie gļuko. Neesi notestējis uz visiem A-grade browseriem.
Otrkārt, tā nevienam nevajadzētu JS iekļaut lapā. Visiem JS scriptiem būtu jābūt vienā failā, minimizētiem ( un nepakotiem ) un jābūt iekļautiem html faila beigās, tieši pirms </body> taga.
Tas ļoti daudzu iemeslu dēļ be īsumā - lapas ielādes ātrumam.

daGrevis wrote:Cascading? Nu tad paskaidro...

Interesanti koda fragmenti... Kāpēc?!

Tu nekur neizmanto kaskādes. Visi tavi CSS likumi ir vienā līmenī.
Tāpēc arī rodas šitāds kods : http://pastie.org/698808
Piemēram, likus #panel ul.menu a{} adresēs visus <a> tagus ,
kas atrodas iekš UL ar klasi "menu", kas savkārt ir iekš bloka #panel.

Tev nevajag likt top pašu klasi pie katra taga.
Pašlaik tu bezjēdzīgi atkārto vienu un to pašu klases nosaukumu.
Rodas papildus izmērs kodam, un zūd visa jēga kaskādēm.

daGrevis wrote:Kas ir Semantika? (nopietni, nezinu)
Pie SEO nav strādāts, jo tas ir tikai dizains lapai, pietam ne fināla versija.

A vo kā lai šito ātri paskaidro .. emm ... semantika un SEO šinī gadījumā iet kopā.

OK, vispirms ir tāds koncepts kā "3 web slāņ i" : HTML - saturs , CSS - dizains un JS - uzvedība.
Tos nedrīkstētu jaukt kopā. Piemēram nevajadzetu parādīties Ã¢â‚¬Â¹a onclic="do_something();"Ã¢â‚¬Âº (html) vai document.body.style.color = "red"; (js).
Tādi fragmenti pārkāpj nodalījumu starp klājumiem. Slikts kods. Pēe.

Pašā HTML vēl ir cita fiška. TU nedrīksti nozīmīgam virsrakstam rakstīt Ã¢â‚¬Â¹h2 class="red"Ã¢â‚¬Âº ,
tāpēc ka tas neko nenozīmē .. un kas notiks ja tu iekš css uzliksi h2.red{ color: green; } ?
Tā vieta būtu jābūt piemēram Ã¢â‚¬Â¹h2 class="important"Ã¢â‚¬Âº.
Tad vēl ir tāda lieta kā "tagu semantiskā nozīme".
P tagi ir paragrāfiem , H1 H2 .. H6 tagi ir virsrakstiem,
EM un STRONG tagi ir uzsvariem tekstā, utt. utjp
http://brainstormsandraves.com/articles ... structure/

Kas attiecas uz Class un ID, tad tiem ir jāatbild uz jautājumu "kas tas ir" nevis "kā tas izskatās".
Līdzīgi kā piemērā ar "important".
http://www.w3.org/QA/Tips/goodclassnames

... nu kaut kā tā.

edit: bļins , referāts atkal sanāca...

EDIT: bļa, kāpēc tiek izravēti visi atribūti no tagiem ?!?!

jauneklis · Post no **jauneklis** » 09:21 / 15. Nov, 2009

azazul + 1 Eksāmens nokārtots !

daGrevis · Post no **daGrevis** » 14:44 / 15. Nov, 2009

O, azazul, lasu un priecājos.

Paldies, patiešām paldies.

Tagad būs jamācās.

Par to lapas optimizāciju, to vēl vienkārši neesmu sācis...

daGrevis · Post no **daGrevis** » 17:42 / 15. Nov, 2009

Nu šitas man neliekas pareizi...

http://www.htmldog.com/guides/htmlbeginner/images/ wrote: The construction of images for the web is a little outside of the remit of this website, but it is worth noting a few things...

The most commonly used file formats used for images are GIFs and JPEGs. They are both compressed formats, and have very different uses.

GIFs can have no more than 256 colours, but they maintain the colours of the original image. The lower the number of colours you have in the image, the lower the file size will be.

GIFS SHOULD BE USED FOR IMAGES WITH SOLID COLOURS.

JPEGs on the other hand use a mathematical algorithm to compress the image and will distort the original slightly. The lower the compression, the higher the file size, but the clearer the image.

JPEGS SHOULD BE USED FOR IMAGES SUCH AS PHOTOGRAPHS.

Images are perhaps the largest files a new web designer will be handling. It is a common mistake to be oblivious to the file size of images, which can be extremely large. Web pages should download as quickly as possible, and if you keep in mind that most people still use modems that download at less than 7Kb a second (realistically it is less than 5Kb), you can see how a large file will greatly slow down the download time of a full page.

You need to strike a balance between image quality and image size. Most modern image manipulation programs allow you to compress images and the best way to figure out what is best suited for yourself is trial and error.

Kapēc GIF vietā nevarētu izmantot PNG?!

Crow · Post no **Crow** » 17:56 / 15. Nov, 2009

daGrevis wrote:Kapēc GIF vietā nevarētu izmantot PNG?!

Gan jau, ka vecs tutoriālis. PNG jau nav nekāda panaceja, lossless krutums balstās uz tā, cik attēls ir sarežģīts (tāpat kā GIF). Kstaķi, tā arī neesmu sapratis, kāpēc Photoshop izdotie PNG faili nav sakompresēti uz max. un kur to var pieregulēt. Vienmēr pārseivoju ar XnView pēc tam

daGrevis · Post no **daGrevis** » 18:01 / 15. Nov, 2009

damncrow wrote:
daGrevis wrote:Kapēc GIF vietā nevarētu izmantot PNG?!
Gan jau, ka vecs tutoriālis. PNG jau nav nekāda panaceja, lossless krutums balstās uz tā, cik attēls ir sarežģīts (tāpat kā GIF). Kstaķi, tā arī neesmu sapratis, kāpēc Photoshop izdotie PNG faili nav sakompresēti uz max. un kur to var pieregulēt. Vienmēr pārseivoju ar XnView pēc tam

Š ķiet pats sapratu...

Images with solid colors. Nevis ar kādiem gradient!

Ja?

Crow · Post no **Crow** » 18:12 / 15. Nov, 2009

Nāē... PNG labi tiek galā ar gradientiem. Bet ir gadījies, kad dažādus it kā vienkāršus logo nepaņem tik labi, kā GIF, bet manas greizās acis caur pudeļstikliem neredz šķirbu no GIF

Galvenais - parūpēties, lai būtu max compression uzlikts. Ja tas vienalga ir lossless, kāpēc utoties.

daGrevis · Post no **daGrevis** » 18:28 / 15. Nov, 2009

Es domāju, ka nevis PNG slikti tiek ar gradientiem galā, bet GIF to dara slikti..

rATRIJS · Post no **rATRIJS** » 18:47 / 15. Nov, 2009

GIF ir 256 krāsas. Plaša spektra gradients (vai jebkas, kur ir daudz krāsu) GIF formātā izskatīsies briesmīgi.

daGrevis · Post no **daGrevis** » 19:32 / 15. Nov, 2009

Tieši tā. rATRIJS...
Tas nozīmē, ka HTML Dog ieska taisīt lapas 256 krāsās?!

foxsk8 · Post no **foxsk8** » 01:29 / 16. Nov, 2009

Piemēram paskaties šeit notepadā ikoniņas, visas ir gif formāta, png tas nebūtu ok, gif vairāk ir domāti kā web elementi, tur border, icons, etc, bet png vairāk der nu tur visādiem caurspīdīgiem velniem, utt...

rATRIJS · Post no **rATRIJS** » 03:40 / 16. Nov, 2009

Pārāk liela krāsu pārbagātība nav ļoti vēlama, bet, protams, jāskatās kāda lapa. Tas ir galvenokārt tādēļ, lai cilvēkiem ar dažādiem traucējumiem to būtu vieglāk lietot. Ja LV tas nav īpaši svarīgi, tad citās zemēs tam pievērš krietni vairāk uzmanības.

Par PNG transparency. Es gan tieši neizmantotu png šajos gadījumos, jo ar to var būt problēmas vecākos pārlūkos (IE6 yo). Lai nu kā, es parasti lietoju tikai png...

Un par tiem visiem ieteikumiem. Ne viss vienmēr ir jāizpilda "pēc grāmatas". Var būt visādi izņēmumi un ne vienmēr "pareizākais" variants, būs pareizais tavā gadījumā.

Par javascript ieteiktu noskatīties šo - http://video.yahoo.com/watch/1041101/3881103 - High-Performance Javascript: Why Why Everything Youâ€™ve Been Taught is Wrong

azazul · Post no **azazul** » 11:54 / 16. Nov, 2009

Vispār ariem PNG vs JPG vs GIF ir pamēram tā.

Saturā vislabāk ir izmantot JPG
( saturs ir tas kas nav dizains =P , piemēram pievienota fotogrāfija rakstā, vai bižu galerija )

Tu protams skatījies "beginners" tutoriāli, tāpēc arī par PNG nekas daudz nebija.
Tur ir diezgan pamatīgs āakars ar IE6/7 un puscaurspīdīgiem PNG attēliem.
Un arī trikam , ar ko tos ieliek ir dažādi ierobežojumi (lasīt šeit : http://www.satzansatz.de/cssd/tmp/alpha ... rency.html )

Tai pašā laikā indeksēts PNG tomēr ir mazāks par indeksētu GIF.
Protams abos gadījumos ir pieejamas tikai 255 krāsas un 1bit transparents.

Ã„Š’akars , anyway.

P.S. visi tutoriāli ir kļūdaini, bet daži ir ar vairāk kļūdām ( w3schools un kasis.lv) kā citi.