Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Poligon auto București

nelamurire legata de pret la mode...

Hotel cu restaurant si Demipensiu...

Croaziera in Mediterana de Vest 1...
 Copilot are pica pe Vladimir Putin

MicroSoft Edge: Cum pun Google in...

Dashcam

Mini server - VMware
 betano.ro

Poveste fara sfarșit

I-auziti voi! - nu vor romani...

Colon iritabil
 Perioada de gratie inexistenta

Cel mai ieftin TV LED mic

Reverse proxy si htaccess pe Raps...

Statie de epurare sau fosa septic...
 

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 spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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