• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Creare un sito web, con immagini

.:GiNo94:.

Utente Assiduo
Autore del topic
22 Maggio 2008
510
0
Miglior risposta
0
Prima cosa spero nel rilievo xkè credo sia importante

Oggi vi posto una guida per creare un semplice sito web con poche tabelle e semplici passaggi.

Prima cosa creiamo delle immagini, usiamo in questo caso Paint xkè lo posseggono la maggior parte degli utenti ed è molto semplice.
Creiamo una specie di rettangolo come questo nella foto, ma della grandezza del sito (noi lo faremo di 400px).

img1yb2.png

Ecco, e successivamente creiamo un logo. Abbiamo 2 possibilità:

1) Crearlo sull'immagine.
2) Crearlo su un immagine trasparente che andrà col codice html <img src="">

Useremo la prima possibilità!
Riapriamo l'
Perfavore, Entra oppure Registrati per vedere i Link!
e scriviamoci un logo o disegnamocelo.. insomma abbellitela a vostro piacimento! Ecco la mia:

img1ew9.png

Per fare l'ombra dell'immagine Scrivetelo prima col nero poi lo riscrivete col rosso e spostate il textarea :emoji_relieved:

dettagli dell'immagine:
larghezza/width = 400
altezza height=100
teneteli presente perche li troveremo e li dovrete sostituire
A questo punto bisognerà codarla!

Apriamo il blocco note e prima di cominciare a codare scriviamo questo:

<html>
<head><title>Titolo della pagina</title></head>
<body background="url di uno sfondo">

<!-- Creiamo la Tabella contenente l'immagine -->

<table width="400" height="100" border="0" align="center" background="LINK IMMAGINE"><td></td></table>

****************************************************
Adesso abbiamo bisogno di un immagine per fare la parte centrale del sito
creiamone una come questa:

img2um4.png

Il codice che segue lo aggiungiamo a quello di prima lasciando un po di spazio per non confonderci tanto lo spazio non cambia nulla.

<table width="400" align="center" border="0" background="LINK IMMAGINE">
<td width="25%">
Menu <br>
Link <br>
Link <br>
</td>
<td width="75%">
Questa parte qui sarà dedicata esclusivamente al contenuto :emoji_relieved::emoji_relieved::emoji_relieved::emoji_relieved:
</td>
</table>


Adesso Ci Tocca Fare la parte finale del sito, la tabella che io chiamo end. :emoji_relieved:

Cominciamo a creare un immagine come questa:

img1ex6.png

Codice:

<table width="400" height="13" border="0" align="center" background="LINK IMMAGINE">
<td></td></table>

ecco come sarà il sitino :emoji_relieved:
img1ew9ff1.png

ovviamente potete inserire immagini con questo codice:
<img src="linkdell'immagine">
e mettere delle piccole tabelle nei td della tabella centrale!

*********************************************
Questa guida è stata creata per non rispondere sempre allo stesso modo ogni nuovo utente che si iscrive e chiede come si crea un sito web, spero la pensiate come me :emoji_smiley:
 
Ultima modifica:
Gli utenti che si distinguono vanno premiati in qualche modo ^^
 
Le discussioni vengono solamente linkate nel topic in rilievo Discussioni Importanti della Discussione.
 
io ritengo importante sapere come si fanno e saperli fare, poi se volete mettere sempre l'uso dei programmi in mezzo fate pure ma io i siti li faro sempre a mano nel vekkio modo.
 
io ritengo importante sapere come si fanno e saperli fare, poi se volete mettere sempre l'uso dei programmi in mezzo fate pure ma io i siti li faro sempre a mano nel vekkio modo.
Blocco Note per sempre.

Io preferisco usare il CSS che creare delle tabelle.
 
Ketto ha ragionissima... non c'è gusto ad usare un programma per creare una pagina web, quando abbiàmo il fidato blocco note.

Alla fine quando vedi il risultato finale, pensi che è frutto di un semplice blocco note e ore di lavoro, proverai una soddisfazione inimmaginabile :emoji_smiley:
 
infatti è per questo che voglio che anke gli altri imparino
cmq faccio un salto nelle discussioni in rilievo vedo se c'è già la guida al css
ne posto una :emoji_relieved: