Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1
    Utente di HTML.it L'avatar di colors
    Registrato dal
    Dec 2000
    Messaggi
    1,113

    Come si fa una pagina come questa???

    Ciao ragazzi sono affascinato dal layout delle pagine di macromedia : www.macromedia.it

    Ho salvato la pagina per studiare come è stata fatta ma l'unica cosa che mi fa vedere dreamweaver è quello che allegato, immagino che il perchè sia che hanno staccato il contenuto testuale dal layout grafico.
    Ma come hanno fatto ???
    Vedo che è stato realizzato in xhtml (che io non conosco), ma mi piacerebbe anche solo sapere come hanno fatto tutti gli sfondi arrotondati quindi in grafica mettendo su le scritte.

    Qualche aiuto?

  2. #2
    Prova a dare un'occhiata a questo per chiarirti le idee (:

  3. #3
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    bello come sito... ma prova con Mozilla a passare il mouse sul menu orizzontale in alto....
    viene solo un po' sovrapposto... :quipy:
    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  4. #4
    Io con mozilla lo vedo benissimo...

  5. #5
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    Originariamente inviato da Corinna
    Io con mozilla lo vedo benissimo...


    sarà il caso di aggiornare mozilla....
    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  6. #6
    Utente di HTML.it L'avatar di colors
    Registrato dal
    Dec 2000
    Messaggi
    1,113
    Originariamente inviato da Corinna
    Prova a dare un'occhiata a questo per chiarirti le idee (:
    Ciao Corinna il link che mi hai mandato è ...stupendo !!!

    Ho iniziato ora a leggerlo e spero di trovare anche una mini (meglio se maxi) guida su come poi realizzarli praticamente.(soprattutto su come impostare la grafica in quel modo :quipy: poco realizzabile con le tecniche 'normali'.
    Se hai già qualche altro aiuto su questo te ne sarei enormemente grato!



    p.s. Francis87 anch'io lo vedo bene

  7. #7
    allora qualche link:

    www.constile.org (già citato)
    www.alistapart.com
    www.diodati.org
    www.lucamascaro.info
    www.csszengarden.com
    www.html.it/css

    comunque la prima cosa che ti consiglio di studiare è l'xhtml e i css 2 ma con dreamweaver in versione visiva non vai tanto lontano
    Luca Mascaro
    Usability e Accessibility Engineer, User Interface Designer/Engineer
    NOW BLOG
    W3C HTML & WCAG WG Member for IWA/HWG

  8. #8
    Utente di HTML.it L'avatar di colors
    Registrato dal
    Dec 2000
    Messaggi
    1,113
    ciao blakwolf grazie mille per i link!

    Visto che finora ho usato dreamweaver mx, mi consigli qualche programma più valido???? Magari specifico per questo?

  9. #9
    Purtroppo i layout tabless non "funzionano" con gli editor WYSIWYG, quindi tanto vale un editor di testo con funzionalità avanzate, come Homesite e simili, IMHO.

  10. #10
    Utente di HTML.it L'avatar di colors
    Registrato dal
    Dec 2000
    Messaggi
    1,113
    Originariamente inviato da Corinna
    Purtroppo i layout tabless non "funzionano" con gli editor WYSIWYG, quindi tanto vale un editor di testo con funzionalità avanzate, come Homesite e simili, IMHO.
    La parola che hai usato (layout tabless) mi ha ha dato la chiave per capire, infatti ho fatto una ricerca in Macromedia e ho trovato questa chiarissima guida:

    http://www.macromedia.com/devnet/mx/...ss_layout.html

    che mi ha fatto capire perfettamente il posizionamento degli elementi tramite i css (certo che è proprio un'altra vita rispetto all'html con le sue tabelle
    e dove si fanno i layout tabless anche con dreamweaver mx.

    Ora la cosa che devo chiarire su come hanno fatto il layout del sito macromedia è:

    1) le grafiche, e per grafiche intendo il 'foglio di carta bianco con l'ombra sotto' dove sono poggiate le scritte-link-ecc è anch'esso un div con all'interno una grafica, che poi è posizionato sempre tramite css magari con un valore z che lo tiene sotto agli altri ???

    2) E la sfumatura sotto è sicuramente una riga ripetuta (già verificato) ma ho visto che non c'è sotto al 'foglio di carta per poi riprendere tutt'intorno


    Questi dubbi mi vengono poichè in momento di incertezza di caricamnento del browser ho visto apparire in sequenza:

    1^ la sfumatura
    2^ la testatina in flash
    3^ tutte le scritte del sito
    4^ i bordi superiori e inferiori (quelli arrotondati per intenderci)
    5^ il foglio bianco

    Potreste darmi una mano a capire? (è la prima volta che mi interesso di xhtml...ma già lo trovo stupendo )

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.