Miten Kirjoita TekstiImage HTML

Miten Kirjoita TekstiImage HTML Ciaran Griffin / LifeSize / Getty Images

Web-suunnittelijat käyttävät yleensä muokkausohjelmisto lisätä tekstiä kuviin.Kuitenkin sivustojen omistajille, jotka haluavat lisätä tekstiä niiden kuvat eivät ehkä ole varoja ostaa kalliita ohjelmisto tai aikaa opetella monimutkaisia ​​menetelmiä muutetaan kuvia.Sivuston omistaja voi välttää nämä ongelmat käyttämällä HTML lisätä tekstiä kuviin.Ne, jotka oppivat sovellettavien HTML koodi voi lisätä tekstiä kuvien ostamatta ohjelmisto tai viettää aikaa monimutkainen kuvankäsittelyyn.

Ohjeet

  1. Lataa ja avaa vapaan NVU rainan editori.HTML-editori, kuten Nvu avulla käyttäjä syöttää joko pelkkää tekstiä tai HTML.Editori sitten tallentaa sivuja HTML-sivun niin, että ne näyttää kuin Web-sivun.Napsauta "Avaa" ja löytää HTML-sivuun, jos käyttäjä haluaa laittaa kuvan nykyisten sivulla.Klikkaa "Uusi" -painiketta yläreunassa luoda uuden sivun kuva.

  2. Klikkaa "Source" alareunassa nähdä HTML lähdekoodia sivun.Etsi avaaminen ja sulkeminen r

    unko tageja."& Lt; body & gt;"tag on aukko body."& Lt; / body & gt;"tag on sulkeminen body.

  3. Aseta seuraava HTML-koodi body-tunnisteiden väliin:

    & lt; table border = "0" cellpadding = "0" cellspacing = "0" & ​​gt;
    & lt; p & gt;
    & lt; td width = "221" height = "300" tausta = "kuva linkki tänne" valign = "alhaalta" & gt;
    & lt; font size = "+ 1" color = "keltainen" & gt; teksti tähän & lt; / font & gt; & lt; / td & gt;
    & lt; / tr & gt;
    & lt; / table & gt;

    asettaminen koodi body-tunnisteiden väliin varmistaa, että kävijät web-sivun näkee kuvan käydessään sivulla Internetissä.

  4. Muuta leveys ja korkeus HTML sama leveys ja korkeus, kun kuva.Korvaa "kuvalinkissä täällä" teksti linkki kuvaan.Esimerkiksi, jos kuva on tiedostonimi "dogpicture.jpg," tyyppinen korvataan: "kuva linkki tänne."Jätä lainausmerkkeihin tiedoston nimi.Lisätä tekstiä kuvan "teksti tähän" osa HTML.

  5. Klikkaa "Tallenna" HTML-tiedoston.Käytä "Normaali" -välilehti alareunassa nähdä, miten kuva näkyy Web-sivulla.Keskitä teksti VÄLINÄPPÄIN.Paina Enter-näppäintä siirtääksesi kursoria alaspäin seuraavalle riville.Tyyppi ylimääräistä riviä tekstiä halutulla tavalla.

  6. käyttö Filezilla ladata tiedostoja.Lataa "FileZilla Client" versio, ja avaa ohjelmisto.Kirjaudu sisään osoitteessa Web isäntä verkkotunnus, käyttäjätunnus ja salasana.

  7. Kaksoisnapsauta verkkosivuilla kansio oikeanpuoleisessa ikkunassa FileZilla avaa se.Löytää sekä HTML-tiedoston ja kuvan vasemmassa ikkunassa, ja napsauta hiiren kakkospainikkeella ja valitse "Lisää" ladata niitä.Varmista, että HTML-tiedostojen ja kuvien ovat samassa hakemistossa (kansiossa).Muutoin kuva ei näy Web-sivulla.

Vinkkejä & amp;Varoitukset

  • muuttaa fontin kokoa ja väriä sopivaksi kokoa ja väriä kuvan.Kävijä voi olla vaikeuksia lukea tekstiä, jos tekstin väri on liian samanlainen kuvan värit taustalla.
  • Älä käytä tätä menetelmää luotaessa avatarit muut sivustot.Näiden sivustojen avulla käyttäjä ladata kuvan, mutta kuva ei ole tekstiä HTML-tiedosto.

Resurssit

  • Net2.com: NVU Vapaa Web-editori
  • FileZilla Vapaa FTP
  • W3Schools.com: HTML-Kuvat
670
0
1
Verkkokehitys