June 7
Tradurre le vostre idee di design in una, lavorando pagina web attuale a volte può essere difficile. Potrebbe essere necessario scendere a compromessi a causa dei limiti Hypertext Markup Language (HTML) e Cascading Style Sheets (CSS). Per esempio, è possibile utilizzare i CSS per forzare una foto per sovrapporre una tabella HTML, ma l'immagine non può essere parte del tavolo. È possibile inserire il vostro tavolo all'interno di un "<div>" che è più largo e più alto rispetto alla tabella e utilizzare l'immagine come immagine di sfondo "<div>". Se l'attributo di colore sfondo della tabella è impostata su "trasparente", l'immagine sarà visibile attraverso e si sovrappongono al tavolo.
1 Fare clic sul pulsante "Start", "Tutti i programmi" e "Accessori". Clicca su "Blocco note" o il nome di un altro editor di testo.
2 Digitare il seguente codice nel editor di testo, sostituendo "yourimage.jpg" con la posizione e il nome dell'immagine che si desidera mostrare attraverso e attorno al tavolo.
<Html>
<Body>
<Div style = "width: 450px; height: 350px; background-image: url (yourimage.jpg);">
<Table width = 350 border = 1 style = "background-color: trasparente">
<Tr>
<Td width = "50%"> Colonna prima riga 1 </ td>
<Td width = "50%"> Colonna prima riga 2 </ td>
</ Tr>
<Tr>
<Td> Colonna Seconda riga 1 </ td>
<Td> Colonna seconda fila 2 </ td>
</ Tr>
</ Table>
</ Div>
</ Body>
</ Html>
3 Fai clic su "File" e "Salva". Salvare sotto il nome del file "test.html."
4 Fare clic sul pulsante "Start", "Tutti i programmi" e "Internet Explorer" o il nome di un altro browser web. Fai clic su "File" e "Apri file".
5 Individuare il file "test.html" che si è creato, selezionarlo e cliccare su "Apri".