immagini width Explorer 7

Come faccio a creare una galleria di immagini in HTML?

May 22

Come faccio a creare una galleria di immagini in HTML?


Una galleria di immagini sulla tua pagina blog o web può essere un interessante complemento al tuo sito. Oltre a consentire di visualizzare le immagini dei vostri amici e parenti, una galleria di immagini in grado di consentire a una persona che possiede un sito commerciale per visualizzare le immagini di prodotti o servizi che offre. Mentre una buona dose di abilità HTML sono necessari per creare una galleria di immagini, si dovrebbe anche essere una certa familiarità con il linguaggio di programmazione CSS.

istruzione

1 Accedi al tuo web server o blog e passare alla pagina su cui si desidera creare la galleria di immagini.

2 Fare clic sul punto della pagina in cui si desidera inserire la galleria di immagini.

3 Incollare il seguente codice CSS appena sotto il tag <html> nella tua pagina:

<Head>

<Style type = "text / css">

div.img

{

margin: 2px;

border: 1px solid # 0000FF;

height: auto;

width: auto;

float: left;

text-align: center;

}

div.img img

{

display: inline;

margin: 3px;

border: 1px solid #FFFFFF;

}

div.img a: hover img

{

border: 1px solid # 0000FF;

}

div.desc

{

text-align: center;

font-weight: normal;

width: 120px;

margin: 2px;

}

</ Style>

</ Head>

4 Tipo <body> nella riga successiva dopo il codice CSS per significare che il vostro corpo del testo seguirà.

5 Incollare il seguente codice HTML:

<Div class = "img">

<a target="_blank" href="http://www.link1here.com">

<Img alt = "Prima immagine" width = "110" height = "90" />

</a>

<Div class = "disc"> Aggiungere una descrizione dell'immagine qui </ div>

</ Div>

<Div class = "img">

<a target="_blank" href="http://www.link4here.com">

<Img alt = "seconda immagine" width = "110" height = "90" />

</a>

<Div class = "disc"> Aggiungere una descrizione dell'immagine qui </ div>

</ Div>

<Div class = "img">

<a target="_blank" href="http://www.link4here.com">

<Img alt = "terza immagine" width = "110" height = "90" />

</a>

<Div class = "disc"> Aggiungere una descrizione dell'immagine qui </ div>

</ Div>

<Div class = "img">

<a target="_blank" href="http://www.link4here.com">

<Img width = "110" height = "90" />

</a>

<Div class = "disc"> Aggiungere una descrizione dell'immagine qui </ div>

</ Div>

6 Sostituire "http://www.link1here.com" o "http://www.link2here.com", ecc nel passaggio 5 con il collegamento reale che si desidera aprire quando l'immagine designato viene cliccato.

7 Sostituire "image1.jpg," "image2.jpg", ecc con il percorso del file effettivo dell'immagine che si desidera inserire nella galleria.

8 Sostituire "alt =" Prima immagine "o" alt = "seconda immagine," e così via con il testo alternativo che si desidera visualizzare per i non vedenti.

9 Sostituire "Aggiungere una descrizione dell'immagine qui" con una didascalia o una descrizione dell'immagine.

10 Chiudere la galleria con tag di chiusura per il corpo e documento HTML. I tag dovrebbe essere simile a questo:

</ Body>

</ Html>

11 Fai clic su "Pubblica" sul tuo blog o web server.

Come fare una mappa immagine CSS

July 17

Come fare una mappa immagine CSS


mappe immagine CSS consentono agli sviluppatori di inserire punti caldi all'interno delle immagini che contengono link ad altre pagine web. Ad esempio, un punto caldo può essere posizionato intorno al volto di una persona nell'immagine che contiene un link alla loro pagina web personale. Quando un utente posiziona il mouse sopra il viso della persona apparirà una forma che delinea l'area hot spot. Creazione di una mappa immagine CSS comporta chiamando un'immagine in formato HTML e quindi impostando i corrispondenti codici CSS tra l'html <head>. In questo articolo dimostra come fare una mappa immagine degli occhi e il naso su un ritratto Ginevra de Benci dipinta da Leonardo da Vinci.

istruzione

Mappatura It Out

1 Creare due pagine web collegate. Questo esempio crea una per gli occhi e uno per il naso. La pagina di occhi leggerà "Questi sono gli occhi" e la pagina del naso il messaggio "Questo è il naso." Il codice HTML di esempio crea le due pagine:
<Html>
<Head>
<Title> Occhi </ title>
</ Head>
<Body>
<H1> Questi sono gli occhi! </ H1>
</ Body>
</ Html>

2 Creare i tag HTML per l'immagine. Aprire un documento vuoto e utilizzare il seguente codice per richiamare l'immagine dalla directory. Si dovrà cambiare il nome e le specifiche dimensioni della tua immagine:
<Html>
<Head>
<Title> Face </ title>
<Div id = "image">
<Img width = "550" height = "425" />
</ Div>
</ Body>
</ Html>

3 Aggiungere collegamenti alle immagini all'interno di un tag lista non ordinata. Per aggiungere i collegamenti inserire il seguente codice tra l'immagine e il tag di divisione:
<Ul>
<Li class = "d_eyes">
<a titolo href="eyes.html" = "eyes">
occhi
</a>
<Li class = "d_nose">
<a titolo href="nose.html" = "nose">
naso
</a>
</ Li>
</ Ul>
Si consiglia di cambiare i nomi di classe per soddisfare al meglio la vostra immagine.

4 Creare il CSS per l'immagine. Il seguente codice deve andare tra i tag </ title> e </ head> del documento HTML:
<Style type = "text / css">

Immagine {

width: 550px;
altezza: 425px;
position: relative;
}

immagine ul {

margin: 0;
padding: 0;
list-style: none;
}
È possibile regolare i valori più vi piace. Ad esempio, è possibile scegliere di aggiungere un valore per imbottitura immagine. Assicurarsi che il riferimento corrisponde al nome div. In questo esempio è "immagine". Si può scegliere un altro come "immagine" o "pic" etc.

5 Creare il CSS per i collegamenti. Il codice CSS seguente colloca due punti caldi separati sopra gli occhi e il naso:

immagine .d_eyes un {

position: absolute;
width: 100px;
Altezza: 20px;
text-trattino: -1000em;
}

immagine .d_nose un {

position: absolute;
width: 40px;
Altezza: 20px;
text-trattino: -1000em;
}

immagine .d_eyes un {

top: 140px;
sinistra: 270px;
}

immagine .d_nose un {

top: 180px;
sinistra: 300px;
}

immagine a: hover {

border: 5px solid # 000000
}
</ Style>
Naturalmente, le specifiche variano come la vostra immagine sarà diverso. Un software di progettazione grafica come Coral Draw o Adobe Photoshop in grado di fornire informazioni sulla posizione dei pixel. Tuttavia, si può sempre trovare la posizione corretta per tentativi ed errori pure. Salvare la pagina nella stessa directory come gli altri due file.

6 Come fare una mappa immagine CSS


Testare la mappa immagine. Vai alla directory in cui vengono salvati i file e fare doppio clic sul file HTML in cui appare l'immagine. Si dovrebbe vedere la vostra immagine nel browser. Eseguire con il mouse in cui sono stati collocati i punti caldi. Vedrete comparire una cornice nera. Fare clic all'interno della cornice e si apriranno le pagine di riferimento.

Consigli e avvertenze

  • Prova con una piuttosto grande prima immagine quanto sono più facili per lo sviluppo di mappe immagine.
  • Assicurarsi che i vostri riferimenti CSS corrispondono ai nomi di riferimento del HTML. In caso contrario, la mappa immagine non riuscirà a eseguire.

Come ridimensionare le immagini in PHP

November 5

Come ridimensionare le immagini in PHP


PHP fornisce una funzione per ottenere la larghezza e l'altezza di un'immagine. Con queste informazioni ed alcuni semplice matematica, è possibile ridimensionare un'immagine per scopi di visualizzazione senza l'uso di una libreria grafica. Se si vuole definitivamente ridimensionare un'immagine è necessario utilizzare una libreria grafica. PHP fornisce le funzioni di utilizzare la libreria grafica GD per manipolare le immagini.

istruzione

1 Ottenere le dimensioni di un file di immagine utilizzando la funzione "getimagesize" in PHP. Cattura il valore restituito dalla funzione ed estrarre la larghezza e l'altezza dell'immagine. Ad esempio, digitare:

<? Php

define ( "WIDTH", 0);

define ( "altezza", 1);

$ Image_size = getimagesize ( "myimage.jpg");

$ Width = $ image_size [WIDTH];

$ Height = $ image_size [HEIGHT];

2 Impostare le variabili pari alla larghezza e l'altezza di destinazione per il ridimensionamento. Ad esempio, digitare:

$ Target_width = 100;

$ Target_height = 100;

3 Calcolare il rapporto tra la nuova larghezza ed altezza vecchia e selezionare il più basso dei due rapporti. Calcolare la nuova larghezza ed altezza basato su questo rapporto. Ad esempio, digitare:

$ Ratio_width = $ target_width / $ larghezza;

$ Ratio_height = $ target_height / $ altezza;

$ Ratio = min ($ ratio_width, $ ratio_height);

$ New_width = intval ($ rapporto * $ larghezza);

$ New_height = intval ($ rapporto * $ altezza);

?>

4 Visualizzare l'immagine con la nuova dimensione, includendo la "larghezza" e "altezza" attributi nel tag HTML "IMG". Ad esempio, digitare:

<Img alt = "La mia immagine" width = "<? Php echo $ new_width?>" Height = "<? Php echo $ new_height?>" />

5 Ridimensionare l'immagine in modo permanente con la creazione di una copia dell'immagine come nuova immagine e il ridimensionamento che nuova immagine con la funzionalità fornita dalla libreria grafica GD. Ad esempio, digitare:

<? Php

$ Image = imagecreatefromjpeg ( "myimage.jpg");

$ New_image = imagecreatetruecolor ($ target_width, $ target_height);

imagecopyresampled ($ new_image, $ immagini, 0, 0, 0, 0, $ target_width, $ target_height, $ larghezza, altezza $);

6 Visualizzare l'immagine ridimensionata. Ad esempio, digitare:

imagejpeg ($ new_image, null, 100);

?>

Consigli e avvertenze

  • È possibile controllare per vedere se la libreria grafica GD viene installato per la visualizzazione delle informazioni biblioteca. Se non viene visualizzato nulla, la biblioteca non è installato. Per esempio, in una riga di comando, digitare:
  • php -r "echo gd_info ();"

Come inserire un'immagine in una pagina web

November 13

Come inserire un'immagine in una pagina web


Hypertext Markup Language (HTML) è il nome formale dato al codice che controlla il contenuto e l'aspetto delle pagine Web. HTML consente di includere una vasta gamma di elementi in una pagina, tra cui intestazioni, paragrafi, tabelle, elenchi puntati e immagini. Fino a quando si dispone di una copia di una pagina Web salvata sul computer, l'inserimento di un'immagine richiede l'inserimento di una sola riga di codice HTML. Una volta capito la sintassi corretta per questo codice, aggiungendo l'immagine richiede solo pochi click.

istruzione

1 Inserire il file immagine che si desidera inserire nella vostra pagina Web nella stessa cartella della pagina.

2 Aprire o un programma di editing pagina Web visivo (ad esempio, Adobe Dreamweaver, Microsoft Expression Web) o uno strumento di modifica del testo (ad esempio, Microsoft WordPad, Blocco note).

3 Fai clic su "File" nella barra dei menu in alto del programma selezionato e scegliere "Apri". Individuare il file di pagina Web nella finestra di dialogo risultante e aprirlo con un doppio clic sulla sua icona.

4 Fare clic sull'area della pagina Web in cui si desidera inserire il file di immagine e quindi fare clic sul pulsante "Codice" o "HTML" per visualizzare il codice HTML associato. Se si utilizza un programma di editing di testo, navigare manualmente alla riga di codice in cui si desidera che l'immagine inserita, invece.

5 Premere il tasto "Enter" per creare una riga vuota.

6 Aggiungere il seguente codice alla riga vuota appena creato:

<Img alt = "Descrizione immagine">

7 Sostituire il valore "file_name.jpg" con il nome del file e file con estensione effettiva dell'immagine selezionata al punto 1. Anche se molti file utilizzano l'estensione .jpg, .gif, .png e formati .bmp sono anche comuni.

8 Sostituire il valore "Descrizione immagine" con una breve descrizione di ciò che l'immagine rappresenta. Questo permette agli utenti non vedenti o poveri lungimiranti per capire il contenuto dell'immagine anche quando non si vede.

9 Fai clic su "File" nella barra dei menu superiore del vostro programma di editing e selezionare "Salva" per confermare le modifiche.

Consigli e avvertenze

  • Se si conosce la larghezza e l'altezza della tua immagine, in termini di pixel, specificare queste informazioni nel codice HTML. Questi valori sono rappresentati utilizzando il seguente formato:
  • <Img src = "file_name.jpg" alt = "Descrizione immagine" width = "500" height = "350">

Codici di immagine per HTML con larghezza e altezza

November 21

Codici di immagine per HTML con larghezza e altezza


creatori di siti web possono includere immagini sulle loro pagine utilizzando semplice codice HTML. La maggior parte dei siti web utilizzano una combinazione di codice HTML e Cascading Style Sheet per determinare il layout e l'aspetto di elementi, tra cui le loro dimensioni. Siti web non hanno bisogno di specificare la larghezza e l'altezza delle immagini per impostazione predefinita, ma possono scegliere di farlo utilizzando sia codice HTML e CSS. Specificando l'altezza e la larghezza delle immagini nelle pagine Web è in genere semplice.

Gli attributi HTML

codice di una pagina web può specificare larghezza e altezza per un'immagine utilizzando attributi dell'elemento dell'immagine. Il codice di esempio seguente illustrata la creazione di un'immagine e specificando la larghezza e l'altezza nella stessa riga di codice: <img alt = "immagine" width = "200px" height = "150px" />

Questo codice specifica l'immagine, che in questo caso sarebbe stato memorizzato in una directory chiamata "immagini", nella stessa directory come pagina Web stesso. Gli attributi di larghezza e altezza sono opzionali, quindi, se non sono inclusi l'immagine verrà visualizzata alle sue dimensioni predefinite.

CSS selettori

codice della pagina Web può applicare larghezza e altezza per le immagini con gli attributi class e id. codice CSS utilizza questi attributi per identificare gli elementi HTML in una pagina, l'attuazione delle regole di stile specificati su tali elementi. Il seguente codice HTML crea un'immagine con un attributo ID: <img alt = "immagine" id = "pic" />

Un attributo ID specifico dovrebbe apparire solo una volta all'interno di una singola pagina Web. Il codice CSS in dotazione o sono legati al dall'interno della sezione della pagina testa può di questa immagine come segue:

pic {

width: 200px;

altezza: 150px;

}

Il seguente codice HTML dichiara un'immagine con un attributo class: <img alt = "immagine" class = "pic" />

codice CSS può lo stile in questo modo:

img.pic {

width: 200px;

altezza: 150px;

}

CSS Inline

codice CSS può stile elementi di immagine HTML direttamente all'interno della pagina markup. La seguente sintassi HTML illustra questa tecnica: <img alt = "immagine" style = "width: 200px; height: 150px" />

Questo ha un effetto simile al codice che specifica la larghezza e altezza attributi dell'elemento dell'immagine. Se la larghezza e l'altezza specificata non sono le dimensioni naturali del file immagine, far rispettare larghezza e altezza possono distorcere l'immagine come appare all'interno della pagina Web.

elemento padre

codice della pagina web può specificare alcune regole di stile per le immagini facendo riferimento ai loro elementi padre. Il seguente codice HTML dichiara un'immagine all'interno di un elemento "div" con un attributo class specifica: <div class = "picholder"> <img alt = "immagine" /> </ div>

Il codice CSS per la pagina potrebbe specificare styling per l'immagine e l'elemento principale come segue:

div.picholder {

width: 400px;

altezza: 300px;

}

div.picholder img {

width: 50%;

altezza: 50%;

}

Questo codice specifica le dimensioni dell'elemento di immagine come un valore percentuale della larghezza specificata e l'altezza per l'elemento tenendolo.

Come fare scorrimento banner su un sito web

September 17

Diversi modi esistono per creare un banner con testo scorrevole. Il modo più semplice per avere un'idea di come funziona il processo è quello di creare un banner con un programma di editing di testo come Blocco note che fa parte di Windows. Nel Blocco note è possibile creare un breve pagina web dimostrazione con lo scorrimento funzionalità utilizzando alcuni elementi HTML o codice di script come JavaScript o VBScript. è preferito JavaScript perché è un po 'più compatibile con tutti i browser. Con il software più sofisticato, è possibile rendere le immagini di scorrimento pure, ma le complicazioni di questo processo andare oltre lo scopo di questo articolo.

istruzione

1 Creare un banner a scorrimento base aprendo il Blocco note dal menu "Start" di Windows. Il programma si trova nel gruppo "Accessori". In Blocco note, digitare le seguenti righe esattamente come mostrato. Questo codice crea una riga di testo che viene letto un carattere per volta e continuamente urtato a destra con i comandi "sottostringhe". Il testo appare quindi in una forma inserito nella pagina web in una posizione banner nella parte superiore dello schermo. Per rendere il testo di scorrimento più lento, aumentare il numero nella riga "setTimeout". Diminuire il numero di accelerare il rotolo. Il colore di sfondo (BGCOLOR) può essere qualsiasi colore desiderato. <br /> <br /> <Html> <br /> <head> <br />> </ head> <br /> <SCRIPT LANGUAGE = \ " JavaScript \ "> <br /> var SCR =". . . . "+ \" Queste parole non mancherà di tenere lo scorrimento attraverso il banner .... \ "funzione <br /> ScrollAlong () <br /> <br /> {Temp = scr.substring (0,1) <br /> GO <br /> SCR + = temperatura <br /> SCR = scr.substring (1, scr.length) <br /> <br /> GO document.BannerScroll.Banner.value = scr.substring (0,55) < br /> <br /> GO setTimeout (\ "ScrollAlong () \", 100) <br /> <br /> GO} <br /> </ SCRIPT> <br /> <BODY BGCOLOR = \ "# 00FF00 \ "onLoad = \" ScrollAlong () \ "> <br /> <form name = \" "> <br /> <div align = \" centro \ "> <br /> <input name = \" BannerScroll \ Banner \ "type = \" "value = \" text \ \ "size = \" 90 \ "/> <br /> </ div> <br /> </ body> <br /> <html> <br /> <br /> Salvare il file con un nome di vostra scelta di sostituire il predefinito ".txt" prolunga con ".html". Guarda il risultato per localizzare il file sul PC, cliccando su "Apri con" e scegliendo "Internet Explorer" o il vostro browser web preferito.

2 Sovrapporre il testo scorrevole su un'immagine per un look più elaborato. Questo metodo posiziona un tavolo nella parte superiore della pagina web. Essa si basa poi sull'elemento "Marquee" e molti altri comandi per controllare la direzione, ritardo di ripetizione e la dimensione del testo a scorrimento. Sostituire l'immagine nella linea che comincia con "<td background" con il nome del file e l'ubicazione dell'immagine desiderata. Modificare i colori per quello che vuoi. Modificare il "scrolldelay" e altri controlli per soddisfare il vostro testo. <br /> <br /> <Html> <br /> <head> <br /> </ head> <br /> <body> <br /> <table width = \ "500 \" height = \ "150 \" border = \ "2 \" align = \ "centro \"> <br /> <tr> <br /> <td background = \ "C: [utilizzare la propria immagine qui] "bgcolor = \" # FFFFFF \ "> <font size = \" 4 \ "face = \" Arial \ "color = \" # 000000 \ "> <b> <br /> < tendone direzione = \ "giusto \" scrolldelay = \ "200 \" comportamento <br /> = \ "scroll \" scrollamount = \ "20 \" width = \ "700 \" height = \ "50 \" loop = \ "true \"> <br />... Questo testo sarà continuare a scorrere attraverso il banner... <br /> </ marquee> </ b> </ font> </ td> <br /> </ tr > <br /> </ table> <br /> </ body> <br /> </ html> <br /> <br /> Salvare il file e visualizzarlo come al punto 1.

3 Fare dello scorrimento del testo nella parte superiore dell'immagine con un tag "div" e aumentare le dimensioni con un tag "H2". Modificare il codice nel passaggio 2 come segue, quindi salvare e vista come indicato. <br /> <br /> <html> <br /> <head> <br /> </ head> <br /> <body> <br /> <div> <br /> <direzione marquee = \ " giusto \ "scrolldelay = \" 200 \ "comportamento <br /> = \" scroll \ "scrollamount = \" 20 \ "width = \" 700 \ "height = \" 50 \ "loop = \" true \ "> <br /> <h2>. Questo testo sarà continuare a scorrere attraverso il banner. . . </ H2> <br /> </ marquee> <br /> <img src = \ "[Inserire il nome del file e la posizione dell'immagine] \" width = \ "1000 \" height = \ "175 \" /> <br /> </ div> <br /> </ body> <br /> </ html>

4 Inserire il codice del banner nella tua pagina web quando soddisfatto e caricarlo sul vostro host web.

Consigli e avvertenze

  • La prima versione di questo codice di scorrimento utilizza controlli Active-X. A seconda delle impostazioni di sicurezza del browser web, si può ottenere un messaggio indicante Windows ha bloccato l'esecuzione del controllo e chiedendo l'autorizzazione a procedere. In questo caso è sicuro di procedere in quanto il file è sul proprio PC. <br /> <br /> A meno banner scorrimento vengono cambiati frequentemente, ad esempio con notizie, essi possono diventare noioso per i visitatori frequenti.
  • È necessario salvare questi file di testo come file HTML o il processo striscione scorrimento non funziona. <br /> <br /> Non tutti i browser web supportano l'elemento Marquee. Pensare di aggiungere testo leggibile pure.

Tutorial per traslucidi forme per Medusa in Illustrator

May 16

Imparare a fare le figure traslucide per meduse in Illustrator in modo da poter creare scene subacquee contenenti questa creatura. strumenti di stratificazione di Illustrator rende traslucenza possibile. I livelli sono lucidi virtuali che si impilare uno sopra l'altro per formare una immagine unitaria. Illustrator consente di effettuare strati parzialmente trasparente, che li rende traslucido. È possibile utilizzare ciò che si applica in questo progetto per illustrare altre immagini traslucide, come alcuni tipi di vetro o di sostanze gelatinose.

istruzione

1 Fare clic sull'icona tavolozza degli strumenti a forma di ellisse per entrare in modalità di disegno di ellisse, quindi trascinare sullo schermo per creare un'ellisse la cui larghezza è circa due volte più grande come la sua altezza. Ciò costituisce la forma di base della medusa, che verrà ora forma.

2 Fare clic sull'icona freccia bianca dalla tavolozza degli strumenti per eseguire lo strumento "Selezione diretta", quindi fare doppio clic sul fondo dell'ellisse medusa di accedere alla modalità per la modifica di forme.

3 Trascinare leggermente verso l'alto per cambiare l'ellisse in una forma meduse più realistica, quindi fare clic sull'icona secchio di vernice dalla tavolozza degli strumenti. Fare clic su un colore grigio blu o luce luce dalla tavolozza dei colori sopra la tela, poi clicca sul dell'ellisse modificato per riempirlo con il colore.

4 Fare clic sull'icona pennello dalla tavolozza degli strumenti per accedere alla modalità di pittura, quindi trascinare una curva che si estende verso il basso dalla parte inferiore dell'ellisse meduse. Questa grafica rappresenta uno dei tentacoli della medusa.

5 Creare diversi altri viticci per le meduse seguendo le istruzioni appena dato, quindi fare clic su voce "trasparenza" del menu "Finestra". Questo apre la finestra di dialogo che consente di controllare la trasparenza delle forme.

6 Fare clic sull'icona freccia nera della tavolozza degli strumenti per accedere alla modalità di selezione, quindi fare clic l'ellisse meduse per selezionarla. Trascina il cursore "Opacità" si rivela nel passaggio precedente fino a quando mostra circa il 60 per cento. Questa azione rende il traslucido meduse.

7 Fare clic sul pulsante di Windows "Start", quindi su "Documenti" per aprire Esplora risorse. Passare a una foto sul tuo disco rigido che mostra una scena subacquea. Trascinare l'immagine da Explorer a finestra di applicazione di Illustrator. Questo consente di installare l'immagine subacquea sul vostro illustrazione meduse.

8 Trascinare la voce "Immagine" nella palette "Livelli" al livello più basso per posizionare l'immagine subacquea in background. Questo completa il tuo meduse traslucido. Si noti che si può vedere attraverso le meduse all'immagine subacquea.

Come creare un link cliccabile su un JPG

February 16

Come creare un link cliccabile su un JPG


Ogni immagine JPG può essere trasformato in un link avvolgendo il tag "<img>" nel tag "<a href>" nel codice HTML. Il tag "<a href>" è ciò che crea il collegamento, mentre la posizione dell'immagine è posto nel tag "<img>". Il "<img>" tag contiene anche gli attributi che le dimensioni dell'immagine e specificano cosa confine dimensioni desiderate intorno all'immagine. È possibile effettuare creare collegamenti web con altre immagini (ad esempio immagini GIF) nello stesso modo.

istruzione

1 Aprire un documento vuoto in un editor di testo come Blocco note di Windows.

2 Creare il documento HTML.

3 Digitare la riga "<a href="example.com"> <img src =" image.jpg "alt =" Il mio Clickable immagine "width =" 300 "height =" 300 "border =" 0 "/> </ a > "dove volete che la vostra immagine collegata. Sostituire il nome del file JPG per "image.jpg" e il testo che si desidera visualizzare con l'immagine invece di "My cliccabile immagine".

4 Termina il documento HTML.

5 Salvare il documento con l'estensione del file HTML.

Come aggiungere uno sfondo floreale a una pagina Facebook Fan

November 30

Come aggiungere uno sfondo floreale a una pagina Facebook Fan


Anche se non è possibile modificare lo sfondo sul tuo profilo regolare di Facebook, è possibile modificare sul vostro Facebook Fan Page. Quando si aggiunge uno sfondo floreale alla tua pagina fan, si distinguono da altre pagine che possono non avere alcun fondo a tutti. È possibile utilizzare Facebook Mark Up Language (FBML) per apportare modifiche alla vostra pagina fan. In sostanza, si è limitato solo dalla vostra livello di codifica esperienza quando si utilizza FBML.

istruzione

1 Creare l'immagine di sfondo floreale. È possibile farlo in un programma di grafica come Photoshop, GIMP o Microsoft Paint. Assicurarsi che l'immagine di sfondo è esattamente larghezza di 520 pixel. Qualsiasi grande e Facebook taglia parte dell'immagine.

2 Salvare il file immagine con estensione .jpg.

3 Carica la tua immagine a un servizio di hosting di immagini, come Photobucket, ImageShack o TinyPic. Copiare il Uniform Resource Locator (URL) per l'immagine.

4 Accedi al tuo fan page di Facebook. Selezionare la scheda "Static FBML", quindi copiare e incollare il seguente codice alla vostra pagina "Static FBML":

<a href=YOUR WEBSITE> <img src = "VOSTRA IMMAGINE" width = "WIDTH" height = "Altezza" border = "0" alt = "" />

5 Modificare il codice incollando l'URL copiato nel passaggio 3 al posto di "la vostra immagine." Sostituire anche "TUO SITO" con il link del tuo sito (se ne avete uno), "WIDTH" con la larghezza dell'immagine in pixel (520), e "altezza" con l'altezza dell'immagine in pixel.

6 Fai clic su "Salva". La prossima volta che qualcuno visita il tuo fan page di Facebook, continuerà a vedere lo sfondo floreale.

Consigli e avvertenze

  • Si potrebbe desiderare di provare diverse immagini differenti per vedere quale ti piace di più guardare.

Come centrare un IMG assoluto all'interno di un div

January 25

Nella progettazione Web, quando si utilizza il posizionamento assoluto per un oggetto, il browser pone rispetto al suo primo oggetto padre. In molti casi, questo finisce per allineare l'oggetto sul lato sinistro del blocco. Ciò significa che l'oggetto è visualizzato allineato con il lato sinistro del browser. È possibile utilizzare una proprietà text-align per centrare il testo o altri oggetti, ma questo non funziona con le immagini che utilizzano il posizionamento assoluto. Tuttavia, è possibile aggirare questa limitazione utilizzando la larghezza della varie proprietà di stile di immagine e di modificare la posizione dell'immagine.

istruzione

1 Aprire il file HTML. Inserire il cursore all'interno del tag <div> in cui si desidera inserire un'immagine assoluto.

2 Digitare quanto segue:

<Img alt = "Descrizione immagine" width = stile "100px" = "position: absolute; margin-left: -50px; a sinistra: 50%;" />

Cambiare la "src" e "larghezza" attribuisce a corrispondere a quelli appartenenti all'immagine. Modificare la proprietà di stile "margin-left" a parità di mezzo la larghezza dell'immagine, se necessario. La struttura "sinistra" stile imposta il bordo sinistro dell'immagine posizionamento assoluto alla metà della larghezza del suo elemento genitore, che centra efficacemente all'interno del blocco.

3 Salvare il file.

Come risolvere immagini sfocate in Internet Explorer

June 17

Trattare con immagini sfocate in Internet Explorer 11 può essere un compito difficile. Il problema ha diverse cause possibili, tra cui le impostazioni del browser, hardware, e anche i controlli di sicurezza Web di di Windows 8. Tuttavia, con un po 'di risoluzione dei problemi e una certa attenzione alle impostazioni di IE, si dovrebbe essere in grado di trovare la causa e implementare una soluzione.

istruzione

1 Abilita rendering software. Aprire Internet Explorer e premere il tasto "Alt" per mostrare la barra dei menu. Fai clic su "Strumenti", selezionare "Opzioni Internet" e quindi scegliere la scheda "Avanzate". Fare clic sul "Usa rendering software invece di rendering GPU" scatola e poi cliccare su "OK" per salvare le modifiche. Verificare se il problema è stato risolto.

2 Regolare il livello di zoom di Internet Explorer. Zoom avanti o indietro su un sito web accidentalmente può fare le sue immagini appaiono sfocate o frastagliate. Premere il tasto "Ctrl +" o "Ctrl -" per regolare il livello di zoom fino a quando le immagini guardare a destra.

3 Disabilitare il filtro SmartScreen di Windows. Aprire Internet Explorer e fare clic sul pulsante "Impostazioni". Selezionare "Privacy" e quindi impostare SmartScreen su "Off" in "Web Services.

4 Ripristinare Internet Explorer 11 del tutto per cancellare le impostazioni rotti. Apri Internet Explorer, fare clic su "Strumenti" e selezionare "Opzioni Internet." Seleziona "Avanzate" e quindi su "Reset". Fare clic su "Reset" di nuovo e attendere che l'applicazione per ripristinare se stesso. Controllare le immagini del suo navigatore web ancora una volta dopo il reset.

5 Aggiornare i driver della scheda grafica. i driver obsoleti potrebbero causare problemi di visualizzazione di siti web, immagini, video e altro ancora. Visita il sito ufficiale del produttore della scheda grafica e cercare la sezione "Download" per trovare i driver appropriati.

Consigli e avvertenze

  • Le informazioni in questo articolo si applica a Windows 8 e Internet Explorer 11. Può variare leggermente o significativamente con altre versioni o prodotti.

Come risolvere le immagini sfocate in Internet Explorer 7

August 5

Come risolvere le immagini sfocate in Internet Explorer 7


Su alcune installazioni di Internet Explorer 7, i caratteri e le immagini web possono apparire sfocata o distorta. Ci sono vari motivi per questi problemi. Tra loro ci sono le impostazioni dal costruttore regolato per la risoluzione dello schermo per garantire che il testo non appare troppo piccoli, errori di registro con Internet Explorer o problemi di arrotondamento dei font relativi alla tecnologia ClearType. Qualunque sia la causa, che fissa il problema dovrebbe prendere solo pochi minuti.

istruzione

Modificare le impostazioni del Registro di sistema di Internet Explorer

1 Chiudere Internet Explorer.

2 Selezionare "Start", poi su "Esegui".

3 Digitare "regedit" (senza virgolette) e fare clic su "Esegui".

4 Dalla struttura di navigazione, selezionare "HKEY_CURRENT_USER", "software", "Microsoft", "Internet Explorer", "Main" (il tutto senza virgolette).

5 Fare doppio clic su "UseHR" e modificare il valore da "1" a "0" Il problema di immagine sfocata dovrebbe essere risolto la prossima volta che Internet Explorer viene aperto.

Modificare le impostazioni di visualizzazione

6 Pulsante destro del mouse sul desktop.

7 Selezionare "Proprietà".

8 Modificare il "Impostazione DPI" da "Large Size" a "Normal Size".

Regolare l'arrotondamento dei font

9 Avviare Internet Explorer.

10 Selezionare "Strumenti", poi "Opzioni Internet".

11 Selezionare la scheda "Avanzate".

12 Deselezionare "Usa sempre ClearType per HTML" e riavviare Internet Explorer.

Come masterizzare immagini su un CD utilizzando Explorer

September 3

Come masterizzare immagini su un CD utilizzando Explorer


Rimozione di foto dal computer e la masterizzazione su un disco può essere fatto con una moltitudine di diversi programmi software come Windows Media Player. Questo compito può essere completato da solo utilizzando Windows Explorer. Esplora risorse può bruciare le immagini su un disco di dati, così come masterizzare CD audio. Bruciare le foto con Esplora risorse di Windows può essere realizzato in pochi minuti.

istruzione

1 Inserire il CD-R o RW nell'unità ROM del computer. Quindi attendere che la finestra di dialogo di Windows a pop-up che ti chiede cosa si vuole fare con il CD.

2 Selezionare l'opzione "Apri cartella del CD scrivibile" dalla finestra di dialogo. (In Windows 7, è necessario selezionare "Masterizza file su disco," e poi selezionare "Con un lettore CD o DVD." Gli utenti di Vista sarà solo selezionare "Masterizza file su un disco di dati.") Quindi selezionare "OK". Questo aprirà la cartella che rappresenta il CD appena inserito.

3 Individuare le immagini sul computer, quindi trascinarli nella cartella del disco CD. (Gli utenti di Vista sono terminate e non hanno bisogno di procedere alla fase successiva. Vista brucia automaticamente i file sul disco.)

4 Premere l'opzione "Scrivi file su CD" sul lato sinistro della cartella del disco CD. (Utenti di Windows 7 potranno selezionare, "Masterizza disco" nella parte superiore della cartella.) Si aprirà la procedura guidata di scrittura su CD.

5 Inserire un nome per il disco nel campo "Nome CD". Quindi premere "Next". La procedura guidata CD poi masterizzare le immagini su un CD.

Come disattivare pagina Web Immagini in Internet Explorer

January 24

Per impostazione predefinita, il browser Web di Microsoft Internet Explorer carica tutti gli elementi della pagina Web, inclusi testo, clip audio e video, presentazioni in Flash, file JavaScript e immagini. Anche se questa impostazione funziona bene per la maggior parte degli utenti, persone in cerca di risparmiare larghezza di banda o di testare una versione senza immagine del loro sito web può voler evitare che le immagini di scaricare e visualizzare sullo schermo. La disattivazione immagini delle pagine Web in Internet Explorer richiede solo pochi click una volta che sai dove trovare l'impostazione corretta.

istruzione

1 Aprire una finestra del browser Internet Explorer.

2 Fare clic sul pulsante "Strumenti" che si trova nell'angolo in alto a destra della finestra e selezionare "Opzioni Internet".

3 Selezionare la scheda "Avanzate" nella parte superiore della finestra di dialogo risultante.

4 Scorrere l'elenco delle opzioni fino a raggiungere la sezione "Multimedia".

5 Deselezionare "Mostra immagini" scatola.

6 Fai clic su "OK" per confermare la modifica.

Problemi con le immagini utilizzando Internet Explorer

January 27

Se si utilizzano più computer con sistemi operativi diversi o più browser Internet quando si guarda a siti web, si noterà che lo stesso sito web può avere un aspetto diverso a seconda della configurazione. Internet Explorer è il browser Internet di Microsoft. Si deve sapere alcuni modi di base per risolvere i problemi comuni che Internet Explorer ha con le immagini se si utilizzano spesso Internet. Inoltre, è necessario comprendere i problemi più comuni associati con le immagini se state pensando di sviluppare il proprio sito web.

Scheda video problemi relativi ai driver

Se driver della scheda video del computer non è compatibile con Internet Explorer, alcune immagini sul Web potrebbero non essere visualizzati correttamente. Si può vedere la sovrapposizione di testo e immagine o ricevere un errore di script. È possibile risolvere questi problemi disabilitando alcune delle funzionalità grafiche supplementari in Internet Explorer, come ad esempio scorrimento continuo. Cambiare la risoluzione dello schermo del monitor e la rimozione di grafica problemi di acceleratore può aiutare troppo.

Spazio su disco rigido

Si può avere problemi di visualizzazione delle immagini su un sito web in Internet Explorer, se non si dispone di sufficiente spazio libero sul disco rigido. Prova sgombrare i file temporanei di Internet e la rimozione di vecchi file per liberare spazio sul disco rigido. Sgombrare la cache di Internet Explorer può anche aiutare come a volte la cache è troppo grande.

Visualizza Foto

Le immagini non possono mostrare in una pagina Web a causa dell'impostazione "Mostra immagini" essere spento. Nella scheda "Avanzate" della finestra di dialogo Opzioni Internet, fare in modo che la "Mostra Immagini" viene controllato per garantire che le immagini vengono visualizzate sui siti web.

plugin aggiuntivi

Assicurarsi di aver attivato il software necessario per ogni sito web con problemi di immagine. Java, ActiveX e JavaScript sono le applicazioni più comuni sviluppatori Web utilizzano per migliorare i loro siti web. Si dovrebbe anche fare in modo questi sono aggiornati e di avere la versione più recente installata.

Come visualizzare Foto Immagine Storia di Internet Explorer 8

May 17

Foto, come pagine web, vengono salvate sulla pagina cronologia del browser Web. Internet Explorer 8, come la maggior parte dei browser Web, identificherà le foto con il loro nome, dimensione dei pixel e il tipo di file. Per visualizzare una foto visto in precedenza, gli utenti dovranno aprire la funzionalità della cronologia e scorrere ogni letta foto uno per uno.

istruzione

1 Fare doppio clic sull'icona di Internet Explorer 8 sul desktop.

2 Individuare e fare clic sulla scheda "Preferiti" sulla parte superiore del browser.

3 Selezionare la scheda "Cronologia". L'opzione produrrà un elenco di tutti i siti web visitati e le foto. Durante la ricerca di una foto, cercare il nome dell'immagine seguito dal tipo di file, come ad esempio .jpg e numero di pixel. Ad esempio, il mondo-map-2008.jpg 800x518 pixel.

Come mettere le immagini sul vostro Internet Explorer barra degli strumenti

May 23

versioni Old Internet Explorer 4 e 5 funzionalità di una barra degli strumenti personalizzabile in cui è possibile aggiungere un'immagine di sfondo della barra degli strumenti per un look personalizzato. computer aziendali che vogliono aggiungere un po 'di branding possono anche trovare questa tecnica utile. È possibile utilizzare qualsiasi file bitmap come immagine e Internet Explorer verrà affiancata automaticamente una volta che hai fatto le opportune modifiche al Registro di sistema di Windows.

istruzione

1 Fare clic sul pulsante Start e selezionare il comando "Esegui". Aprire l'Editor del Registro di sistema, digitando "regedit" nella casella di testo.

2 Individuare il tasto "barra degli strumenti" che si trova nel "HKEY_CURRENT_USER \ Software \ Microsoft \ Internet Explorer" percorso. Si può raggiungere questa chiave premendo l'icona più accanto al tasto come "HKEY_CURRENT_USER". L'editor del registro si espanderà la proiezione sottochiavi chiave sotto di esso. Trovare la chiave "Software" da lì e seguire il percorso fino a vedere il tasto "Barra degli strumenti" in cui è necessario fare clic su esso.

3 Fai clic sul menu "Modifica" e cliccare sulla voce "Aggiungi valore". Impostare il nome di "BackBitmap" senza virgolette e assicurarsi che il tipo è "REG_SZ". Impostare i dati al percorso esatto dell'immagine che si desidera utilizzare come sfondo della barra degli strumenti. Ad esempio, impostare il campo di dati a "C: \ Test \ picture.bmp" con le virgolette se il file "picture.bmp" si trova nel drive C: la cartella "Test".

4 Riavviare il browser Internet Explorer se aveste aperto mentre commetteva le modifiche del Registro per vedere il risultato aggiornato.

Consigli e avvertenze

  • Se il processo non funziona, si potrebbero utilizzare Internet Explorer 5. Ripetere la stessa procedura e aggiungere un nuovo valore chiamato "BackBitmapIE5" e dare gli stessi dati esatti e tipo.
  • Se esistono già i valori "BackBitmap" e "BackBitmapIE5", tasto destro del mouse sulla voce e fare clic su "Modifica" per aprire la finestra di dialogo in cui è possibile inserire il percorso.
  • Se l'immagine che si desidera utilizzare come sfondo della barra degli strumenti è un JPEG, è possibile convertirlo in un bitmap aprendo il file in Microsoft Paint e utilizzare la finestra di dialogo "Salva con nome" in modo da poter impostare il tipo di file come BMP.

Come abilitare immagini su Internet Explorer 7

July 6

Internet Explorer 7 (IE7) ha una funzione "Mostra immagini" è possibile attivare o disattivare in qualsiasi momento. La disattivazione di questa funzione consente il browser per spostare un po 'più veloce, perché le immagini, che può richiedere un po' per visualizzare, non vengono visualizzati. Anche se questo può essere conveniente se si utilizza connessioni di rete lente, come dial-up, non fa il browser visivamente accattivante. Abilita le immagini nel browser in pochi minuti.

istruzione

1 Avviare Internet Explorer 7, fare clic sul menu "Start" e cliccando su "Internet Explorer".

2 Fai clic sul menu "Strumenti" in alto e cliccare su "Opzioni Internet". Quindi fare clic sulla scheda "Avanzate". Scorrere verso il basso la casella "Impostazioni" per la sezione "Multimedia". Fare clic sulla casella "Mostra Immagini" per un controllo in esso.

3 Fai clic su "OK" per salvare le modifiche. Chiudere e riavviare il browser Web.

Come ottenere immagini sul mio Internet Explorer non Blurry

October 2

Internet Explorer è un browser Internet che viene preinstallato nei sistemi operativi Microsoft Windows. Esso consente di visualizzare il testo e le immagini nei siti web visitati. Internet Explorer ha una "Smart Image dithering" caratteristica che leviga le immagini frastagliate nel browser. Quando questo è spento, si vede immagini sfocate e frastagliate nel browser. È necessario attivare questa funzione per smettere di vedere immagini sfocate in Internet Explorer.

istruzione

1 Fai clic su "Start" e poi "Pannello di controllo".

2 Selezionare "Opzioni Internet". Fare clic sulla scheda "Avanzate" nella finestra di dialogo "Opzioni Internet".

3 Fare clic sulla casella di controllo per "dithering Smart Image" sotto il gruppo "Multimedia". Fai clic su "Applica" e poi su "OK".

Come ottenere la qualità dell'immagine Impostazione in Internet Explorer

October 25

Come ottenere la qualità dell'immagine Impostazione in Internet Explorer


Quando si visualizza un'immagine in una pagina Web, l'immagine è spesso di dimensioni ridotte per adattarsi sullo schermo del computer. Ciò può provocare immagini sfocate o immagini con bordi frastagliati. Questo effetto può anche accadere quando una immagine ha più colori quella supportata dal computer. Internet Explorer utilizza una funzione denominata "immagine intelligente dithering" per smussare i bordi sulle immagini quando vengono visualizzati nel browser. Gli utenti possono attivare questa funzione e si spegne nelle impostazioni del browser.

istruzione

1 Aprire Internet Explorer.

2 Fai clic sul menu "Strumenti", poi su "Opzioni Internet".

3 Fare clic sulla scheda "Avanzate" e scorrere fino alla sezione "Multimedia".

4 Selezionare la casella "immagine dithering intelligente" per abilitare la funzione. Deselezionare la casella per disattivare la funzione.

5 Fare clic sul pulsante "OK".

Consigli e avvertenze

  • Molte versioni di Internet Explorer 7 contengono un errore di programmazione in quanto la disattivazione immagine intelligente retinatura realmente lo trasforma in. Se si dispone di una di queste versioni, si gira immagine intelligente dithering selezionando la casella su accanto a "Spegnere immagine intelligente dithering" e viceversa.
  • Se non si dispone di una opzione "immagine intelligente dithering" nelle impostazioni, si può essere in grado di ripristinare l'opzione modificando le impostazioni del Registro di sistema.