Autor | Zpráva | ||
---|---|---|---|
falcon Profil |
Moderátor Petr ZZZ: Debata o sémantice vyčleněna do samostatného vlákna:
O sémantice tagů <menu>, <b>, <font> a dalších Zdravim, moje sestra se chtela vyhnout placeni profesionala na tvorbu webovky, a tak jsem prisel na radu ja, amater:] Chtel jsem se zeptat, co si myslite o jedne uklidove strance. Dekuji za nazory a prosim o schovivavost. Moderátor Petr ZZZ: Piš prosím s diakritikou, lépe se to čte.
|
||
perwin Profil |
#2 · Zasláno: 31. 8. 2011, 14:50:47
Je to taková jednoduchá stránka. Určitě by se našlo hodně grafických úprav, co bys tam mohl dát.
|
||
RockFire Profil |
#3 · Zasláno: 31. 8. 2011, 14:51:13
1) Nikdy nenahrazujte texty obrázky! Vyhledávače a někteří uživatele je nepřečtou! (Konkrétně obrázkové ceníky nahradit tabulkami)
2) Ocenil bych padding v menu 3) Font je hrozný a mnoho lidem se nejspíše nezobrazí 4) Pro menu používejte tagy <ul> (<ol>), <menu> 5) Podívejte se, co je sémantika a nahraďte spoustu tagů <div> a <br> tím, co tam skutečně má být 6) Tagy <font> a <b> se již dlouho nepoužívají. Tag <b> nahraďte tagem <strong> a tag <font> nahradí css 7) Všechny obrázky by měli mít alternativní popis <img src="cesta.jpg" alt="Alternativní popis"> 8) Zbytečné <meta> tagy 9) Doporučuji psát všechny tagy včetně <body> malými písmeny 10) Ve formuláři je povinné jenom číslo? Na první web to ale není zase tak zlé ;) |
||
Adrifinel Profil |
#4 · Zasláno: 31. 8. 2011, 15:59:35
Mě jako amaterské grafičce připadá hrozné tzv. logo.
B vs Strong se tu již řešilo mnohokrát. A font se použivá, já ho použivám, pač jsem na to zvyklá a byla jsem nedávno na kurzu tvorby webových stránek, takže ho přinejmenším učí lektoři. |
||
Plaváček Profil |
#5 · Zasláno: 31. 8. 2011, 16:09:40
Adrifinel:
„takže ho přinejmenším učí lektoři.“ Pak je lepší se od těchto lektorů držet co nejdál. Použitý font se zobrazí prakticky pouze tomu, kdo vlastní některý z následujících programů: http://www.microsoft.com/typography/fonts/font.aspx?FMID=398. Není součástí prakticky žádného operačního systému. Čili já nyní vidím pouze klasické patkové písmo. A navíc je špatně i zápis, protože víceslovný název písma musí být v uvozovkách. falcon: Na amatéra asi dobré, byť graficky trošku "stoleté". Bylo to už řečeno, ale pro jistotu ještě jednou - text má být textem, nikoliv obrázkem. |
||
Petr ZZZ Profil |
#6 · Zasláno: 31. 8. 2011, 16:23:07 · Upravil/a: Petr ZZZ
Plaváček:
Myslím, že Adrifinel nereaguje na konkrétně použitý font, ale na RockFirovo tvrzení, že tag <font> se údajně nemá používat.
|
||
Plaváček Profil |
#7 · Zasláno: 31. 8. 2011, 16:24:24 · Upravil/a: Plaváček
Petr ZZZ:
Aha, tak to se omlouvám, špatně jsem to pochopil, nedošlo mi, že mluví o elementu font. Nicméně volba výchozího písma webu je opravdu nešťastná. |
||
Adrifinel Profil |
#8 · Zasláno: 31. 8. 2011, 16:41:38
Petr ZZZ:
Přesně tak :) |
||
peta Profil |
#9 · Zasláno: 1. 9. 2011, 08:37:51 · Upravil/a: peta
Puvodne jsem vubec nechtel reagovat, pac k tomu neni, co dodat, jedine snad cele udelat znova :)
V prvni rade je treba si precist prvni 2 temata fora Kritika. Dale me napada, proc je tam ruzova? Proc ramecek loga neni symetricky ze vsech stran a proc misto jednoducheho sedeho plneho ramecku je pouzit uvnitr loga dvojity prerusovany? Proc je nadpis obsahu nad menu? Proc neni menu delane pres ul, li? Proc je obsah stranky reseny obrazkem a ma takovy skaredy ramecek a pismo? Proc na kazde strance ma obsah jiny ramecek? Proc nema stranka zadany pevny rozmer? Proc tlacitka menu maji text tak nalepeny na ramecku? Logo neni klikaci na uvodni stranku. U obrazku je treba dobre zadat jeho rozmery, width, height. Odkazy je dobre podtrhavat. Pak tu je neco jako grid 960. http://axpsu.fpf.slu.cz/~web/web-inspirace/screen/s1024/www-edenorganix-com.png Ja bych pouzil neco takoveho. Stranku obalil do bileho obdelniku, nahoru dal logo, pod nej tlacitka, pak nadpis s textem. Vidim, ze s css se uz zacinas kamaradit, ted jeste prejit na stupen, kdy do html prestanes davat tagy typu font, protoze ve vetsine pripadu je tam nepotrebujes. Proste html kod zjednodusit na minimum, pouze obalit text tagem tak, abys to mohl pres css doladit. Tez by bylo dobre puzivat tagy k cemu jsou urcene, usetri ti to stylovani. Jo, a html kod by mel byt i bez css pouzitelny jako stranka. Kazdy vyznamny blok bych si pekne oramoval divem, abych pak mohl stylovat jen ten a zadny jiny. Zkus mrknout na google po par strankach jak tam resi kontakty, prehled zbozi a pod. A zrovna vcera jsem resil s kolegou problem, co udelas s dlouhym textem a nerozlobit toho, co jej dodal. Dali jsme mezi to obrazky. Protoze dlouhy text bez niceho se spatne cte. Kdyz prestanes cist, tak si musis zapamatovat kde a takovy obrazek se dobre pamatuje. http://www.slu.cz/fpf/cz/veda (vzhled neres) Na ukazku jednu tvou stranku... misto tch divu v textu bych mezi to soupl nejaky obrazek. <style> .stranka {border:1px solid #bbb; background:#fff; margin:0 auto; text-align:center; width:800px;} .logo {} .menu {margin-top:20px;} .menu ul, .menu li {margin:0; padding:0; display:inline; list-style-type:none;} .menu li:after {content:"|"; margin-left:0.25em;} .menu li:last-child:after {content:"";} .text {padding:0 120px;} .red {color:#f00;} </style> <div class="stranka"> <div class="logo"> <img src="styles/toplogo.jpg" width="800" height="250"> </div> <div class="menu"> <ul> <li class="sel"><a href="au.html">About Us</a></li> <li><a href="yb.html">Your Business</a></li> <li><a href="yh.html">Your Home</a></li> <li><a href="ow.html">On The Wheels</a></li> <li><a href="co.html">Contact Us</a></li> <li><a href="bo.html">Booking</a></li> <li><a href="te.html">Testimonials</a></li> </ul> </div> <div class="text"> <h2>About SuperMumz</h2> <div class="au"> <p>We are proud to introduce you our Carpet, Upholstery and Floor Cleaning Company.</p> <p>SuperMumz is targeting the dirt and bacteria in your carpets and giving the "life" back to your floors. Dirty dusty carpets could be the cause of asthma and some alergies at your home or office. Our professional high quality cleaning service will help to manage and prevent those,by providing you with fresh and clean carpets and floors.</p> </div> <div class="au"> <p> We use the <a href="styles/rugdoctor.jpg">Rug Doctor-PRO</a>, Quick-Dry machine for carpets and upholstery. There is<br> a choice between 2 cleaning options:<br> <b>Deep Clean</b><br> or<br> <b>Quick Dry</b> </p> </div> <div class="au"> <p> We also operate <a href="styles/numatic.jpg">Numatic NLL 332</a>, the floor care machine, services we offer with this:<br> <b>Wet Scrubbing<br> Spray Cleaning<br> Light Spray Buffing<br> Low Gloss Polish<br> Medium Gloss Polish</b> </p> </div> <p>Both appliances are suitable for <b>Domestic, Institutional</b> and <b>Commercial</b> use.</p> <p>For example:</p> <div class="gal"> <img src="use/apco.jpg"> <img src="use/homo.jpg"> <img src="use/offi.jpg"> <img src="use/scho.jpg"> <img src="use/hosp.jpg"> <img src="use/shop.jpg"> <img src="use/club.jpg"> <img src="use/rest.jpg"> </div> <p>We are fully insured, and offer <span class="red">25% discount</span> to all our loyal customers.</p> </div> |
||
Igor Profil * |
#10 · Zasláno: 1. 9. 2011, 13:44:05
Ta růžová se mi moc nezdá. Raději volit něco tmavšího. Nebylo by špatné dát tomu nějaký podklad.
|
||
Časová prodleva: 6 dní
|
|||
falcon Profil |
Ok, vsem dekuji za nazor, vse projdu a postupne zmenim, potreboval jsem radu od zkusenejsich. Zacal jsem s tvorbou pred mesicem a pul, nemam na to ani tolik casu, tak proto tak taky vypada. Uz jsme hlavne potrebovali "neco" publikovat a diky vasim prispevkum to muzu pozmenit tak, jak to ma byt. Akorat mne nesedi ten element font. Proc by se nemel pouzivat? To mne proste nejde do hlavy.. A k te volbe fontu, kdyz jsem delal tu stranku, tak jsem se kouknul na tri ruzne pocitace a taky na iphone. Vsude to vypadalo stejne i v ruznych prohlizecich, ne vsak ve vsech. Az kdyz jsem prijel zpet do Prahy, tak jsem si vsimnul, jak hrozne vypada. Na to se zamerim v prvni rade...
Moderátor Petr ZZZ: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou.
|
||
Časová prodleva: 2 měsíce
|
|||
Ula Profil * |
#12 · Zasláno: 3. 11. 2011, 16:09:28
Tak ruzova je tam,jelikoz jsem si ji tam (jako majitelka spolecnosti)prala..je to zenska stranka zamerena na zeny/matky,pro ne taky byla spolecnost zalozena... Takze asi tak, nemam ale ani problem s tmave sedou a bilou...volba pisma ma uplne stajny duvod,chtela jsem neco jemneho a zenskeho. Takze tolik na brachovu obranu..Stranka se ted meni a opravuje takzr zmeny budou brzy...Navic co me momentalne trapi je to ze pokud vygoogluji nazev spolecnosti tak jsem az nekde na 23 strance a uz fakt nevim co stim:(
|
||
okolojdouci Profil * |
#13 · Zasláno: 3. 11. 2011, 20:10:17
Ula:
„co me momentalne trapi je to ze pokud vygoogluji nazev spolecnosti tak jsem az nekde na 23 strance a uz fakt nevim co stim“ Co třeba dát na stránky nějaký textový obsah? Na úvodní stránce je k tématu v textové formě pouze a jenom <meta name="description" content="Professional Cleaning Company"> <meta name="keywords" content="professional, carpet, upholstery, floor, cleaning, supermumz"> Na dalších stránkách to není o moc lepší. Na obrázky vyhledávače nenalákáš. A neřekl bych, že přepsání toho stávajícího obsahu z obrázků do textu by by stačilo. Chce to ještě víc textu a zapracovat i mimo web. |
||
Darker Profil |
#14 · Zasláno: 3. 11. 2011, 20:43:49
Nečetl jsem úplně všechny předchozí příspěvkytakže se možná budu opakovat. Ale jak víme, opakování je matka moudrosti.
• První čeho jsem si všiml je, že index je prázdná stránka. Doporučuji z něj přesměrovávat na "About us" nebo tuto stránku na index vkládat. • Font se mi docela líbí, ale necentrujte text, špatně se to čte. • Mezi jednotlivými (naprosto hnusně růžovými) bloky jsou moc velké mezery. Musel jsem odrolovat celou obrazovku abych se přečetl těch pět vět. • Možná mi jen chybí znalosti angličtiny takže se zeptám: „!! FREE Quotation with NO obligation ang highly professional service Guaranteed!!“ Opravdu nabízíte citace zdarma? (každopádně místo highly patří high - highly je totiž příslovce, ne přídavné jméno. A záruka se v angličtině píše s malým) • http://www.supermumz.co.uk/bo.html - zkuste aspoň ten iframe roztáhnout tak, aby tam nebyl posuvník. Jestli tvůrce nekecá, a stvořil to měsíc po tom, co zjistil co je to HTML je to přinejmenším perspektivní. |
||
Časová prodleva: 14 let
|
0