Sākumlapa › Forumi › Mājas lapu izstrāde › Web veidošana un problēmas › Web lapu pamati
Valīds xHTML:
Pats projekts:
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ā. 😛
Tagad man ko tev pierādīt, dižais azazul?
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ā.
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.
Kas atiecas uz CSS3 apaļajiem stūriem tad .. WTF !?! Kas tu tiešām esi tik debīls ka nesaproti ko nozīmē “eksperimentālaNEDRĪGST
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
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.
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! 🙁
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.
Labi, skaidrs, slikts solis. Centīšos padarīt lapu labi strādājošu arī uz IE, ok? Tikai mācos, ka teica WerNeo!
Kas atiecas uz CSS3 apaļajiem stūriem tad .. WTF !?! Kas tu tiešām esi tik debīls ka nesaproti ko nozīmē “eksperimentālaNEDRĪGST
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!!!!!! 🙁
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…!
Un kas attiecas uz CSS, tad tu tā arī neesi saprti ko nozīmē “C”.
C
Un tad vel tur ir tādi interesanti koda fragmenti
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.
TIeši šādu cilvēku dēļ iNets joprojām sux.
Es lapu netaisos palaist tautās tādā stadijā, tā kā neuztraucies.
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 taga.
Tas ļoti daudzu iemeslu dēļ be īsumā – lapas ielādes ātrumam.
C
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 :
Piemēram, likus #panel ul.menu a{} adresēs visus 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.
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
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”.
… 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 ?!?!
Par to lapas optimizāciju, to vēl vienkārši neesmu sācis… 🙂
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?!
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 😀
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? 🙁
Galvenais – parūpēties, lai būtu max compression uzlikts. Ja tas vienalga ir lossless, kāpēc utoties.
Tas nozīmē, ka HTML Dog ieska taisīt lapas 256 krāsās?!
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 –
Saturā vislabāk ir izmantot JPG
( saturs ir tas kas nav dizains 😛 , 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 :
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.
Preses relīzes