Come fare icone più piccole su una home page

September 11

Se è necessario apportare regolazioni rapide dimensioni alle icone sulla vostra Home Page, provare a ridimensionare nel vostro editor HTML. E 'sempre una buona idea di utilizzare editor di immagini per rendere le immagini e le icone più piccole, ma è anche possibile eseguire questa operazione, manipolando tag "img" del documento HTML. Dopo aver calcolato le dimensioni desiderate delle vostre icone, applicare tali valori alla larghezza del tag e gli attributi di altezza. Gli utenti che visitano la pagina iniziale vedranno le icone più piccole, non appena si carica il documento HTML modificato per il vostro web server.

istruzione

Calcola nuova icona Taglie

1 Avviare Internet Explorer e passare alla vostra home page.

2 Tasto destro del mouse su una delle icone sulla pagina, si apre la finestra Proprietà. Il nome del icona appare nella parte superiore della finestra. Scrivi quel nome verso il basso.

3 Trova l'etichetta "Dimensioni" che si trova nella parte inferiore della finestra. Un valore appare accanto a quella parola. Questo valore viene visualizzato altezza e la larghezza dell'icona. Sembra simile al valore indicato di seguito:

100 x 200 pixel

Il primo numero, 100, è la larghezza dell'icona. Il secondo numero rappresenta l'altezza.

4 Moltiplicare ogni numero di una quantità percentuale decimale. Se si desidera rendere l'icona 60 per cento della sua attuale dimensione, moltiplicare entrambi i numeri di 0,6. Ad esempio, se si moltiplica 100 x 200 pixel da 0,6, si ottiene 60 x 120 pixel. Scrivi i valori più bassi si arriva vicino ai valori di dimensione dei pixel attuali dell'icona.

5 Ripetere questi passaggi per ogni icona che si desidera ridimensionare. Al termine, si avrà un elenco di nomi di icone con i loro valori di dimensione dei pixel.

ridimensionare le icone

6 Lanciate il vostro editor HTML o un elaboratore di testi come Blocco note.

7 Aprire il documento a casa pagina visualizzata in Internet Explorer.

8 Individuare la sezione corpo del documento. Trovare il tag "img" all'interno della sezione del corpo che contiene il nome della prima icona annotato. Il tag img solito appare come illustrato di seguito:

<Img />

In questo esempio, il valore di src, "http://www.myHomePage.com/myIcon1.gif," indica la posizione del icona sul Web. Il valore che si vede dipende dalla posizione attuale URL del vostro prima icona.

9 Aggiungere il seguente testo dopo il valore URL nel tag img:

width = "X" height = "Y"

Sostituire "X" con il valore minore larghezza annotato. Sostituire "Y" con il valore di altezza inferiore annotato. Per esempio, se il vostro dimensioni ridimensionate sono 60 x 120 pixel, rendere il tag img risultante appaiono come segue:

<Img width = "60" height = "120" />

Il valore src "iconURL" è la posizione URL dell'icona sul web.

10 Ripetere questa procedura per le altre icone che si desidera effettuare più piccoli. Salvare il documento HTML, e visualizzarlo nel browser. Le icone appariranno con le dimensioni di larghezza e altezza impostate nel codice. Carica la pagina Web rivisto al server Web quando si è soddisfatti con le nuove dimensioni delle icone.

Consigli e avvertenze

  • Moltiplicando larghezza e l'altezza dello stesso fattore mantiene il proporzionale dell'immagine quando si effettua è più piccolo. Se si conosce già la larghezza e l'altezza delle icone, non è necessario utilizzare Internet Explorer per determinare quei valori.
  • Se non siete sicuri di quanto per ridimensionare le icone, provare diversi valori per l'altezza e la larghezza, e quindi visualizzare la pagina iniziale nel browser. Se si scopre che le dimensioni ancora bisogno di aggiustamenti, tornare al documento HTML, e modificare i valori altezza e larghezza. Salvare il documento, tornare al browser, e premere il tasto "F5". La pagina verrà aggiornata e vi mostrerà una vista aggiornata della tua home page.