Warning: include(../../header_telaio.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_grafica\definire_spazi.php on line 34

Warning: include(): Failed opening '../../header_telaio.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_grafica\definire_spazi.php on line 34


  H:
Buon Autunno e ...buon sabato!




Warning: include(../../path.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_grafica\definire_spazi.php on line 45

Warning: include(): Failed opening '../../path.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\sito_in_grafica\definire_spazi.php on line 45

ೡ Sito in grafica ~ Definire gli spazi

Vediamo ora come rendere funzionale la nostra base, inserendo delle table invisibili,
la maggior parte degli editor consentono di lavorare in "doppia visualizzazione", ovvero da una parte
possiamo vedere e scrivere il codice e dall'altra cosa stiamo facendo in anteprima, quindi
utilizzeremo questa opzione per inserire le varie table necessarie

- Io per abitudine inizio sempre con la parte dedicata al corpo, nella grafica, rappresentata
dalla striscia; e il tuo benedetto ordine direte voi!?! Ma c'è un motivo ^_^ ed è sempre l'ordine^^
definire la parte corpo per prima rende più semplice sistemare gli spazi del top poi...

In base alla grafica realizzata inseriremo una table con un numero di celle sufficienti
a creare degli specifici contorni, vi mostro degli stamp che visualizzano sia codice che anteprima

* Cliccate sugli stamp per avere le dimensioni reali


- Inserisco la classe nella table e sistemo i bordi delle celle dove mi servono

- Definisco le celle per il corpo e la colonna inserendo anche il tag  valign="top"
affinché i contenuti siano posizionati all'inizio delle celle

- una parte è fatta...

- E ora sistemo il footer, ma non inserirò il tag  valign="top" in questo pazio non serve

E ora vediamo come sistemare il top, considerando la base che ho realizzato userò dei div
per definire dei piccoli spazi dove scriverò info e inserirò degli accessori.
Se la vostra grafica lo permette inserite una table procedendo come per il corpo e il footer

- Per comodità inserirò i div direttamente nel codice, poi li riporterò nei css

Se ne avete la possibilità con il vostro editor, per fare questi lavori è comodo utilizzare
la visualizzazione che su FrontPage si chiama "Normale" cioè, che permette di lavorare direttamente
sulla pagina, (anteprima attiva^^) quindi vedere sulla base grafica il punto in cui posizionare il div

Clicca per vedere il codice del body

[...]
<body>

<div id="header">

<div style="position: absolute; width: 379px; height: 100px; z-index: 1; left:718px; top:34px" id="livello1">
Qui scriverò delle info... e un benvenuto</div>

<div style="position: absolute; width: 219px; height: 100px; z-index: 1; left: 874px; top: 155px" id="livello2">
Qui inserirò dei bottoni per<br>
i social network</div>

</div>

<div id="corpo">
<table class="base" cellpadding="0" cellspacing="0" width="96%">
<tr>
<td width="15">&nbsp;</td>
<td valign="top"><!-- Inizio body -->
- Corpo -
<!-- Fine body --></td>
<td width="12">&nbsp;</td>
<td width="273" valign="top"><!-- Inizio colonna -->
- Colonna -
<!-- Fine colonna --></td>
</tr>
</table>
</div>

<div id="footer">
<table class="base" cellpadding="0" cellspacing="0" width="96%">
<tr>
<td width="15" height="90">&nbsp;</td>
<td><!-- Inizio footer -->
- Footer -
<!-- Fine footer --></td>
<td width="12">&nbsp;</td>
<td width="273" valign="top">&nbsp;</td>
</tr>
</table>
</div>

</body>
[...]

La parte "grafica" è sistemata ora posso inserire i contenuti,
devo rifinire lo style e in caso aggiungerò altri parametri per un menu e accessori,
ma vedremo come fare ...nella prossima pagina ^_^

Pagine - 1 | 2 | 3 | 4 | 5 | 6

Spero di essere stata chiara in ogni passaggio in caso contrario scrivetemi nel commentario

Buon proseguimento e buon sito...



Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* ♥ Gif...

  





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\definire_spazi.php on line 204

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\definire_spazi.php on line 204


•°o.Pagina visitata da 985 utenti

ೡ Per iniziare...


ೡ Sito in table


ೡ Sito in grafica


ೡ Guida FrontPage


Tutorial e guide
Un sito su AlterVista



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


Vota il telaio nelle top, Grazie

Basi pronte siti web e blg blogger

♥ Penelope Gif & co...


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






I vostri messaggi...


Warning: file(../commentario/db_prova.txt): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\commentario\ante_mex_pagine.php on line 4