« 1 2 3
Autor Zpráva
sitole
Profil
noko:
Můžeš využit Flat designu. Existuji cele stranky s navody.
noko
Profil
No nevím jestli se ten flat desing hodí.
lionel messi
Profil
noko:
No nevím jestli se ten flat desing hodí.
Tak inak, skús sa inšpirovať nejakým webom, ktorý rád navštevuješ a páči sa ti — aké má zhruba farebné kombinácie, rozloženie prvkov, či má responzívny dizajn a ako sa správa pri zmene rozlíšenia a podobne.
noko
Profil
Smazáno
yFang
Profil
noko:
je to lepší?
Ne, teď tam nejde nic přečíst díky šedému písmu na šedém pozadí (které navíc nějak rozházené).
noko
Profil
Jakou barvu písma doporučuješ?
lionel messi
Profil
noko:
je to lepší?
Z blata do kaluže. Za istých okolností by som si vedel niečo podobné predstaviť ako zaujímavé, ale…

1. Ten šedý nápis „Chemické pokusy“ by som ešte zväčšil. Pokojne by som ho obalil ešte 8 ďalšími elementmi <big>. Nech žije nekonečné scrollovanie! Slabozrakí spoluobčania si konečne nebudú musieť zapínať „slepecké“ štýly v prehliadači.
2. Kontrast text/pozadie je naozaj veľmi slabý. V prvom rade odporúčam „zoslabiť“ pozadie (napr. zvýšením jeho priehľadnosti).
3. Zabudni na zastaralý element <font>, použi radšej zodpovedajúce CSS vlastnosti.

Pozor, spoiler! Bod č. 1 bol písaný ako irónia. Vyhádž všetky elementy <big> a namiesto nich použi jeden element <h1>. V predvolenom stave má veľkosť písma zhruba 24px, čo je až-až, pokojne by som ho v CSS zrazil na 20px.
Martin2
Profil *
Noko, myslím, že pro stromy nevidíš les. Vykašli se na grafiku a jaký tag se má použít na nadpis. Soustřeď se na kvalitu obsahu, protože ta je zatím, promiň, z pr­de­le. A vzhledem k tomu, že máš minimální znalosti HTML/CSS, vůbec bych se ve tvém případě nestyděl pro první web použít nějakou hotovou šablonu nebo redakční systém.
Hando
Profil
Bohužel se připojím pouze s kritikou. Leda by se dala pochválit snaha, avšak zatím vidím spíš jen jakousi splácaninu jak v oblasti chemie, tak v oblasti webdesignu.
Pokud mají být všechny návody ve stejném duchu, jako jsou ty již publikované, tak bych doporučil tuto oblast rovnou opustit. Zrovna tohle není typ zábavy, kde by se měli angažovat lidé bez dostatečných znalostí, natož je prezentovat ostatním jakožto návody. Je to samozřejmě cesta, jak se naučit něco nového, ale v tom případě určitě bez zaměření na pyrochemii a podobné věci.
Sám jsem si podobným zaměřením prošel, ale naštěstí jsem v té době narazil na stránky, které byly provedené kvalitně jak z hlediska technologií, ale co hlavně, tak z hlediska publikovaných dat. Napsat návod ve stylu "Zkumavku dobre upevníme v držáku a nasypeme do ní KClO3 a zapálíme kahan. Pockáme než se KClO3 roztopí a potom pinzetou vhodíme gumového medvídka. Pozorujeme svetelný efekt.", to není úplně v pořádku - plus další návody, kde není ani zmínka o tom, že třeba Ba(NO3)2 a Sr(NO3)2 jsou pěkně jedovatý látky - asi je dobře, že se podstatně snížila dostupnost chemikálií...

Co se týče html/css:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>Svítící gumový medvídek :: Chemické pokusy</title>  <link rel="shortcut icon" href="favicon.ico">
   <div style="width: 800px; margin-left: auto; margin-right: auto;">  
 <a href="index.html"><img src="home.png"></a>
  <a href="pokusy.html"><img src="pokusy.png"></a>
   <a href="about.html"><img src="owebu.png"></a>
      <a href="contact.html"><img src="kontakt.png"></a>
  <br>  <img src="head.png"> (toto do hlavičky nepatří) 
  </head>    
  <body> ...
        </body>
</html> - toto zde taky poněkud přebývá...
  </body>
</html>
  
Nastuduj si základní strukturu kódu, zvol si nějaké rozumné rozvržení stránek (načmárej si je na papír) a pak je zkus převést do html podoby pokud možno čistě. Na jpw.cz je toho mraky, tak se můžeš učit až až... :)
noko
Profil
A co teď?
http://chemickepokusy.tk/testovaci_provoz/index.html
sitole
Profil
noko:
Mnohem lepší, ale nedokážu si představit jak uděláš ty pokusy, když bude všeude tohle pozadí. Dále taky doporučuju menu udělat zvýrazněné. Jakop poslední sjednotit obrázky pro články. Přecejen ta bublina je super pro všechny pokusy. :)
noko
Profil
[#11] sitole
Takže tu bublinu pro pokus na bublifuk mám použít všude?
noko
Profil
[#11] sitole
A jak bys to zvýraznil??


Taky jsem udělal část všechny pokusy
http://chemickepokusy.tk/testovaci_provoz/vsechnypokusy.html
lionel messi
Profil
noko:
To už je úplne iná káva, hneď mám chuť pustiť sa do pokusov.

Osobne by som sa tiež skôr prikláňal k sitolemu. Bublina je vhodným pozadím, rovnako ako i prefarbenie vody na ružovo.

Menu by som možno doplnil hover efekt položiek a zrejme zrušil ich podčiarknutie.
noko
Profil
Ok, tak zruším podtržení, ale ty obrázky v nechám tak jak jsou, protože by to bylo všechno stejné.
A teď ještě musím vymyslet jak bude vypadat šablona pro pokusy.
Hando
Profil
Dříve než budeš vymýšlet šablonu, tak stále platí má poznámka o struktuře kódu...
Proč se učíš používat zastarý tag <center>? To samé platí o níže uvedeném - pokud používáš <style>, tak to patří do <head>, ne dolů před </body>. Ony si to prohlížeče asi nějak přeberou, ale snaž se to od začátku dělat pořádně - pokud chceš pokračovat v chemické praxi, tak pečlivost a pořádnost budeš potřebovat. :)
<style>a:link    {color: white} a:visited    {color: white} a:active    {color: white} 
</style>   
<style>img.kruh {border-radius: 50%} 
</style>
<style>body {font-family: "Geneva CE", "Arial CE", sans-serif;} 
</style>
noko
Profil
[#16] Hando
Není jedno jestli použiju <center> nebo cokoli jiného?
Zbytek
udělal jsem šablonu pro pokusy, myslíte že je to dobré?
http://chemickepokusy.tk/testovaci_provoz/bublifuk.html
Hando
Profil
noko:
Není jedno jestli použiju <center> nebo cokoli jiného?
Měl bys používat prvky a styly k tomu, k čemu byly určeny. Samozřejmě v případě <center> to ještě jde, ale do budoucna by bylo dobré oddělit styl od struktury, pak ti nebudou vznikat takové čuňárny, jako je tohle:
<font color="white"> <big> <big> <big><center>  <h1> Chemické pokusy </h1>  </big></big></big> </center>
To, co jsem psal ohledně <style>, to jsi taky neopravil, pouze jsi to nakopíroval ještě nahoru za <body>.
Kde definuješ třídy "blue" a "active"?
<a href="vsechnypokusy.html" class="blue active">Všechny pokusy</a>

Připadá mi, že na to zbytečně spěcháš - to je nějaký úkol či co, nebo proč se na to nepodíváš pořádně?
Tomáš123
Profil
noko:
Není jedno jestli použiju <center> nebo cokoli jiného?
Určite nie. Tag <center> je zastaralý, používaj jeho CSS kamarátku text-align: center.

Nie je to zlé, ale ten obsah je hnusný. Nezarovnaný, nevýrazné zmeny veľkosti písma, chýbajú obrázky, slabé informácie.

Myslím, že v prípade tvojho webu nie je tag <br> vôbec potrebný. Zbytočne vznikajú priveľké medzery medzi riadkami. Naštuduj si niečo o vlastnosti margin.

Pozadie je priveľké a pravdepodobne sa necachuje. Každému navštíveniu tvojho webu predchádza 5-10 sekúnd čakania. Umiestni deklaráciu pozadia do CSS. Slúži na to vlastnosť background.
Fisir
Profil
Reaguji na noka:
Nová verze je stejná tragédie jako ta přechozí, jen v jiné barvě.

1.) Menu už není obrázkové. Paráda. Jenomže nevypadá jako menu, ale pár pohozených nadpisů. Jestliže nad položkami nepřejedu myší, nijak se nedozvím, že na ně jde klikat. Písmo je stejně velké, jako nadpis druhé úrovně a zkrátka není poznat, že je to menu.
2.) Obrázkové pozadí na hlavní stránce se nehezky opakuje, buď jej roztáhni na celou plochu stránky (což ale potom může vypadat škaredě), nebo vytvoř nějaké, které bude mít tzv. bezešvé opakování.
3.) Nadpis Chemické pokusy je na hlavní stránce jinak velký, než na zbytku webu. Bývá zvykem, že hlavička je konzistentní napříč celým webem.
4.) Odkazy na pokusy vypadají škaredě. U červeného Bengálského ohně je jakási červená šmouha a u tajného inkoustu pixelovaná ikonka. A texty zase řešené obrázkem.
5.) Odkazy na nejnovější pokusy na hlavní stránce řešíš formulářem, ale podívej se, jaká adresa ti vzniká, když na ně klikneš.
6.) Výčet pokusů na stránce Všechny pokusy je nějak podivně rozhozený, každé „okénko“ je jinak velké.
7.) Tučně se obvykle zvýrazňují nadpisy a důležitý text, nikoliv celá stránka.
8.) Opět: na stránce je dvanáct řádek textu, ale je kilometr dlouhá.
9.) Seznamy by měly vypadat (a být nakódované) jako seznamy.

Kód jsem nezkoumal, k němu je tu toho napsané dost. Tvůj web je nedůvěryhodný. Má (přiznejme si to) příšerný design a popisy pokusů nestojí absolutně za nic. Žádné informace o bezpečnosti, žádné podrobnosti o průběhu reakcí. Rychle pryč, než se vyhodím do vzduchu.
sitole
Profil
noko:
Ta bublina je také ohledně toho, že načitáš celkem velké obrázky a trvá to dlouho. A takovéto stránky také budou prohlíšeny na mobilech / tabletech, protože si přece nebudeš studovat pokus u stolu s chemii v počítači, aby jsi to něčím nepolil. (Úvaha)
)
noko
Profil
[#18] Hando
Ty ale řešíš starou verzi která obsahuje milion chyb, ale jé se vás ptám na novou verzi (ještě nedokončena)
Hlavní strana http://chemickepokusy.tk/testovaci_provoz/
Všechny pokusy http://chemickepokusy.tk/testovaci_provoz/vsechnypokusy.html
Pokus http://chemickepokusy.tk/testovaci_provoz/bublifuk.html

[#20] Fisir
Každé okénko jinak velké není (u mně) viz
http://vejrosta.tk/bordel/pr-sc/prsc.png

[#21] sitole
Já jsem to na svém mobilu zkoušel a načetlo se to do 5ti sekund.
sitole
Profil
noko:
http://chemickepokusy.tk/testovaci_provoz/bublifuk.html
Třeba otestuj jaké to bude, když pozadí textu bude šedé/bílé a postatní přesně opačně :) Tedy jen ten sloupec. Jinak trošičku se rozepsat ohledně pokusu + přidat takévé doplnky, jako komentáře, video, foto výsledku, foto surovin.
Na hlavní stránce doporučuji optimalizovat pozadí, aby se neopakovalo, ale bylo rostáhnuté po celém monitoru (na mém Notebooku se opakuje)
Také doporučuji sjednotit ty obrázky pro všechny pokusy a hlavní stránku.. kulaté, nebo všechny hranate.

Btw: Tady ti posílám odkaz na jednu službu odk Google, která ti ukazuje vzhled na mobilu/počítači a hodnotí klady a zápory tvého webu. :)
noko
Profil
[#23] sitole
Mohl bys pls někam nahrát screenshot toho jak se pozadí opakuje?
Protože kdybych to normálně roztáhl na velikost monitoru tak to na mobilech/tabletech bude vypadat hnusně.
Obrázky udělám všechny kulaté.
sitole
Profil
Například takto :)
« 1 2 3

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: