Web lapu pamati

Moderatori: janis.wd, Vecākie lietotāji

procis
Reģistrēts lietotājs
Atbildes: 13
Pievienojies: 11 Nov 2009, 21:09
Reputācija: 0
Atrodas: Madona

Web lapu pamati

Post no procis » 11 Nov 2009, 22:17

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

User avatar
Mr.Death
Lietpratējs
Atbildes: 1780
Pievienojies: 17 Apr 2007, 19:13
Reputācija: 0

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

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

User avatar
azazul
Vecākais lietotājs
Atbildes: 706
Pievienojies: 24 Mar 2007, 18:18
Reputācija: 0

Post no azazul » 11 Nov 2009, 22:23

[font=9]"Begging for a line drawn in the sand to separate the prophets from the men" - Rishloo[/font]

procis
Reģistrēts lietotājs
Atbildes: 13
Pievienojies: 11 Nov 2009, 21:09
Reputācija: 0
Atrodas: Madona

Post no procis » 11 Nov 2009, 22:25

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

User avatar
normis_161
E-žurnālists
Atbildes: 436
Pievienojies: 31 Mar 2007, 00:01
Reputācija: 0

Post no normis_161 » 11 Nov 2009, 22:45

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
Reģistrēts lietotājs
Atbildes: 13
Pievienojies: 11 Nov 2009, 21:09
Reputācija: 0
Atrodas: Madona

Post no procis » 11 Nov 2009, 22:54

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

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 11 Nov 2009, 23:04

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/ ! :)
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

User avatar
foxsk8
Moderators
Atbildes: 5078
Pievienojies: 22 Feb 2007, 12:33
Reputācija: 0
Atrodas: Liepāja, www.notepad.lv

Post no foxsk8 » 11 Nov 2009, 23:05

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. :)
WPX.lV - E-komercijas risinājumi

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 11 Nov 2009, 23:25

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. :)
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

Eric
Reģistrēts lietotājs
Atbildes: 26
Pievienojies: 04 Aug 2009, 16:26
Reputācija: 0

Post no Eric » 11 Nov 2009, 23:49

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
Reģistrēts lietotājs
Atbildes: 13
Pievienojies: 11 Nov 2009, 21:09
Reputācija: 0
Atrodas: Madona

Post no procis » 11 Nov 2009, 23:50

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

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 11 Nov 2009, 23:51

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
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

gintsp
Reģistrēts lietotājs
Atbildes: 5
Pievienojies: 18 Okt 2008, 15:44
Reputācija: 0

Post no gintsp » 13 Nov 2009, 10:29

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

User avatar
azazul
Vecākais lietotājs
Atbildes: 706
Pievienojies: 24 Mar 2007, 18:18
Reputācija: 0

Post no azazul » 13 Nov 2009, 13:15

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.
[font=9]"Begging for a line drawn in the sand to separate the prophets from the men" - Rishloo[/font]

User avatar
foxsk8
Moderators
Atbildes: 5078
Pievienojies: 22 Feb 2007, 12:33
Reputācija: 0
Atrodas: Liepāja, www.notepad.lv

Post no foxsk8 » 13 Nov 2009, 13:24

Domāju ka uz kasis.lv :)

Azazul: +1
WPX.lV - E-komercijas risinājumi

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 13 Nov 2009, 16:02

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... :D 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:
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

User avatar
azazul
Vecākais lietotājs
Atbildes: 706
Pievienojies: 24 Mar 2007, 18:18
Reputācija: 0

Post no azazul » 13 Nov 2009, 17:20

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.
[font=9]"Begging for a line drawn in the sand to separate the prophets from the men" - Rishloo[/font]

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 13 Nov 2009, 17:54

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
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 13 Nov 2009, 18:21

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:
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

User avatar
jauneklis
Reģistrēts lietotājs
Atbildes: 129
Pievienojies: 18 Apr 2009, 19:33
Reputācija: 0

Post no jauneklis » 13 Nov 2009, 19:46


User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 14 Nov 2009, 17:36

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?
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

User avatar
foxsk8
Moderators
Atbildes: 5078
Pievienojies: 22 Feb 2007, 12:33
Reputācija: 0
Atrodas: Liepāja, www.notepad.lv

Post no foxsk8 » 14 Nov 2009, 18:45

Jotvai, te nu tu izcēlies, piemēram, noapaļotus sūrus input tagam :D, 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ā.
WPX.lV - E-komercijas risinājumi

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 14 Nov 2009, 19:12

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. :)
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

User avatar
azazul
Vecākais lietotājs
Atbildes: 706
Pievienojies: 24 Mar 2007, 18:18
Reputācija: 0

Post no azazul » 14 Nov 2009, 20:21

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.
[font=9]"Begging for a line drawn in the sand to separate the prophets from the men" - Rishloo[/font]

User avatar
WerNeo
Lietpratējs
Atbildes: 1805
Pievienojies: 14 Aug 2007, 01:27
Reputācija: 0

Post no WerNeo » 14 Nov 2009, 20:36

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

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 14 Nov 2009, 21:45

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.
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

User avatar
azazul
Vecākais lietotājs
Atbildes: 706
Pievienojies: 24 Mar 2007, 18:18
Reputācija: 0

Post no azazul » 15 Nov 2009, 02:57

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 ?!?!
Last edited by azazul on 15 Nov 2009, 12:46, edited 1 time in total.
[font=9]"Begging for a line drawn in the sand to separate the prophets from the men" - Rishloo[/font]

User avatar
jauneklis
Reģistrēts lietotājs
Atbildes: 129
Pievienojies: 18 Apr 2009, 19:33
Reputācija: 0

Post no jauneklis » 15 Nov 2009, 09:21

azazul + 1 Eksāmens nokārtots ! :)

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 15 Nov 2009, 14:44

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... :)
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 15 Nov 2009, 17:42

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?!
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

User avatar
Crow
E-žurnālists
Atbildes: 5391
Pievienojies: 10 Mai 2009, 14:22
Reputācija: 0
Atrodas: Ir

Post no Crow » 15 Nov 2009, 17:56

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 :D
Дебилы, бл*ть...

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 15 Nov 2009, 18:01

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 :D
Š ķiet pats sapratu... :)
Images with solid colors. Nevis ar kādiem gradient! :) Ja? :(
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

User avatar
Crow
E-žurnālists
Atbildes: 5391
Pievienojies: 10 Mai 2009, 14:22
Reputācija: 0
Atrodas: Ir

Post no Crow » 15 Nov 2009, 18:12

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

Galvenais - parūpēties, lai būtu max compression uzlikts. Ja tas vienalga ir lossless, kāpēc utoties.
Дебилы, бл*ть...

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 15 Nov 2009, 18:28

Es domāju, ka nevis PNG slikti tiek ar gradientiem galā, bet GIF to dara slikti.. :(
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

rATRIJS
Reģistrēts lietotājs
Atbildes: 321
Pievienojies: 06 Mar 2009, 15:34
Reputācija: 0
Atrodas: Rīga

Post no rATRIJS » 15 Nov 2009, 18:47

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

User avatar
daGrevis
Vecākais lietotājs
Atbildes: 2343
Pievienojies: 06 Feb 2009, 19:00
Reputācija: 0
Atrodas: Rīga, Latvija

Post no daGrevis » 15 Nov 2009, 19:32

Tieši tā. rATRIJS...
Tas nozīmē, ka HTML Dog ieska taisīt lapas 256 krāsās?!
Think of how stupid the average person is, and realize half of them are stupider than that. /George Carlin/

http://twitter.com/#!/daGrevis
http://last.fm/user/daGrevis
http://ask.fm/daGrevis

http://dagrevis.lv/

User avatar
foxsk8
Moderators
Atbildes: 5078
Pievienojies: 22 Feb 2007, 12:33
Reputācija: 0
Atrodas: Liepāja, www.notepad.lv

Post no foxsk8 » 16 Nov 2009, 01:29

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...
WPX.lV - E-komercijas risinājumi

rATRIJS
Reģistrēts lietotājs
Atbildes: 321
Pievienojies: 06 Mar 2009, 15:34
Reputācija: 0
Atrodas: Rīga

Post no rATRIJS » 16 Nov 2009, 03:40

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
Apple un Biibele FTW!!!

User avatar
azazul
Vecākais lietotājs
Atbildes: 706
Pievienojies: 24 Mar 2007, 18:18
Reputācija: 0

Post no azazul » 16 Nov 2009, 11:54

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.
[font=9]"Begging for a line drawn in the sand to separate the prophets from the men" - Rishloo[/font]

Pievienot atbildi

Return to “Web veidošana un problēmas”