Jinsi ya Kuongeza Kiunga cha Picha kwenye Adobe Dreamweaver: Hatua 7

Orodha ya maudhui:

Jinsi ya Kuongeza Kiunga cha Picha kwenye Adobe Dreamweaver: Hatua 7
Jinsi ya Kuongeza Kiunga cha Picha kwenye Adobe Dreamweaver: Hatua 7

Video: Jinsi ya Kuongeza Kiunga cha Picha kwenye Adobe Dreamweaver: Hatua 7

Video: Jinsi ya Kuongeza Kiunga cha Picha kwenye Adobe Dreamweaver: Hatua 7
Video: NAMNA YA KUMCHOKOZA KIMAPENZI MWANAUME WAKO 2024, Aprili
Anonim

Wakati wa kutengeneza wavuti, kuna mambo kadhaa ya kuzingatia, moja yao ikifanya tovuti yako ipendeze kwa watazamaji. Na Dreamweaver, programu ya kuhariri HTML, ni rahisi kubadilisha picha kuwa kiungo. Nakala hii itakuonyesha jinsi hiyo imefanywa!

Hatua

Ongeza Kiungo cha Picha katika Hatua ya 1 ya Adobe Dreamweaver
Ongeza Kiungo cha Picha katika Hatua ya 1 ya Adobe Dreamweaver

Hatua ya 1. Fungua Dreamweaver

Fungua faili iliyopo au fafanua tovuti mpya na uunda faili mpya ya HTML, ikiwa haujafanya hivyo tayari.

Ongeza Kiungo cha Picha katika Hatua ya 2 ya Adobe Dreamweaver
Ongeza Kiungo cha Picha katika Hatua ya 2 ya Adobe Dreamweaver

Hatua ya 2. Unapounda faili mpya ya HTML, Dreamweaver tayari itaunda muundo wa msingi wa ukurasa wa wavuti kwako

Ingiza mshale wako mahali pengine kati ya vitambulisho.

Ongeza Kiunga cha Picha kwenye Adobe Dreamweaver Hatua ya 3
Ongeza Kiunga cha Picha kwenye Adobe Dreamweaver Hatua ya 3

Hatua ya 3. Ingiza picha unayotaka

Kuna njia tatu mbadala za kufanya hivi:

  • Nenda kwenye jopo la 'Ingiza' hapo juu. Bonyeza 'Picha' na uchague 'Picha' kutoka kwa menyu ndogo inayoonekana.
  • Kuelekea kulia, kuna bar iliyoandikwa 'Ingiza' na 'Faili' juu. Bonyeza 'Chagua' na kisha bonyeza 'Kawaida' kutoka kwenye menyu kunjuzi. Sasa, ingiza picha kwa kubofya 'Picha'. Ikiwa bar hiyo haionekani, bonyeza mahali ambapo nafasi ya kazi ya 'Compact' au 'Expanded' imeandikwa. Bonyeza 'Compact', halafu 'Rudisha Compact' ili kuweka upya mipangilio chaguomsingi ya Dreamweaver.
  • Bonyeza Ctrl + Alt + I kwenye kibodi yako.
Ongeza Kiungo cha Picha katika Hatua ya 4 ya Adobe Dreamweaver
Ongeza Kiungo cha Picha katika Hatua ya 4 ya Adobe Dreamweaver

Hatua ya 4. Rekebisha saizi ya picha yako kwa kuingiza idadi ya saizi kwenye uwanja wa 'Upana' na 'Urefu'

Ongeza Kiungo cha Picha katika Hatua ya 5 ya Adobe Dreamweaver
Ongeza Kiungo cha Picha katika Hatua ya 5 ya Adobe Dreamweaver

Hatua ya 5. Nenda kwenye hali ya 'Ubunifu' ili uone picha yako inavyoonekana

Bonyeza 'Live' ili uone jinsi itaonekana kama kwenye wavuti yako.

Ongeza Kiungo cha Picha katika Hatua ya 6 ya Adobe Dreamweaver
Ongeza Kiungo cha Picha katika Hatua ya 6 ya Adobe Dreamweaver

Hatua ya 6. Bonyeza kwenye picha

Ongeza Kiungo cha Picha katika Hatua ya 7 ya Adobe Dreamweaver
Ongeza Kiungo cha Picha katika Hatua ya 7 ya Adobe Dreamweaver

Hatua ya 7. Hifadhi ukurasa wako wa wavuti kwa kubonyeza Ctrl + S (Hifadhi) au Ctrl + ⇧ Shift + S (Hifadhi Kama).

Vidokezo

  • Ikiwa unataka iwe kama kitufe au sura tu kwenye picha yako, badilisha mandharinyuma kuwa sawa na ile iliyo kwenye ukurasa wako wa wavuti na programu ya kuhariri picha kama vile Photoshop.
  • Bonyeza ndogo Globu ikoni juu ili kuiona kwenye kivinjari chako.

Ilipendekeza: