1. Internet Solutions
www.codesyntax.com
Azitain industrialdea, 3-K
E-20600 Eibar
Tel.: +34 943821780
Diseinu Arduratsua
Web garapena
gailu mugikorretarako
Zaloa Etxaniz

2. Gure webguneen estadistikak:

3. Webgune baten edukira
heltzeko:
●
Teknologia desberdinak
●
Erresoluzio desberdinak
●
Nabigatzaile desberdinak
●
Koneksio abiadura desberdinak

4. The Guardian

5. Diseinu Arduratsua
“Edukia bereizmen eta plataforma
guztietara egokitzea posible egiten
duen teknika da.”

6. Html kodea ez da moldatzen!

7. html-a ondo pentsatu!

12. 1. Grid likidoa
width: 100%; max-width:1200px;

13. 2. Eduki likidoa
Irudiak, bideoak, iframe, canvas, object...
likido izateko:
img{
max-width:100%;
height:auto;
}

14. 3. Css3, media query-ak
body{
background-color:blue;
}
@media screen and (max-width= 780px){
body{
background-color:red;
}
}

15. Inflexio puntu estandarrak

16. 4-Viewport meta tag-a
<meta name="viewport" content="width=device-width,
initial-scale=1.0">

17. 5. Nabigazio menuak

19. 6. Beste puntu batzuk
- Tipografien tamaina
- Linken rollover-a
- Botoien tamaina
- Orrien pisua, irudien tamaina...
*Twitter Boostrap bezelako framework-ak

20. Eskerrik asko!
Zaloa Etxaniz
zetxaniz@codesyntax.com