Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Incalzire in pardoseala etapizata

Suprataxa card energie?!

Cum era nivelul de trai cam din a...

probleme cu ochelarii
 Impozite pe proprietati de anul v...

teava rezistenta panou apa calda

Acces in Curte din Drum National

Sub mobila de bucatarie si sub fr...
 Rezultat RMN

Numar circuite IPAT si prindere t...

Pareri brgimportchina.ro - teapa ...

Lucruri inaintea vremurilor lor
 Discuții despre TVR Sport HD.

Cost abonament clinica privata

Tremura toata, dar nu de la ro...

Renault Android
 

Acelasi cod HTML, mai multe scheme

- - - - -
  • Please log in to reply
9 replies to this topic

#1
Nemesis-

Nemesis-

    Zeitsã

  • Grup: Senior Members
  • Posts: 7,253
  • Înscris: 23.05.2011
Un structura HTML fixa cu:
  • antet (#header)
  • continut (#content)
  • meniu / bara principala (#menu)
  • bara secundara (#aside)
  • subsol (#footer)
Folosind CSS trebuie sa se poata schimba modul de afisare ale acestor elemente, cum ar fi:
[ https://i.imgur.com/cYVUt.png - Pentru incarcare in pagina (embed) Click aici ]

[ https://i.imgur.com/KBNGJ.png - Pentru incarcare in pagina (embed) Click aici ]

[ https://i.imgur.com/duLd1.png - Pentru incarcare in pagina (embed) Click aici ]
etc.

Conditii:
- structura HTML nu se schimba
- in HTML, antentul (#header) trebuie sa fie primul element, si continutul (#content) al 2lea
- trebuie sa suporte faux columns - de ex. fundalul de la #aside sa se extinda pana jos chiar daca are mai putin continut decat #content

Un exemplu (demo). Din pacate nu indeplineste toate conditiile Posted Image

Aveti ceva idei?

Edited by Nemesis-, 14 September 2012 - 13:37.


#2
RCG

RCG

    Senior Member

  • Grup: Senior Members
  • Posts: 2,386
  • Înscris: 20.09.2006
Ok, eu am gandit-o in felul urmator: tu ai nevoie de #header > #content > #menu pentru seo, corect?

Daca-i asa, atunci te poti folosi de urmatorul meu "cod":
index.html: http://pastebin.com/MQ0eBxzp
style.css: http://pastebin.com/kKCZ0ReN

Vezi ca in css ai toate cele 3 cazuri, doar ca primele 2 sunt comentate. Practic, dupa incarcarea documentului, dar inainte de incarcarea resurselor externe iti fac switch intre cele 2 blocuri. Astfel crawler-ul iti va vedea structura ta, utilizatorul va vedea interfata dorita.

Este cazul care mi-a venit imediat in cap in momentul de fata. Nu am mai facut "nivelarea" pe inaltime a blocurilor intrucat se rezolva foarte usor din css (spune-mi daca vrei si asta si o rezolv).Daca totusi nu vrei sa folosesti js-ul, iti voi face si varianta mai complicata.

Edited by RCG, 14 September 2012 - 14:05.


#3
trackback

trackback

    Active Member

  • Grup: Members
  • Posts: 1,394
  • Înscris: 04.08.2011

View PostRCG, on 14 septembrie 2012 - 14:01, said:

tu ai nevoie de #header > #content > #menu pentru seo, corect?
Scuze ca ma bag offtopic. Dar dpdv seo on page, structura asta are vreun avantaj fata de #header > #menu > #content > # aside > #footer ?

#4
OriginalCopy

OriginalCopy

    I'm harmful, fear me please! :))

  • Grup: Senior Members
  • Posts: 27,268
  • Înscris: 10.08.2006
Numai SEO aveţi în cap. E vorba de accesibilitate. Dacă dezactivez stilul din browser (de exemplu un browser de mobil mai retardat), voi vedea elementele în ordinea în care mă aştept să le văd.

Mai întâi au existat aceste lucruri elementare de user interface design, apoi a existat SEO (care de fapt doar încearcă să-i forţeze pe neştiutori să facă lucrul corect).

#5
RCG

RCG

    Senior Member

  • Grup: Senior Members
  • Posts: 2,386
  • Înscris: 20.09.2006
Cica asa zice seoista de unde lucrez. Pe mine ma bate seo-stuff.

@OC: sa ne intoarcem la back-end, te rog.

#6
RCG

RCG

    Senior Member

  • Grup: Senior Members
  • Posts: 2,386
  • Înscris: 20.09.2006
Deci? Vreun feedback?

#7
Nemesis-

Nemesis-

    Zeitsã

  • Grup: Senior Members
  • Posts: 7,253
  • Înscris: 23.05.2011
well toate acele conditii trebuie indeplinite, altfel nu se pune :P
si sa schimbi layoutul cu javascript nu e tocmai o idee buna.

o solutie de la un baiat cu care lucrez:
http://jsfiddle.net/NDpZr/

(javascriptul este folosit doar pt demonstratie)

#8
RCG

RCG

    Senior Member

  • Grup: Senior Members
  • Posts: 2,386
  • Înscris: 20.09.2006
Vezi ca baiatul are o problema: boala divitis si classitis http://www.apaddedce...nd-how-avoid-it

Mai ai nevoie de el? Il fac si fara js?

#9
Nemesis-

Nemesis-

    Zeitsã

  • Grup: Senior Members
  • Posts: 7,253
  • Înscris: 23.05.2011
orice alte variante sunt bine venite :D

intradevar sunt f multe div-uri acolo..

#10
RCG

RCG

    Senior Member

  • Grup: Senior Members
  • Posts: 2,386
  • Înscris: 20.09.2006
Long time, no see. Din pacate am ramas la stadul de "sa vad ce pot rezolva" intrucat saptamana aceasta am fost in curs de schimbare a locului de munca si a trebuit sa alerg dupa acte. Let's see:

Se accepta position:fixed in CSS?
Musai sa fie implementate faux columns in CSS sau pot fi si in JS?
Pana la urma care-i scopul aranjarii div-urilor sub forma header > content > menu?

Edited by RCG, 22 September 2012 - 23:07.


Anunturi

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate