tag:blogger.com,1999:blog-25359166153478078872024-03-12T18:31:52.680-07:00Yritysten verkkosivut ja niiden käytettävyysArtikkeli yritysten verkkosivujen käytettävyydestä ja niiden tavasta (ja teknologiasta) lähestyä kohderyhmäänsä.
Onko nykyinen verkkosivustosi "Palvelu" vai asiakkaittesi "kyykytystä".Hannu Kuukkanenhttp://www.blogger.com/profile/00421022359923251181noreply@blogger.comBlogger9125tag:blogger.com,1999:blog-2535916615347807887.post-33568763331128286602022-06-11T07:35:00.003-07:002022-06-11T07:39:51.026-07:00Blogien ja keskustelupalstojen kommentti - mainonta<p>Blogien ja muiden keskustelupalstojen kommenttikenttiä käytetään surutta verkkomainontaan. Ikävintä se on silloin, kun mainoslinkkien takaa pöllähtää pornokauppa tai muu pornosivusto. On myös syytä ottaa huomioon, että linkistä saattaa putkahtaa koneellesi myös virus.</p><p>Kommenttimainonta ei ole ainutkertaista toimintaa mutta näyttää olevan kiihtyvää.<br />Artikkeleihin on tuupattu kymmeniä seksivälinekaupan ja replika-aurinkolasien linkkejä.<br />Ymmärrettävistä syistä en päästä kommentteja palstalle, lukemattan niitä ensin itse.</p>Blokikirjoittajien kannttaa asettaa kommentit hyväksyttäviksi juuri tästä syystä.<br />On
turhaa moittia palstanpitäjiä tästä "epäinteraktiviteestista", koska ei
ole mitään järkeä myöskään lukea törkytekstejä ja sivustoja, jotka
eivät sovellu lasten silmille ja ovat aiheiltaan blogin asian
ulkopuolelta. <p></p>Hannu Kuukkanenhttp://www.blogger.com/profile/00421022359923251181noreply@blogger.com0tag:blogger.com,1999:blog-2535916615347807887.post-24241849184175977312021-01-16T06:46:00.005-08:002021-01-16T06:46:55.562-08:00Verkkomedia ei ole entisensä<p class="MsoNormal"> <!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>FI</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="false"
DefSemiHidden="false" DefQFormat="false" DefPriority="99"
LatentStyleCount="376">
<w:LsdException Locked="false" Priority="0" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 9"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 9"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footnote text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="header"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footer"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index heading"/>
<w:LsdException Locked="false" Priority="35" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="table of figures"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="envelope address"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="envelope return"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footnote reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="line number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="page number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="endnote reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="endnote text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="table of authorities"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="macro"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="toa heading"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 5"/>
<w:LsdException Locked="false" Priority="10" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Closing"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Signature"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="true"
UnhideWhenUsed="true" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Message Header"/>
<w:LsdException Locked="false" Priority="11" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Salutation"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Date"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text First Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text First Indent 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Note Heading"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Block Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Hyperlink"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="FollowedHyperlink"/>
<w:LsdException Locked="false" Priority="22" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Document Map"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Plain Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="E-mail Signature"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Top of Form"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Bottom of Form"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal (Web)"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Acronym"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Address"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Cite"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Code"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Definition"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Keyboard"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Preformatted"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Sample"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Typewriter"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Variable"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal Table"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation subject"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="No List"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Contemporary"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Elegant"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Professional"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Subtle 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Subtle 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Balloon Text"/>
<w:LsdException Locked="false" Priority="39" Name="Table Grid"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Theme"/>
<w:LsdException Locked="false" SemiHidden="true" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" SemiHidden="true" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" QFormat="true"
Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" QFormat="true"
Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" QFormat="true"
Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" QFormat="true"
Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" QFormat="true"
Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" QFormat="true"
Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" SemiHidden="true"
UnhideWhenUsed="true" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="TOC Heading"/>
<w:LsdException Locked="false" Priority="41" Name="Plain Table 1"/>
<w:LsdException Locked="false" Priority="42" Name="Plain Table 2"/>
<w:LsdException Locked="false" Priority="43" Name="Plain Table 3"/>
<w:LsdException Locked="false" Priority="44" Name="Plain Table 4"/>
<w:LsdException Locked="false" Priority="45" Name="Plain Table 5"/>
<w:LsdException Locked="false" Priority="40" Name="Grid Table Light"/>
<w:LsdException Locked="false" Priority="46" Name="Grid Table 1 Light"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark"/>
<w:LsdException Locked="false" Priority="51" Name="Grid Table 6 Colorful"/>
<w:LsdException Locked="false" Priority="52" Name="Grid Table 7 Colorful"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 1"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 1"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 1"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 1"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 1"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 2"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 2"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 2"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 2"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 2"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 3"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 3"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 3"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 3"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 3"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 4"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 4"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 4"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 4"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 4"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 5"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 5"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 5"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 5"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 5"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 6"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 6"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 6"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 6"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 6"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="46" Name="List Table 1 Light"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark"/>
<w:LsdException Locked="false" Priority="51" Name="List Table 6 Colorful"/>
<w:LsdException Locked="false" Priority="52" Name="List Table 7 Colorful"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 1"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 1"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 1"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 1"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 1"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 2"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 2"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 2"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 2"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 2"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 3"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 3"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 3"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 3"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 3"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 4"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 4"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 4"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 4"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 4"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 5"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 5"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 5"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 5"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 5"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 6"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 6"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 6"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 6"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 6"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Mention"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Smart Hyperlink"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Hashtag"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Unresolved Mention"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Smart Link"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Normaali taulukko";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:8.0pt;
mso-para-margin-left:0cm;
line-height:107%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:Calibri;
mso-bidi-theme-font:minor-latin;
mso-fareast-language:EN-US;}
</style>
<![endif]--><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">Kun Web eli World Wide Web saapui graafisin selaimin 1992
(Erwise) ja1994 (Mosaik), elettiin aikaa, jolloin verkkomedia oli sananvapauden
symboli. Jokainen pystyi tuottamaan sinne sisältöä vapaasti ja sai
ajatuksilleen sensuroimatonta näkyvyyttä. </span><br /></p><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"></span><p class="MsoNormal"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">
Kustannukset olivat vähäiset, jos ennestään oli tietokone. Mikään välikäsi ei
päässyt muokkaamaan sanomaa poliittisin, tilaajan mielipitein tai muilla ”mun
mielestä” muutoksineen. Maksajalla oli tietysti sananvalta, jos tekijä aikoi
maksua työstään saada. Noihin maailmanaikoihin se oli sangen harvinaista. <br />
Raha alkoi liikkua vasta, kun Web julistettiin mediaksi Mainostoimistojen
liiton</span> <span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">Adfora/EU
-projektiin osallistumiseni aikaan vuosina 1998 – 1999.</span></p>
<p class="MsoNormal"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">Verkkomedian alkuaikoihin, suurin haitta olivat verkon
oikolukijat, jotka huomauttelivat pilkun paikasta ym. virheistä teksteissä. Se
oli tietysti otettava ilmaisena ”oikolukuna” ja kiitollisena vastaan.</span></p>
<p class="MsoNormal"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">Nyt Trumpin ja muiden trollien aikakaudella kaikki on
toisin. Verkosta on muodostunut, upean informaatiokanavan sijasta, kloaakki.
Aikaisempi reilu peli, totuus ja rehellisyys on muuttunut likaiseksi peliksi ja
valeinformaatioksi. <br />
Verkkokaupoista tai sivustoista ei tiedä, ovatko ne tehty verkkorikollisten
ansoiksi, vaiko todellisiksi kauppapaikoiksi.<br />
Vapaat sosiaalisen median välineet, ovat vieneet siihen, että mm. Trumpin tilejä on suljettu
verkosta (aivan oikein), koska niiden sisältö oli totuuden vastaista kansankiihotusta ja vastaavista mielipiteen rajoitustoimista on keskustelua ollut laajemminkin. Nyt en puhu Venäjästä enkä Kiinasta. Varsinaisten verkkorikollisten sivut haihtuvat usein itsestäänkin, kun verkkotila alkaa
polttaa, eli poliisi pääsee jäljille mutta uusia kasvaa tilalle, kuin sieniä
sateella.</span></p>
<p class="MsoNormal"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">Aikaisempi mukava verkkokeskustelu Somessa eri keskustelupalstoilla, on muuttunut vihapuheeksi ja nettikiusaamiseksi. Häiriköt
voivat esiintyä anonyymeinä, joten heitä on vaikea (ei toki mahdoton) saada
vastuuseen. Sähköposteissa on runsaasti viruksia sisältäviä kirjeitä tai
henkilö- ja pankkitietoja urkkivia viritelmiä. Haittaposti saatetaan lähettää
hämäävästi eri virallisten toimijoiden nimillä, tai (muka) kaverin
sähköpostiosoitteella, jopa (muka) omalla osoitteellasi. <br />
Kaikenlainen roskaposti, vaarattomanakin, täyttää postilaatikot. "unsubscribe" linkkiä ei uskalla painaa, koska sitä verkkorikolliset käyttävät virusten levittämiseen. Postisuodattimet ovat aina askeleen spämmereitä jäljessä.<br /></span></p>
<p class="MsoNormal"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">Aikaisemmin verkko-osoitteet (domannimet) olivat maksullisia
ja niiden rekisteröijä oli todennettavissa. Nyt domainnimen saa lähes
ilmaiseksi ja sen saa osoittamaan ilmaiseen palvelintilaan. Verkkorikolliset generoivat
kymmeniä tai satoja verkkonimiä rikollisiin tarkoituksiin, eikä
palveluntarjoajia kiinnosta seurata mitä nimien takana, heidän palvelimillaan tapahtuu. Verkkorikollisen
rekisteröijän omistajatiedot peitetään ilmaiseksi.</span></p>
<p class="MsoNormal"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">Aikaisemmin verkkoon tehtiin sivustoja yrityksen
yritysilmeen mukaiseksi ja sen kautta persoonallisiksi. Navigoitavuuteen, eli
asiakkaan etsimän tiedon nopeaan saavutettavuuteen, kiinnitettiin huomiota. Puhuttiin
kolmen klikin säännöstä.<br />
Tämä ajatusmalli karkasi sittemmin verkkusivumaakareiden lapasesta, Flash
vimputtimiksi. Tärkeintä ei enää ollut asian löydettävyys, eikä sivujen viesti,
vaan mm. selaamista hidastuttavat visuaaliset jipot. Pahimmassa tapauksessa
sivuille ei päässyt ennen kuin oli ladannut selaimeensa uusimman Flash version, eikä varsinaista sisältöä nähnyt ennen kuin oli ihastellut pitkään latautuvaa Flash introa. <br /><br />
Nyt verkkosivut alkavat samanlaistua, koska ne tehdään samoille tietokantoja
hyödyntäville alustoille. Navigoitavuus saattaa tarkoittaa ”sentti kertaa
sentti” neliötä jossain sivun nurkassa. Sieltä löytyy sitten valikko, jos
asiakas osaa sitä etsiä.<br />
Tietokantapohjaisuus on erinomainen asia, laajan sisällön jakamisen kannalta ja
päivitettävyyden kannalta mutta verkkosivulle saapuvat ja verkkosivulta
lähtevät linkit ovat aivan samankaltaiset, kuin verkkorikollisten
tietokantalinkit. Niiden tuoma sisältö saattaa olla mitä tahansa, asiallisesta
sisällöstä viruksiin. Tosin tavallinen verkonkäyttäjä ei edes osaa tarkistaa ”on
mouse over” (hiiri linkin yläpuolella) ominaisuudella, minne piilolinkki
todella on viemässä. Tarkistus näyttää linkin yleensä selaimen
alamarginaalissa. Suosittelen. Kannattaa tarkistaa ensiksi ensimmäinen osa, eli
juuri se domannimi. Tarkista huolella. Nimi saattaa olla hämäykseksi jotakin "sinne päin". Jos haluaisit asioida esim. posti.fi -palvelussa, katso, että linkin ensimmäinen osa on "posti.fi" eikä seim:</span><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"> "posit.fi", tai </span></span><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">"posti.de" tai </span></span></span></span><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">"posti.do.fi". Mikäli domainnimen loppuosa on oikein esim. </span></span></span></span></span></span><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">"http://mail.posti.fi/", olet menossa kyllä jonnekin postin asialliseen palveluun (tosin posti ei ainakaan tällä hetkellä käytä tuota alidomainia).<br /></span></span></span></span></span></span></span></span></p>
<p class="MsoNormal"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;">Virustorjuntaohjelmistojen ja e-mail suodattimien lisäksi on
kehitetty ”Trust” (luotettavuus) tyyppisiä ohjelmistoja, jotka tarkistavat,
mitä linkistä on koneellesi saapumassa. Niissäkin, kuten virustorjuntaa,
käytettäessä, viimeinen päätös ”klikkauksesta” jää käyttäjälle.<br />
Trust-tyyppiset ohjelmat käyttävät usein ainoastaan verkkoluokittelun mukaisia
tietoja, joten nekään eivät pysy ajan tasalla. Usein selain väittää sivustoa ”epäluotettavaksi”
vaikka se ei sitä ole. Epäluotettavat sivut saattavat näyttää luotettavilta.<br />Selainten verkkosuotimilla voidaan myös estää lapsia menemästä aikuisviihdesivuille tai pelisivuille, jos vanhemmat / holhoojat niin päättävät.<br />
<br />
Onhan se hyvä, että työtä rehellisille koodaajillekin riittää mutta ikävä tulee
noita vanhoja hyviä verkkoviattomuuden aikoja.</span></p>
<p class="MsoNormal"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"> </span></p>
<p class="MsoNormal"><span style="font-family: "Arial",sans-serif; font-size: 12.0pt; line-height: 107%;"> </span></p>
Hannu Kuukkanenhttp://www.blogger.com/profile/00421022359923251181noreply@blogger.com0tag:blogger.com,1999:blog-2535916615347807887.post-44270032829157042562018-05-02T11:07:00.002-07:002020-12-25T05:37:16.916-08:00Netin kuvatiedostot ja optimointiKuvittelin, että nykyään kuvien pakkaus ei olisi verkossa erityinen ongelma verkkonopeuksien kasvaessa, mutta toisin näyttää olevan, paikoitellen. Tosin samaa tahmausta saadaan aikaan myös ja edelleen videoilla ja Flash-introilla, jotka rajoittavat sivujen käyttötehokkuutta. Asiakas haluaa mahdollismman nopeasti päästä kiinni haluamaansa tietoon, hän ei suinkaan tule katselemaan upeita introja (normaalisti).<br />
<br />
Useat ohjelmistot osaavat pakata lennossa verkkokelpoisia kuvia MUTTA näin ei ole asianlaita aina.<br />
Varsinkin suuria kuvamääriä sisältäville sivuille on syytä tehdä hallitua kuvaoptimointia. Tämä oli verkon alkuaikoina ihan MUST.<br />
<br />
Verkossa kulkevat kuvastandardit ovat GIF, JPG ja PNG. Muitakin kuvamuotoja saattavat selaimet osata esittää mutta näitä suosittelen ehdottomasti.<br />
<br />
GIF oli ensimmäinen vakiintunut verkkokuvien standardi ja se on edelleen voimissaan varsinkin pakka-animaatioissa (animaatio joka koostuu kuvasarjasta). GIF hävittää kuvadataa ja se myös rasteroi kuvat, eli kaikkein kauneinta kuvalaatua sillä ei saa aikaiseksi, kaikkein keventä, kenties.<br />
<br />
JPG tai JPEG kuvat voidaan pakata hyvin täyssävyisen kaltaisiksi, koska sen pakkaumenetelmä perustuu vähiten merkittävän kuvainformaation "hukkaamiseen". Pakkaustehokkuustasoja löytyy useita. PhotoShop tarjoaa 12 eri pakkaustehokkuusvaihtoehtoa. Verkkosivuille seiskalla saa jo upeaa jälkeä ja jos intoa riittää, tehokkuutta voi edelleen lisätä, tarkastelemalla pakkaustehonlisäyksen vaikutusta kuvalaatuun. GIF kuvassa taustan voi poistaa, valitsemalla taustaväri transparentiksi.<br />
<br />
PNG tekee pakkauksen omavaltaisesti, eli sen pakkaustehokkuuteen ei ainakaan PhotoShopissa pysty vaikuttamaan. Pakkaus teho on heikompi kuin JPG:n. 2,7 Mt:n JPG kuvasta saattaa tulla 9,7 Mt:n kuva PNG:nä. PNG-muotoa kannattaa käyttää vain pienissä kuvissa, grafiikassa ja logoissa ym. tästä syystä.<br />
<br />
Tärkeää on myös (vastoin tapoja), että verkossa esitettävä kuva pienennetään asiallisen kokoiseksi, eli suoraan digikamerasta tuotu kuva on ehdottomasti liian suuri. Nykyaikana kamerakuva voi olla kooltaan esim. 3264 x 2448 pixeliä, kun verkkosivun leveyteen mahtuu 1:1 koossa ainoastaan n. 1200 x 900 pixelin kokoinen kuva, joka siis peittäisi jo koko sivun pienemmissä näytöissä. Lue aikaisempi artikkelini standardiverkkosivun kokovaatimuksista. <a href="http://hannukuukkanen.blogspot.fi/2015/">http://hannukuukkanen.blogspot.fi/2015/</a> <br />
Kuvan latausaika putoaa huomattavsti pienempikokoisena. Kuva koolla alkaa olla suurempaakin merkitystä, jos samalla sivulla on useita kuvia.<br />
<br />
JA muistakaa kuvien oikea nimeämistapa verkkosivuille. Lue edellinen artikkeli.<br />
<a href="http://hannukuukkanen.blogspot.fi/2018/05/kansioiden-ja-linkkien-nimista-varoitus.html">http://hannukuukkanen.blogspot.fi/2018/05/kansioiden-ja-linkkien-nimista-varoitus.html</a>Hannu Kuukkanenhttp://www.blogger.com/profile/00421022359923251181noreply@blogger.com0tag:blogger.com,1999:blog-2535916615347807887.post-3677006165789465592018-05-02T02:26:00.002-07:002022-06-11T07:29:11.619-07:00Kansioiden ja linkkien nimistä varoitusOlen havainnut, että edelleen löytyy verkosta sellaisia linkkejä, joiden tiedostonimissä tai poluissa (kansiot) esiintyy ääkkösiä tai välilyöntejä (sanaväli). Näitä eivät kaikki palvelimet ymmärrä ja kaikki selaimet tai verkkosivueditorit, eivät osaa niitä palvelimelle koodata. Linkki ei löydä koskaan perille. <br />
<br />
Esimerkiksi: https://www.facebook.com/notes/verkonvaarat-sivuston-tukiryhmä/prismaviestien-poisto-ohje/prismat ja muut.html<br />
(Esimerkkiin olen tarkoituksella lisännyt myös virheellisen tiedostonimen).<br />
<br />
Linkin tulisi olla muodossa: <br />
https://www.facebook.com/notes/verkonvaarat-sivuston-tukiryhma/prismaviestien-poisto-ohje/prismat_ja_muut.html <br />
ELI ääkköset korvataan a:lla ja o:lla ta myös ruotsalainen å korvataan a:lla, tavuviivat sanajakoina ovat OK tai alaviivat, kuten lisätyssä tiedostonimessä malliksi on laitettu.<br />
<br />
Tiedostonimissä ei tule käyttää kansallisia merkkejä å, ä ja ö
(eikä saksalaisten ü-merkkiä), koska näitä
merkkejä ei käytetä englannin kielessä ja
käyttöjärjestelmät on kehitelty
englanninkielisissä maissa. Kansallisista
merkeistä tulee yleensä aina ongelmia. <br />
<br />
Pisteitä ei tule käyttää erottimena myöskään, koska ne ovat pelvelimien järjestelmien omia standardi erottimia (mm. tiedoston tunnuksen erottimena). Myös kaksoispiste on varattu vain tiettyihin tarkoituksiin. Tiedoston nimi koostuu yleensä varsinaisesta
nimestä sekä pisteen jälkeisestä
tarkentimesta. Kaksoispistettä käytetään mm. verkko-osoitteissa.<br />
<br />
Sallittuja merkkejä nimiosassa ovat englanninkielisen merkistön mukaan kirjaimet A-Z (tai a-z), numerot 0-9 ja
erikoismerkit $ (dollari), %, ,-,_ (alleviivaus), ^ (hattu),
@ (kissanhäntä tai miumau), {, }, ~ (mato), `, !, #
(risuaita), (, ) ja &-merkki. Erikoismerkkien käyttö
ei ole, alleviivausmerkkiä lukuunottamatta,
suositeltavaa. <br />
<br />
Verkon alkuaikoina oli syytä käyttää tiedostonimissä ainoastaan pieniä kirjaimia. Nykyään sekatekstit menevät ja tulevat läpi verkon MUTTA kansioiden ja tiedostojen kirjoitusasun tulee olla HTML-koodissa aina sama kuin itse tiedostonimessä. Tämä virhe syntyy vain jos koodaa käsin linkkejä.<br />
Nykyään, kun verkkosivujen koodaus tehdään ohjelmistoilla, näitä lapsuksia pääsee verkkoon harvemmin enää MUTTA jos noudattaa aina palvelin standardin mukaista kirjoitusasua tiedostoissa, koskaan ei tule ongelmia myöskään palvelin puolella. Varsinkin Mac tietokoneiden käyttäjille tämä vaikuttaa olevan ylipääsemätön ongelma.<br />
<br />
Windows 95 oli ensimmäinen Windows-versio,
jossa voitiin käyttää ns. pitkiä 255:n merkin
pituisia tiedostonimiä. Pitkät tiedostonimet eivät ole edelleenkään suositeltavia verkkokäytössä.<br />
<br />
<br />Hannu Kuukkanenhttp://www.blogger.com/profile/00421022359923251181noreply@blogger.com0tag:blogger.com,1999:blog-2535916615347807887.post-70513105636549862812016-04-28T01:02:00.001-07:002021-04-05T07:49:03.374-07:00Evästeet ja palvelinlokitiedot<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:HyphenationZone>21</w:HyphenationZone>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:ApplyBreakingRules/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:UseFELayout/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]-->
Nykyinen tiedonkeruutapa verkkosivuilla on "evästeet" – ”keksit” -
"cookies". Toisinaan niistä on käyttäjälle hyötyä, koska evästeiden
tallennettu sivustokäyttäytymishistoriatieto saattaa olla avuksi verkkosivulla
liikuttaessa tai esim. lomakkeita täytettäessä. Selain voidaan pyytää
ilmoittamaan evästeistä. Myös EU säädökset edellyttävät nykyään tämän tiedon
ilmoittamisesta sivustolle saavuttaessa. Toisinaan sivulle ei edes pääse, jos
ei hyväksy evästeiden käyttöä. Sellainen ei ole aivan hyvän tavan mukaista ja
toki kuluttajalla tai asiakkaalla on oikeus sulkea sivu siinä vaiheessa.<br />
Sivujen suunnittelijan ja koodaajan tulee miettiä tarkoin, onko sivusto niin tärkeä asiakkaalle, että hän hyväksyy keksi-kyykyttämisen?<br />
<br />
Hienostunein ja vanhin tapa on lukea palvelinlokia. Ohjelmistojakin on
tarjolla tarkoitukseen. Lokista voi päätellä hyvin paljon sivustolla
vierailevista asiakkaista. Uskon, että tämäkin tekniikka on edelleen käytössä
valveutuneimmissa yrityksissä. <br />
Lokitiedoista (jos evästeiden käyttö on estetty palvelinloki toimii
aina), voidaan lukea useita asioita. Sivukutsun lähde IP löytyy, vaikka sitä
käyttäisi useampikin henkilö, se kertoo kuitenkin jo paljon. Se kertoo mistä
sivuhaku on tulossa. Kansallisuuskin saattaa selvitä. Millä sivuilla kyseinen
kone IP on käynyt palvelimella, kauanko on viipynyt sivuilla (poistumisaikaa ei saaada kiinni mutta seuraavalle sivulle, samalla palvelimella, siirtyminen kyllä), jne…<br />
<br />
HTML mahdollistaa myös asiakkaan selaimen kautta tulevan tiedonkeruun (ilman
evästettä). Mikä selain ja versio ja minkä tyyppiseltä koneelta sivuhaku on
peräisin. Mikä käyttöjärjestelmä, minkälainen näyttö on käytössä jne.<br />
Kun laitetieto on tiedossa, voidaan päätellä asiakkaan profiilia edelleen.
Mobiililaite, PC, Mac, Linux, Unix... Nämä kaikki kertovat asiakkaasta hyvin
paljon kun tietoa vaivaudutaan tulkitsemaan. Varmasti ohjelmistojakin löytyy
tämän tiedon keräämiseksi ilman syvällistä asiaan paneutumista.<br />
<br />
Verkkosivuille voi laittaa kilpailun, tai jonkin muun palvelun jonka palkintojen tai palvelun saaminen edellyttää henkilötietoja. Tällä tekniikalla profiloin aikoinaan (aika ennen evästeitä) hyvin tarkasti asiakkaani verkkosivujen kävijäprofiilin. Palvelut / pelit toimivat yhtenä profiloinnin välineenä. <br />
<br />
Kaikesta tästä seurantamahdollisuudesta, voi tietysti välttyä
anonymipalvelinpalveluja käyttämällä ja evästeet kieltämällä ja koneelta
evästetiedot deletoimalla. Myös kone IP:tä "arvotaan" eli sama kone
ei aina vastaa samaa IP tietoa. Näinhän ei normaali kuluttaja toimi joten
tällainen käyttäytyminenkin kertoo sivustolla vierailijasta jotakin.<br />
<br />
Kaikille verkkosuunniteelijoille erinomaista lukemistoa verkkosivujen käytettävyydestä tarjoaa:<br />
<a href="https://www.w3.org/TR/WCAG20/">https://www.w3.org/TR/WCAG20/</a> <br />
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Normaali taulukko";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";}
</style>
<![endif]-->Hannu Kuukkanenhttp://www.blogger.com/profile/00421022359923251181noreply@blogger.com0tag:blogger.com,1999:blog-2535916615347807887.post-86167588652572754492015-05-19T10:53:00.000-07:002018-05-02T11:11:47.901-07:00NÄYTÖT JA VERKKOSIVUJEN SISÄLTÖ<b>Runsaasti ongelmia ovat tuottaneet eri näytöt ja näyttölaitteet, joiden kirjo on kasvanut entuudestaan.</b>
Perinteisen täyssävy RGB putken ja LCD (esim. läppäreissä) näyttöjen
välillä on huomattava sävyero. Tumma, sävykäs kuva saattaa RGB (täyssävy) näytöllä
sisältää runsaan määrän kuvainformaatiota, joka latistuu sävyalueeltaan
LCD näytöllä. Jos kuvan tuottaa nimenomaan LCD näytöille, siitä saattaa
tulla todella tylsä. On kuitenkin muistettava, että läppärit ja muut LCD
näytöillä toimivat laitteet ovat jo tänään valta-asemassa. On vain
odoteltava, että LCD näyttöjen sävymäärä kasvaa aikaa myöten ja
tuotettava sillä aikaa tylsiä, latteasävyisiä kuvia.<br />
Tämän päivän suositus verkkosivun merkittäväksi, näkyväksi alueeksi on kerrottu olevan 1024×768.<br />
<br />
Tuosta
pitää laskea pois selaimen vaatimat varat:
"the most common class of desktop computer screen, dethroning the 1024
times;768 resolution that was long the target for web design".
"...1024×768 held its position as the single-most popular resolution
until this year".<br />
<br />
Jos käsite "resoluutio" on vieras, se tarkoittaa näytössä olevien pikseleiden, eli kuva-alkioiden lukumäärää - leveys x korkeus. Mitä vähemmän pikseleitä, sitä heikompi kuvan piirtokyky näytöllä on.<br />
Näyttöresoluutio ilmaistaan kuvankäsittelyssä termillä "72 pikseliä tuumalla". Se ei tarkoita, että kuva näkyy kaikkialla saman kokoisena vaan että kuvasta näkyy tuuman matkalla nuo 72 pikseliä. Kymmenen tuuman levyiselle (n. 25 cm) näytölle mahtuu 720 pixeliä leveyssuunnassa.<br />
<br />
Eli 1024×768 esitystilasta lähdetään ja tulos on
turvalliselle alueelle = suositeltu web safe: for all browsers 849 x 507
(lähde: http://designerstoolbox.com/designresources/safearea/compare/).<br />
Tiedän,
että tuo 849 x 507 on kuritusta mutta se on tämän hetkinen suositus,
kuten mainittu.
Sivuja tehdään tietysti muillakin mitoilla. Pitää muistaa laitteistojen
laaja kirjo. Tottakai voidaan rakentaa index-sivulle snifferi joka
haistelee, minkä kokoisella näytöllä selain on tulossa MUTTA takaan, että
työ ei tule verkkosuunnittelijalta loppumaan, jos joka laitteelle
tehdään se oikea visuaalinen syöte, vaikka asia on suunnattomasti
helpottunut style-sheettien ja PHP:n keinoin. Jos snifferiin mennään,
niin kenties olisi järkevää tarjota esim. kolme versiota tai minimissään
kaksi. Toinen muille laitteille ja toinen puhelimille.<br />
Vaikka
älypuhelimet taipuvat näyttämään hankalia ja raskaitakin näyttöjä,
sivujen käytettävyys ei ole yhtä mukavaa, kuin perus PC:llä tai Macillä. Zoomailu pienellä näytöllä on aikaa vievää.<br />
<br />
En
pidä 950 leveyttä aivan pahana 1024×768 näytölle mahtuu enemmänkin
tavaraa, kuin tuo suositus 849 x 507. On myös mahdollista ja suositeltavaakin,
riippuen sivun graafisesta ulkoasusta, antaa sivun kaveta
leveyssuunnassa jos näyttö on kapeampi? Scrolleri (vieritys) vie n. 20
pixeliä ja vasemmalle laidalle ei juuri tarvitse tilaa muutoin kuin
marginaalien vuoksi. Jos marginaalit ajetaan minimiin, mahtuu tuollainen
950 pixelin leveä asiaikkuna turvallisesti näytölle. Visuaalisuus on
aina asia erikseen. Haluatko antaa "ilmaa" sisällölle jne. Muistaa sopii
myös, että verkossa luettavissa olevan palstan leveys on pienempi kuin
painetussa tekstissä. Palstan leveys on suhteessa käytettyyn
fonttikokoon (kirjainkoko) joten mikään ei ole yksiselitteistä. Tähän
fonttijuttuun (palstat ja kirjainleikkaukset) voinkin palata seuraavassa
jutussa erikseen.<br />
<br />
Lisätietoa aiheesta: <br />
<a href="https://www.w3.org/">https://www.w3.org/</a> (W3C on Web-standardien ylläpitäjä ja kehittäjä) <br />
<a href="https://www.w3.org/TR/WCAG20/">https://www.w3.org/TR/WCAG20/</a> (kaikille verkkosuunniteelijoille erinomaista lukemistoa) Hannu Kuukkanenhttp://www.blogger.com/profile/00421022359923251181noreply@blogger.com0tag:blogger.com,1999:blog-2535916615347807887.post-68125448234786832482015-05-19T10:51:00.003-07:002016-04-28T06:12:18.441-07:00KIRJAINLEIKKAUKSISTA NÄYTÖLLÄ (Fonteista)Näyttölaitteisiin
suositellaan, lukututkimusten mukaan, niin kutsuttuja "sans
serif"-leikkauksia: font-family:Arial, Helvetica, sans-serif; (ja vastaavat).<br />
Fonttien (kirjasinten) luettavuuden huomioiminen on erittäin tärkeää pienemmissä näytöissä kuten matkapuhelimet ja älypuhelimet.<br />
<br />
Nykyisin
käytössä olevilla tietokonenäyttöjen resoluutioilla,
kirjasinleikkausten finenssit saadaan ainakin otsakkeissa hienosti
esille. MUTTA. Haluatko koodata sivusi Flashillä tai sellaisilla
menetelmillä, jotka takaavat kirjainleikkausten siirtymisen
asiakaskoneelle? Sellainen ei ole kovin asiakasystävällistä, koska Flash
vaatii selaimelle asennettavan ja päivitettävän plug-in ohjelman. On
asiakkaan kyykyttämistä kun hän sivuille saapuessaan saa ensimmäisenä
vastaan ilmoituksen, että hänen selaimensa ei tue näitä sivuja, "lataa
Flash" tai "käy päivittämässä Flash-versiosi". Tai asiaks lukee varoituksia, kuinka Flashissa on turvallisuuaukko jne. Noloa.<br />
Nykyään Flash alkaa olla kirosana jo muuallakin, kuin vain omassa puheessani.<br />
<br />
Web-
standardin mukaisten kirjasinten kokoa voidaan nykyään säätää suoraan
asiakasselaimelta MUTTA, jos koodari ei sitä ole esim. Flash
sovelluksissaan huomioinnut, kirjainkoon muuttaminen ei asiakkaalta
onnistu. <br />
<br />
Jos olet varma, että jokainen
verkkosivuasiakkaasi käyttää standardin mukaista selainta (esim.
suljettu yrityssivusto), kuten Opera, Firefox, Safari, jne. voit käyttää
CSS3 ja HTML5 ominaisuuksia, joiden avulla voidaan hyödyntää web
palvelimilta ladattavia, erikoisempiakin kirjasinleikkauksia. Chrome ja
Internet Explorer 9 tukee myös CSS3 ja HTML5 toteutettuja verkkosivuja. <br />
Kokenut ja verkkoasiakkaita (loppukäyttäjä) arvostava verkkosivuntekijä varmistaa, että sivut voidaan lukea kaikilla valtaselaimilla muutaman version iästä huolimatta. Ikääntyville tarkoitettujen sivujen tulee näkyä myös vanhemmilla valtaselainversioilla - ja - tulee ajatella mikä olikaan valtaselain joitakin vuosia takaperin. Ikääntyvä ei seuraa trendejä vaan käyttää verkkoa kuten ennenkin.<br />
<br />
Google fonts- tarjoaa myös mahdollisuuden lukuisiin eri
tekstityyppeihin verkkosuunnittelijalle. Joukosta löytyy varmasti jokaiselle jotakin. MUTTA. On
muistettava, että fontti (kirjasintyyppi) ei saa haitata viestin
perillemenoa. Useamman eri fontin sekamelskaa ei kukaan jaksa lukea. Pidä aina ensisijalla sivusi luettavuutta.<br />
Samoin
tekstin väreistä musta on ehdoton ykkönen (vaaleat taustat). Jos haluat
rikastaa tekstiäsi värein, on turvallisinta pitäytyä mahdollisesti
esim. otsakkeiden yhden ja saman värin käyttöä läpi sivuston. Siten
sivustosi pysyy yhtenäisenä, eikä aiheuta hämmennystä erivärisine
otsakkeineet. "Olenko vielä sillä sivustolla jonne alunperin menin?" <br />
Valkoinen
teksti tummilla taustoilla ei ole erityisen luettavaa. Varsinkin
pidemmissä teksteissä silmät rasittuvat tarpeettomasti. <br />
<br />
Lisätietoa aiheesta kiinnostuneille:<br />
<a href="https://www.w3.org/Fonts/">https://www.w3.org/Fonts/</a> (W3C on Web-standardien ylläpitäjä ja kehittäjä) <br />
<a href="https://www.w3.org/TR/WCAG20/">https://www.w3.org/TR/WCAG20/</a> (kaikille verkkosuunniteelijoille erinomaista lukemistoa)<br />
<a href="http://www.webtypography.net/">http://www.webtypography.net/</a><br />
<a href="https://www.google.com/fonts">https://www.google.com/fonts</a> (Google fonts. Muistakaa antaa erikoiskirjaimille aina standardi vaihtoehto. Vain siten koodaajalle jää jokin vaikutusmahdollisuus asian luettavuuteen tai ilmeeseen)<br />
<br />
Web safe fonts 2013 (HTML5)<br />
<a href="http://forbrains.co.uk/web_safe_fonts/web_safe_fonts">http://forbrains.co.uk/web_safe_fonts/web_safe_fonts</a><br />
<a href="http://www.w3schools.com/css/css_font.asp">http://www.w3schools.com/css/css_font.asp</a>Hannu Kuukkanenhttp://www.blogger.com/profile/00421022359923251181noreply@blogger.com0tag:blogger.com,1999:blog-2535916615347807887.post-14317137583452368522014-09-25T12:08:00.002-07:002021-02-07T03:12:28.495-08:00Hannu Kuukkasen muut Blogit<a href="http://vaarallinenweb.blogspot.fi/?view=sidebar" target="_blank">Vaarallinen Web, netin ansoja</a> <br />
<a href="http://lehikoiselleoikeutta.blogspot.fi/?view=sidebar" target="_blank">Etelätuonnin oikeustaistelu</a> <a href="http://politiikkaajapropagandaa.blogspot.fi/" target="_blank"><br />Politiikkaa ja propagandaa</a> <br />
<a href="http://somedall.blogspot.fi/2009/10/this-blog-has-been-created-for-eu-fp7.html" target="_blank">Social Media for All Elderly People</a><br />
<a href="http://kuluttajansuojasta.blogspot.fi/" target="_blank">Kuluttajan suojasta</a><br />
<a href="http://remonttireiskat.blogspot.fi/" target="_blank">Remonttireiskat </a>Hannu Kuukkanenhttp://www.blogger.com/profile/00421022359923251181noreply@blogger.com0tag:blogger.com,1999:blog-2535916615347807887.post-89849971846739112182009-09-30T01:23:00.000-07:002016-04-28T06:12:45.302-07:00Käytettävyys yritysten verkkosivuillaSuuri joukko yritysten julkisiksi verkkosivuiksi tarkoitettuja - domain nimien jatkoksi asennettuja Flash-sovelluksia - tappaa kättelyssä keskivertokävijän mielenkiinnon.<br />
"Kaunis" tai "kiva Jippo", ei kaikissa tapauksissa tarkoita mielenkiintoista tai käytettävissä olevaa informaatiopalvelua.<br />
<br />
Jos sivuston tekijä omaa itse syvän mielenkiinnon Flash-plugin päivitykseen ja pitkän Flash-intron tai mainosanimaation katseluun, se ei tarkoita, että kaikki muutkin tulevat rakastamaan niitä.<br />
<br />
Hyvän verkkosivuston suunnittelu kannattaa lähteä vaikka ihan suppeastakin kohderyhmäanalyysistä: "mitä olemme tarjoamassa ja kenelle".<br />
Seuraavaksi tärkein asia on: "pystyvätkö kaikki kohderyhmämme henkilöt" käyttämään tarjoamaamme palvelua - löytävätkö he ja saavatko he vaivatta ja mahdollisimman nopeasti sieltä tarvitsemansa palvelun tai tiedon.<br />
<br />
Lisätietoa kaikille verkkopalvelusuunnittelijoille ja toteuttajille verkkosivujen käytettävyydestä: <br />
(W3C on Web-standardien ylläpitäjä ja kehittäjä) <br />
<a href="https://www.w3.org/TR/WCAG20/">https://www.w3.org/TR/WCAG20/</a> Hannu Kuukkanenhttp://www.blogger.com/profile/00421022359923251181noreply@blogger.com0