ೡ Sito in grafica ~ Base graficaPer realizzare un sito in grafica occorre essere un pochino pratici sia di grafica ovviamente,che di html in quanto si dovrà preparare la base, tagliarla in determinati pezzi, quindi ricomporla e scrivere il codice che permetterà di riempire i vari spazi realizzati, un esempio pratico è il telaio ^_^ Facciamo mente locale su come realizzare la base, come sistemare gli spazi, i colori e le immagini da usare, tenendo presente la natura del sito, ovvero quali ne saranno i contenuti, in questo la grafica ci aiuta molto. Un'altra cosa da considerare è la misura in larghezza con cui realizzarla, in genere mi tengo sui 1000/1050 pixel affinché sia visibile senza problemi con la maggior parte degli schermi, evitando così lo scroll orizzontale^^ N.B.: A meno che non troviate uno sfondo fantasia abbastanza compatto da utilizzare evitate, meglio usare i colori, la parte che useremo per il corpo sarà una piccola striscia che si deve ripetere quindi se fosse presente un disegno se ne vedrebbe sempre lo stesso pezzetto, un piccolo esempio pratico, questa è la striscia (ridotta) che si ripete nella grafica di questo spazio... - Vediamo come procedere, apriamo il programma di grafica, io userò PSP X2 Realizzerò un sito-esempio dedicato a... cani e gatti =^_^= Per prima cosa preparo una nuova base che misura 1000px x 800px con uno sfondo-colore, a cui aggiungerò un bordo di 15px con uno sfondo fantasia molto semplice (Clicca sullo stamp per ingrandire) Ora aggiungerò una nuova immagine per lo spazio che voglio dedicare alla parte dei contenuti, delle immagini di cani e gatti e il titolo... una cosa molto semplice tanto per darvi un'idea, non vi farò un corso di grafica, ma mi serve una base "giusta" per mostrarvi come scrivere il codice, che sarà più impegnativo rispetto ad un sito realizzato con le table (Clicca sullo stamp per ingrandire) E ora procederemo con un'operazione alla quale dovremmo dedicare particolare attenzione, divideremo la base in tre parti e visto che ho messo un bordo fantasia cercherò di tagliare la striscia per il body in modo che nel ripetersi non crei un effetto brutto O_o - Per "tagliare" la base userò Microsoft Office Picture Manager * Taglio per la parte superiore, il top Guarda gli stamp per i particolari dei tagli: Stamp 1 || Stamp 2 * Taglio per la striscia Stamp per i particolari dei tagli: Stamp 1 || Stamp 2 * Taglio per la parte inferiore, footer Stamp per i particolari dei tagli: Stamp 1 || Stamp 2 Bene la base è pronta quindi apriamo il nostro editor e vediamo come scrivere il codice^^ ...nella prossima pagina
Spero di essere stata chiara in ogni passaggio in caso contrario scrivetemi nel commentario Buon proseguimento e buon sito...
Warning: include(../../pubblicita_striscia.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_grafica\base_grafica.php on line 128 Warning: include(): Failed opening '../../pubblicita_striscia.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_grafica\base_grafica.php on line 128 •°o.Pagina visitata da 1451 utenti |
ೡ Per iniziare...ೡ Sito in tableೡ Sito in graficaೡ Guida FrontPageTutorial e guide Warning: include(../../pubblicita_cubo_2.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 19 Warning: include(): Failed opening '../../pubblicita_cubo_2.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 19 Warning: include(../../menu/menu_feste.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 33 Warning: include(): Failed opening '../../menu/menu_feste.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 33 |
|||||||
|