<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>MediaBox.lv darbi &#187; HTML e-pasts</title> <atom:link href="http://darbi.mediabox.lv/tag/html-e-pasts/feed/" rel="self" type="application/rss+xml" /><link>http://darbi.mediabox.lv</link> <description>Izstrādātās web lapas. Raksti un padomi.</description> <lastBuildDate>Mon, 09 Jan 2012 10:40:14 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /> <item><title>No attēla izveidota interneta mājas lapas vai e-pasta dizains</title><link>http://darbi.mediabox.lv/no-attela-izveidota-interneta-majas-lapa-epasta-dizains/</link> <comments>http://darbi.mediabox.lv/no-attela-izveidota-interneta-majas-lapa-epasta-dizains/#comments</comments> <pubDate>Mon, 19 Oct 2009 09:35:19 +0000</pubDate> <dc:creator>Rolands Umbrovskis</dc:creator> <category><![CDATA[Web mājas lapas pamati]]></category> <category><![CDATA[Adobe Illustrator]]></category> <category><![CDATA[Adobe Photoshop]]></category> <category><![CDATA[fontface]]></category> <category><![CDATA[HTML e-pasts]]></category> <category><![CDATA[PSD2xHTML]]></category><guid isPermaLink="false">http://darbi.mediabox.lv/?p=51</guid> <description><![CDATA[Viens no darbiem, ar ko esmu nodarbojos kopš 2005. gada, ir pārvērst dažādas dizaina skices par interneta lapām. Parasti tika atsūtīts Adobe Photoshop (.PSD) vai Adobe Illustrator (.AI) fails, ko bija nepieciešams sagriezt un izveidot kā HTML lapu, jeb mājas lapas / e-pasta dizainā.]]></description> <content:encoded><![CDATA[<p>Viens no darbiem, ar ko esmu nodarbojos kopš 2005. gada, ir pārvērst  dažādas dizaina skices par interneta lapām. Parasti tika atsūtīts <em>Adobe Photoshop</em> (.PSD) vai <em>Adobe Illustrator</em> (.AI) fails, ko bija nepieciešams sagriezt un izveidot kā <em>HTML</em> lapu, jeb mājas lapas / e-pasta dizainā.</p><h2><strong>Mājas lapa no PSD, AI, JPG, PNG, GIF, … attēla</strong></h2><p style="text-align: center;"><strong><a title="psd2xhtml slice. image." rel="attachment wp-att-52" href="http://darbi.mediabox.lv/51-no-attela-izveidota-interneta-majas-lapa-epasta-dizains/psd2xhtml-umbrovskis-mediabox/"><img class="aligncenter size-medium wp-image-52" style="border: 0pt none;" title="psd2xhtml umbrovskis mediabox" src="http://darbi.mediabox.lv/mbfiles/psd2xhtml-umbrovskis-mediabox-600x457.jpg" alt="psd2xhtml slice" width="600" height="457" /></a><br /> </strong></p><h3>Lai sagatavotu dizaina ietvaru, ko tālāk var lietot web lapai, nepieciešams veikt dažus priekšdarbus:</h3><p><strong>Galvenais – kvalitatīvs attēls.</strong> Jo precīzāki attēla  izmēri attiecībā pret vēlamo interneta lapas izskatu, jo ātrāk notiek  sagatavošana. Ideālā variantā tas ir  <em>Photoshop </em>vai <em>Illustrator </em>fails, kurā ir ir jau iekļautas norādes (<em>guidelines</em>) un/vai jau sagriezts pa nepieciešamajām daļām (<em>slices</em>).</p><p><strong>Otrs – interneta lapā izmantotie fonti.</strong> Ja netiek izmantoti standarta fonti – <em>Verdana</em>, <em>Times</em>, <em>Arial </em>(,  …), bet kāds īpašs fonts, tad to arī ir nepieciešams nosūtīt. Šeit gan  jāatceras, ka ne visi fonti, kas ir dizainera (vai dizaina parauga)  datorā būs arī gala lietotāja pārlūkā. Ir dažādi veidi kā to var  atrisināt, bet vienmēr ir jāatceras, ja izmantotie fonti nav statiski  (logo, saukļi, reklāmas banneri), bet dinamiski, piemēram, lapu un  rakstu nosaukumi, tad ir daudz sarežģītāk tos atainot. Jo statisko  informāciju vienmēr var aizstāt par attēlu, bet ne vienmēr dinamisko.</p><p><strong>Norādes, paskaidrojumi un ieteikumi par dizaina sagatavošanu mājas lapai. </strong>Parasti  šo informāciju apvieno atsevišķā dokumentā, kurā tiek norādīti ne tikai  tehniskie parametri, bet arī izklāstīts lietotāja virzīšanās scenārijs  lapā. Pie tehniskās informācijas parasti tiek likts klāt lapas elementu  platumi un garumi, kā arī interneta lapā izmantotās krāsu paletes.</p><h2>Formatētu HTML e-pastu sagatavošana ar attēliem.</h2><p><strong>Līdzīgi kā mājas lapai arī e-pastam var izveidot dizainu.</strong> Tiesa, arī jāatceras, ka ne visi e-pasta saņēmēji var šādus e-pastus  apskatīties, jo tiek atbalstīts tikai teksta versija. Bet arī tas ir  labojams, izveidojot atsevišķu lapu internetā. Ja mājas lapu dizainam  parasti netiek izmantotas vairs tabulas, tad e-pastus vēl joprojām veido  kā tabulu.</p><h3>Ko saņem klients?</h3><p>Kā gala produktu klients saņem <em>zip</em> failu, kurā ir iekļauti:</p><ul><li>HTML vai XHTML faili (skaits atkarīgs no lapu un apakšlapu skaita)</li><li>CSS fails</li><li>sagriezti attēli dizainam</li><li>un paskaidrojuma lapu vai dokumentu (<em>read me</em>)</li></ul><p>HTML un CSS tiek komentēti, lai programmētājiem būtu labāk saprotams kur un kāda informācija jāievieto vai jālabo.</p><p><strong>Kas ir lapa un apakšlapa?</strong> Lapa ir pamata izskats kādai lapai vai sadaļai, piemēram, pirmā lapa vai kontakti. Apakšlapa  ir parasti tāda lapa, kurai dizains un saturs ir minimāli mainīts  attiecībā pret galveno lapu, kurai tā ir piesaistīta, piemēram, blogos  rakstu lapa, kas sadalīta vairākās lapās vai pirmās lapas turpinājums,  ja tā sadalīta vairākas lapās.</p><p>Šīs dažiem ir it kā pašsaprotamas lietas, tomēr ne visi, kas vēlas  izveidot mājas lapu zina procedūru un lietas kas nepieciešamas, lai  darbs ātrāk virzītos uz priekšu.</p><p>Parauga attēla izstrādes laiks: 2 stundas ar visiem komentāriem un paskaidrojumiem, bet bez <em> readme </em>1h 8min no 0 punkta.</p> ]]></content:encoded> <wfw:commentRss>http://darbi.mediabox.lv/no-attela-izveidota-interneta-majas-lapa-epasta-dizains/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
