30.06.2024
Rumah / Ikhtisar Linux / Menempatkan gambar pada halaman Web. Gambar Gambar di halaman web

Menempatkan gambar pada halaman Web. Gambar Gambar di halaman web

Sebuah tag tunggal digunakan untuk menyisipkan gambar ke dalam teks halaman Web. (Tabel P 1). Atribut tag ini mengatur semua parameter gambar yang ditempatkan pada halaman. Atribut SRC diperlukan, yang menentukan alamat dan nama file grafik. Jika atribut SRC tidak disetel, hanya ikon gambar kosong yang akan ditampilkan.

Struktur tanda dengan atribut SRC terlihat seperti:

.

Jika file grafik bernama Institute terletak di folder yang sama dengan halaman Web, maka untuk menempatkannya Anda harus menulis:

.

Nama file Format

Untuk menempatkan file grafik dengan nama MINSK, terletak di D:\Collection\Cities\MINSK.GIF, Anda harus menulis .

Menggunakan tag Halaman Web berisi file grafik yang terletak di komputer lain di Internet.

Untuk membuat halaman Web dengan foto lembaga kami, yang ditunjukkan pada Gambar. 4.1, Anda perlu memasukkan kode HTML berikut:

Halaman web dengan foto

Institut kami

Beras. 4.1. Halaman web dengan foto institut

Pada contoh di atas, tinggi foto (HEIGHT) adalah 200 piksel dan lebar (WIDTH) adalah 300 piksel. Untuk menempatkan foto, dibuat paragraf dengan perataan tengah.

Garis horizontal

Garis horizontal ditempatkan pada halaman Web menggunakan satu tag


. Dengan menggunakan atribut SIZE, WIDTH, COLOR, dan ALIGN, Anda dapat mengubah masing-masing ketebalan, lebar, warna, dan metode perataan garis.

Mari kita lihat beberapa contoh untuk menjelaskan penempatan garis horizontal:

1.


- garis horizontal melintasi seluruh halaman, tebal 2 piksel.

2.


WIDTH = "200" ALIGN="RIGHT"> – garis horizontal berwarna hijau, tebal 15 pixel, lebar 200 pixel dan rata ke kanan.

3.


– garis biru horizontal menutupi seluruh halaman, tebal 25 piksel.

4.


WIDTH = "300" ALIGN = "LEFT"> – garis horizontal berwarna merah, tebal 20 pixel, lebar 300 pixel dan rata ke kiri.

Tampilan garis untuk empat contoh yang direkam ditunjukkan pada Gambar. 4.2.

Beras. 4.2. Garis pada halaman Web



TABEL

Membuat Tabel

Tabel dibuat menggunakan tag berpasangan

. Tag ini membuat tabel di lokasi penambahannya
dalam kode HTML.

Setiap tabel terdiri dari baris, dan baris – sel. Tag berikut digunakan untuk membentuk baris dan sel tabel:

... - garis baru;

... – sel tajuk;

... – sel tabel biasa.

Tag-tag ini ditulis di dalam tag berpasangan

.

Tabel dibentuk baris demi baris - pertama satu baris ditentukan dan jumlah sel yang diperlukan ditunjukkan di dalamnya, lalu baris kedua, dll.

Untuk mendapatkan tabel yang ditunjukkan pada Gambar. 5.1, Anda perlu mengetikkan kode HTML berikut:

Halaman tabel

Beras. 5.1. Halaman tabel

Teks pada sel header tabel (Gbr. 5.1) ditampilkan dengan huruf semi tebal dan disejajarkan dengan tengah sel, sedangkan pada sel biasa teks tidak disorot dan diratakan ke kiri.

Perlu diperhatikan bahwa pada kode HTML halaman di atas terdapat tag

Mobil Harga Mengarungi 5000 Golf 6000
berisi atribut BORDER dengan nilai "1". Ini berarti bahwa dalam tabel yang ditunjukkan pada Gambar. 5.1, ketebalan batas luarnya adalah
1 piksel. Jika kita menulis

,

maka ketebalan batas luarnya akan menjadi 6 piksel. Untuk mencegah batas tabel ditampilkan, Anda harus menyetel atribut BORDER ke 0, atau hilangkan saja atribut ini.

Sebagian besar halaman Web berisi grafik. Ini memungkinkan Anda menyajikan informasi dengan penuh warna dan jelas. Dalam banyak kasus, lebih baik menampilkan gambar daripada memberikan deskripsi teks yang panjang.

Ada dua cara untuk menempatkan grafik pada halaman:

  • penyisipan gambar individual;
  • mengisi latar belakang dengan gambar.

Bagaimanapun, gambar grafik diambil dari file.

Memasukkan Grafik

Memasukkan gambar grafik dari file format grafik ke halaman dilakukan dengan menggunakan tag (dari bahasa Inggris, image - image) yang menunjukkan alamat file sebagai argumen atribut SRC:

< IMG SRC = "адрес_графического_файла" >

Alamat file grafik bisa berupa URL atau nama file, mungkin dengan jalur. Misalnya, untuk menampilkan file grafis logotip.jpg Anda harus menulis tag:

< IMG SRC = "logotip.jpg" >

Untuk meningkatkan kecepatan transfer gambar grafik dalam tag Anda dapat menggunakan atribut ( parameter tambahan) LOWSRC, yang menggunakan alamat file grafik sebagai argumen. Anda dapat membuat dua file grafik: satu (misalnya, logotip.jpg) berisi gambar beresolusi tinggi, dan yang lainnya (misalnya, logotip.gif) berisi gambar beresolusi rendah. Lalu tagnya:

< IMG SRC = "logotip.jpg" LOWSRC = "logotip.gif" >

...menginstruksikan browser untuk mengunduh file logotip.gif terlebih dahulu, lalu menggantinya dengan file logotip.jpg setelah diterima.

Cara lain untuk mempercepat pemuatan grafik adalah dengan mengatur ukuran area persegi panjang di mana grafik akan ditempatkan menggunakan atribut LEBAR(lebar) dan TINGGI(tinggi), diukur dalam piksel. Jika Anda menentukan atribut ini, browser pertama-tama akan mengalokasikan ruang untuk grafik, menyiapkan tata letak dokumen, menampilkan teks, dan baru kemudian memuat grafik. Perhatikan bahwa browser mengompresi atau meregangkan gambar agar sesuai dengan ukuran bingkai yang ditentukan. Contoh penentuan dimensi gambar:

< IMG SRC = "logotip.gif" WIDTH = 40 HEIGHT = 20 >

Grafik biasanya digunakan bersama dengan teks, sehingga muncul tantangan untuk menyelaraskan teks dan grafik. Masalah ini diselesaikan dengan menggunakan atribut MELURUSKAN menandai menggunakan berbagai argumen. Misalnya, kita mungkin ingin teks mengalir di sekitar gambar ke kanan atau ke kiri. Biasanya gambarnya melekat erat dengan teks, sehingga bisa jadi jelek. Untuk menghindari hal ini, Anda dapat mengatur margin kosong di sekitar ilustrasi. Bidang dibuat menggunakan atribut VSPACE untuk margin atas dan bawah dan RUANG untuk margin samping dalam tag . Argumen untuk atribut ini ditetapkan sebagai angka yang menentukan ukuran bidang dalam piksel. Untuk membatalkan pembungkusan teks di sekitar grafik, gunakan tag
.

Tag berikut mengatur grafik dari file logotip.jpg untuk dibungkus ke kanan (gambar akan ditempatkan di sebelah kiri teks):

< IMG SRC = "logotip.jpg" ALIGN = LEFT >

Jika Anda ingin menempatkan gambar di sebelah kanan teks, maka Anda memerlukan atribut MELURUSKAN menetapkan argumen BENAR:

< IMG SRC = "logotip.jpg" ALIGN = RIGHT >

Untuk mengatur bidang di sekitar gambar, Anda perlu menulis tag seperti:

< IMG SRC = "logotip.jpg" ALIGN = LEFT HSPACE = 20 VSPACE = 10 >

Di sini angka 20 dan 10 menentukan besar kecilnya bidang.

Mari kita lihat sebuah contoh membagikan grafis dan teks. Buka Notepad (editor teks Notepad) Windows. Tulis kode HTML di dalamnya menggunakan tag yang dibahas di atas. Di bawah ini adalah program yang mengeluarkan beberapa teks dan grafik. Anda dapat menggunakan file apa pun yang Anda miliki sebagai file grafik. File yang digunakan disini adalah logotip.gif.

< HTML >

< HEAD >

< TITLE >Latihan 1< / TITLE >

< / HEAD >

< BODY BGCOLOR = "YELLOW" >

< IMG SRC = "logotip.gif " ALIGN = LEFT >

< H1 >Teks membungkus grafik di sebelah kanan< / H1 >

Beras. 657. Teks membungkus gambar di sebelah kanan

Kemungkinan luas untuk penempatan gambar yang tepat (serta elemen lainnya) pada halaman disediakan tabel Dan gaya. Elemen HTML ini akan dibahas nanti. Misalnya, Anda dapat menentukan tabel tanpa bingkai yang terlihat, dan menempatkan gambar, teks, dan elemen lainnya di sel tabel ini.

Definisi 1

Halaman web adalah berkas teks, dibuat dalam HTML dan dihosting di World Wide Web (WWW). Selain teks, halaman Web mungkin berisi link hypertext yang dapat digunakan untuk menavigasi ke halaman Web lain dan melihatnya, serta sisipan dalam bentuk grafik, animasi, klip video, dan musik.

Dengan menggunakan HTML Anda dapat:

  1. Membuat dan mengedit halaman Web.
  2. Edit dokumen HTML dari Internet, dengan mempertimbangkan fungsi semua objek yang tertanam dalam dokumen (gambar, animasi, dll.).
  3. Menggunakan tautan hypertext dan kemampuan untuk menyematkan gambar, diagram, animasi, klip video, musik dan pengiring ucapan, efek khusus teks ke dalam dokumen HTML, membuat presentasi multimedia, tayangan slide, proyek demo.

Catatan 1

Gambar grafik biasanya disimpan dalam file terpisah. Bahasa HTML memiliki tag khusus yang tautannya ditulis ke dalam kode halaman Web, yang merupakan alamat sebenarnya dari file-file ini di Internet. Ketika menemukan tag tersebut, browser Web membuat permintaan ke server Web untuk file terkait dengan gambar, audio, atau video dan menampilkannya di halaman Web di lokasi tag ini. Setiap data (gambar, audio dan video, dll.) yang disimpan dalam file terpisah dari halaman Web disebut elemen tertanam halaman Web. Mari kita lihat lebih dekat proses menambahkan gambar ke halaman Web.

Menambahkan Gambar ke Halaman Web

Daya tarik halaman Web justru terletak pada grafik dan berbagai objek lain yang digunakan di dalamnya. Menambahkan gambar ke halaman tidaklah sulit. Dan tambahkan grafik yang bisa dilakukan penampilan Halaman web lebih rapi dan profesional, jauh lebih kompleks, dan memerlukan pengetahuan khusus.

Anda dapat menambahkan gambar ke halaman menggunakan tag sumber gambar, yang terlihat seperti:

di mana tag itu sendiri, dan scr adalah atributnya. Karena atribut scr diperlukan, kita dapat mengatakan bahwa seluruh entri ini adalah satu tag umum. Tag sumber gambar tidak menggunakan tag penutup yang sesuai karena tag sumber berdiri sendiri dan oleh karena itu memerlukan garis miring di akhir saat menggunakannya: .

Menambahkan keterangan alternatif

Di Internet, Anda sering dapat menemukan berbagai prasasti yang ditampilkan saat Anda mengarahkan mouse ke objek grafis apa pun di halaman Web. Keterangan ini biasanya berisi informasi tambahan tentang gambar itu sendiri atau tentang area halaman tempatnya berada.

Di bawah ini adalah kode HTML dengan atribut alt ditambahkan di dalam tag. Atribut ini, mirip dengan atribut src, memberi tahu browser beberapa informasi tambahan tentang gambar dan juga selalu dapat digunakan bersama dengan tag.

alt="Ini gambarnya!" />!}

Fungsi atribut alt adalah untuk menentukan teks alternatif untuk elemen grafis yang ditambahkan ke halaman Web. Disebut alternatif karena ditampilkan di layar sebagai alternatif dari gambar itu sendiri. Atribut alt menjalankan fungsi penting lainnya. Hal ini memungkinkan perancang web untuk memastikan bahwa jika pengunjung halaman tidak melihat gambar di layarnya, setidaknya dia dapat melihat informasi teks yang ditambahkan ke gambar ini.

Saat menggunakan atribut alt untuk setiap tag, penting untuk berhati-hati agar tidak menetapkan pesan teks yang tidak pantas ke elemen grafis. Misalnya, tidak ada gunanya menambahkan label teks alternatif ke elemen desain halaman. Untuk menghindari kesalahan seperti itu, Anda dapat menyetel atribut alt elemen ini ke nilai kosong (alt=" "). Jika Anda tidak menyetel atribut lainnya, browser akan merender gambar pada ukuran aslinya, namun akan menyelaraskan tepi atas gambar dengan tepi atas string teks yang berdekatan. Namun, Anda dapat mengubah kedua pengaturan ini menggunakan tag stylesheet.

Atribut Gambar

Tag memiliki atribut yang memungkinkan Anda mengubah ukuran gambar. Berikut beberapa di antaranya:

  • tinggi – digunakan untuk menentukan tinggi gambar dalam piksel atau persentase;
  • lebar – digunakan untuk menentukan lebar gambar dalam piksel atau persentase.

Menyesuaikan tinggi dan lebar gambar

Ukuran gambar yang ditempatkan pada halaman Web dapat diatur menggunakan atribut di atas. Selain itu, nilainya ditetapkan sebagai jumlah piksel tetap, atau sebagai persentase relatif terhadap ukuran halaman. Pada kode HTML di bawah ini, tag pertama berisi dimensi gambar asli dalam piksel (60 piksel vertikal dan 60 piksel horizontal), tag kedua menyetel lebar gambar yang sama menjadi 6% dari lebar halaman, dan tingginya menjadi 10% dari tinggi halaman.

alt="Ini adalah gambar!" tinggi = "60" lebar = "60" />

alt="Ini adalah gambar!" tinggi = "10%" lebar = "6%" />

Catatan 2

Saat menampilkan gambar di jendelanya sendiri, browser melakukan pekerjaan yang sama baiknya dalam memproses kedua jenis nilai. Namun, Anda harus ingat bahwa pengunjung halaman Web mungkin memiliki resolusi layar yang berbeda dengan resolusi layar Anda di komputer mereka. Oleh karena itu, saat mengubah ukuran gambar, Anda harus menentukan kedua nilai gambar (tinggi dan lebar). Jika Anda hanya mengubah salah satu nilai ini, gambar di layar mungkin tampak melebar secara vertikal atau horizontal.

Ini dapat digunakan untuk menciptakan ilusi pemuatan gambar yang lebih cepat. Untuk melakukan ini, Anda harus selalu menentukan nilai atribut tinggi dan lebar, terlepas dari apakah gambar telah diubah ukurannya atau belum. Karena mereka memberi tahu browser informasi penting tentang jumlah ruang yang diperlukan untuk menempatkan gambar pada suatu halaman. Sebagai tanggapan, browser mengalokasikan ruang yang diperlukan untuk gambar dan terus membuat elemen halaman lainnya tanpa berhenti memuat gambar itu sendiri. Hal ini membuat halaman tampak dimuat lebih cepat karena pengunjung tidak perlu menunggu gambar dimuat sepenuhnya sebelum melihat informasi lain di halaman.

Untuk memastikan bahwa gambar di layar mana pun, apa pun resolusinya, menempati sejumlah ruang tertentu di seluruh lebar halaman, maka perlu menggunakan nilai persentase. Jika Anda ingin resolusi gambar itu sendiri konstan (ukurannya dalam piksel), Anda harus menggunakan nilai dalam piksel.

Menyelaraskan teks dan grafik

Untuk meratakan gambar ke tepi kanan atau kiri baris teks, gunakan atribut align pada tag. Misalnya:

alt="Ini adalah gambar!" tinggi = "60" lebar = "60" sejajar = "kanan" />

Untuk menyelaraskan gambar secara vertikal dengan string teks, Anda juga dapat menggunakan atribut ini, yang dapat mengambil nilai atas, bawah, dan tengah. Nilai top menentukan bahwa tepi atas gambar harus sejajar dengan tepi atas teks di sekitarnya. Nilai bottom menentukan bahwa tepi bawah gambar harus sejajar dengan tepi bawah teks di sekitarnya. Pusat nilai menentukan bahwa bagian tengah gambar harus sejajar dengan bagian tengah baris teks.

Menggunakan gambar sebagai tautan

Gambar juga digunakan untuk membuat hyperlink ke dokumen lain. Dalam HTML, gambar menjadi hyperlink dengan cara yang sama seperti kotak teks. Untuk melakukan ini, digunakan tag yang mengapit elemen halaman (dalam kasus kami, gambar) yang seharusnya menjadi tautan. Tautan akan diikuti dengan mengklik gambar ini.

Gambar kecil

Selain cara di atas, di mana gambar berfungsi sebagai hyperlink, gambar juga dapat digunakan sebagai hyperlink yang berpindah dari satu gambar ke gambar lainnya. Hal ini diperlukan jika ukuran gambar yang ingin Anda publikasikan di halaman Web cukup besar dan memerlukan waktu yang sangat lama untuk dimuat, yang tidak dapat diterima oleh banyak pengunjung. Oleh karena itu, mereka membuat salinan kecil dari gambar ini (thumbnail) dan mewakilinya dengan hyperlink. Jika pengunjung halaman tertarik dengan gambar ini, dia dapat mengklik thumbnail untuk melihat gambar utuh. Berikut contoh kodenya:

alt="Klik untuk melihat gambar normal."

tinggi = "60" lebar = "60" />

Rahasia Sukses Menggunakan Gambar

Gambar memberikan banyak informasi visual bagi pengunjung, dan ini membuatnya menarik, dan juga cukup mudah untuk ditambahkan ke halaman Web, namun ada aturan tertentu dalam membuat situs yang harus diikuti jika kita ingin menjadi populer di Internet.

Saat membuat halaman, Anda harus mencoba menempatkan gambar kecil di dalamnya, karena gambar besar akan membutuhkan waktu lama untuk dimuat, dan beberapa pengguna masih menggunakan saluran komunikasi berkecepatan rendah untuk mengakses jaringan. keluaran, dan oleh karena itu ukuran file yang diunduh sangat penting bagi mereka.

Catatan 3

Ukuran file keseluruhan dari seluruh dokumen HTML juga penting, yang pada gilirannya, tidak hanya bergantung pada ukuran gambar yang ada di dalamnya, tetapi juga pada jumlahnya. Anda perlu berhati-hati dalam menggunakan atribut alt agar isi pesan teks selalu sesuai dengan gambar itu sendiri. Dan sebaliknya: perlu untuk memastikan bahwa gambar tersebut sesuai dengan informasi teks yang disajikan pada halaman.

Saat menggunakan gambar yang dipinjam dari Internet pada halaman yang Anda buat, Anda perlu memeriksa apakah gambar tersebut dilindungi hak cipta.

Seperti disebutkan, HTML saat ini adalah dasar untuk menulis halaman web apa pun di World Wide Web. Saat Anda menggunakan CSS, pembuatan kode HTML berubah secara dramatis. Anda dapat mengucapkan selamat tinggal pada penggunaan kembali tag HTML yang kikuk hanya untuk mendapatkan efek visual tertentu. Tentang beberapa tag atau atribut HTML, seperti tag yang tidak digunakan lagi...

rumah

Pesan situs web dan mulailah berbisnis!

Ungkapan ini dapat didengar dan dilihat di banyak situs, dan ini tidak sia-sia!

Situs web ini adalah wajah perusahaan. Dan itu adalah saluran komunikasi paling modern dan efektif dengan calon konsumen. Hanya kemampuan situs Internet yang memungkinkan Anda untuk sepenuhnya menggunakan semua metode penyampaian pesan informasi kepada pengguna. Informasi teks, audio dan video dapat disajikan dalam satu situs untuk membiasakan konsumen dengannya.

Dengan menggunakan perangkat lunak Di situs ini, Anda dapat menerima pembayaran, berbicara di telepon, memelihara database, mengirim dan menerima faks, bertukar pesan SMS, dan melakukan banyak tindakan lainnya. Situs Internet modern adalah pusat informasi tidak hanya untuk perusahaan mana pun, tetapi juga untuk setiap pengguna Internet.

Dan ini adalah cara yang saling menguntungkan untuk menyampaikan ide atau perkembangan Anda secara efektif dan sekaligus sederhana dan jelas kepada khalayak seluas-luasnya. Dan saat ini, dokumen Web yang ditulis dalam bahasa markup hypertext HTML terus menjadi bentuk utama penyajian data di lingkungan Web.

Keuntungan paling penting dari HTML adalah:

  • kesederhanaan, memungkinkan Anda mempelajari HTML dalam waktu sesingkat mungkin.
  • kemampuan untuk membuat halaman Web Anda sendiri
  • dan HTML bekerja sama persis di semua platform yang ada saat ini; tidak perlu membeli peralatan tambahan. Dan itu cukup untuk menggunakan apa pun yang tersedia editor teks, misalnya buku catatan.

Di situs ini, saya mencoba menjelaskan secara rinci seluruh proses pembuatan situs Web Anda sendiri, yaitu mempublikasikan proyek yang sudah selesai di Internet untuk memberikan akses kepada semua pengguna.

Semoga artikel saya bermanfaat bagi banyak orang, karena saya sendiri bukan seorang programmer, namun saya sangat terinspirasi dengan karya ini.

Gambar grafis yang ditempatkan pada halaman Web tidak hanya berkontribusi pada persepsi informasi yang lebih baik, tetapi juga membuat halaman lebih jelas dan mudah diingat. Anda dapat menyiapkan gambar grafis sendiri atau menggunakan jasa desainer. Anda juga dapat menggunakan perpustakaan file grafik dari produk perangkat lunak seperti Microsoft Office, CorelDraw, dll.

Mari kita tempatkan gambar grafik dari perpustakaan Clip Art yang disertakan dalam Microsoft Office di halaman beranda situs Web yang kita buat. Untuk melakukannya, ikuti langkah-langkah berikut:

  1. Buka situs Web yang dibuat.
  2. Membuka halaman rumah dengan mengklik dua kali pada nama file index.htm di panel Daftar map(Daftar Folder).
  3. Di menu Menyisipkan(Masukkan) perintah pilih Menggambar Gambar-gambar(Seni Klip). Sebuah panel muncul di jendela program FrontPage Memasukkan gambar(Masukkan Clip Art).
  4. Pilih perintah dari panel ini Koleksi gambar(Galeri media). Sebuah kotak dialog terbuka memungkinkan Anda memilih gambar grafik (Gbr. 15.8).

Beras. 15.8.

Di bagian atas kotak dialog, selain tombol yang mengontrol tampilan objek yang ditampilkan di jendela, serta menyalin dan menghapus objek, terdapat tombol penetapan (lihat tabel).

  1. Panel Daftar koleksi berisi folder komputer Anda dengan file multimedia, serta file gambar perpustakaan Clip Art. Buka folder kategori gambar yang Anda minati. Gambar dari kategori ini akan muncul di area kerja jendela. Saat Anda meletakkan kursor pada suatu gambar, sebuah petunjuk akan terlihat menunjukkan nama, ukuran gambar dan file yang dikandungnya, serta format gambar grafik (Gbr. 15.9).
  1. Klik tombol panah di sisi kanan gambar yang dipilih. Menu konteks muncul.
  2. Pilih perintah dari menu konteks Menyalin(Sora).
  3. Buka halaman Web dan tempel gambar dari clipboard ke dalamnya menggunakan alat apa pun yang mudah digunakan. Misalnya, tekan kombinasi tombol +.
  4. Simpan halaman Web yang berisi gambar grafik dengan mengklik tombol Menyimpan(Simpan) pada toolbar standar. Sebuah kotak dialog muncul Menyimpan file yang disematkan(Simpan File Tertanam) (Gbr. 15.10), menawarkan untuk menyimpan gambar yang ditempatkan pada halaman dalam folder gambar-gambar Situs web dengan nama file tersebut berada di perpustakaan. Jendela ini berisi tombol-tombol berikut:
    • Ganti nama(Ganti Nama) - memungkinkan Anda mengganti nama file.
    • Ganti map(Ubah Folder) - membuka kotak dialog Ganti map(Ubah Folder), berisi folder situs Web saat ini, memungkinkan Anda memilih folder lain untuk menyimpan file.
    • Tindakan(Atur Tindakan) membuka kotak dialog tugas tindakan, memungkinkan Anda mengubah nilainya Menyimpan Simpan kolom Tindakan ke Jangan simpan(Jangan Simpan). Menyimpan Gambar disimpan di folder situs Web yang Anda tentukan, jika tidak, halaman Web akan berisi link ke gambar yang terletak di perpustakaan Clip Art.

Wilayah Menggambar(Pratinjau gambar) menunjukkan gambar yang ditempatkan. Dengan mengatur di kotak dialog Menyimpan file yang disematkan parameter yang diinginkan, tekan tombol OKE. File grafik akan disimpan di folder situs Web yang Anda tentukan.

Beras. 15.10.

Menempatkan gambar grafik dari file

Kami melihat penempatan gambar grafis dari perpustakaan Clip Ait di halaman Web. Untuk menempatkan gambar grafik dari file pada halaman, lakukan salah satu hal berikut:

  • Di menu Menyisipkan(Masukkan) perintah pilih Menggambar(Gambar), lalu di submenu yang terbuka - opsi Dari berkas(Dari Berkas)
  • Klik tombolnya Tambahkan gambar dari file(Sisipkan Gambar Dari File) pada toolbar standar
  • Klik tombolnya Tambahkan gambar dari file(Sisipkan Gambar Dari File) pada toolbar Gambar(Foto-foto)

Saat Anda melakukan salah satu tindakan ini, kotak dialog akan terbuka Menggambar(Gambar) (Gbr. 15.11). Dengan menggunakan jendela ini, temukan file grafik yang diperlukan dan klik tombol untuk menempatkannya di halaman Web Menyisipkan(Menyisipkan). Kotak dialog akan ditutup dan gambar akan ditempatkan pada halaman.

Beras. 15.11.

Mengatur properti gambar

Setelah menempatkan gambar di halaman Web, Anda perlu mengonfigurasi propertinya menggunakan kotak dialog Properti gambar(Properti Gambar) (Gbr. 15.12). Untuk membukanya, klik gambarnya, lalu lakukan salah satu hal berikut:

  • Di menu Format(Format) pilih perintah Properti(Properti)
  • Pilih tim menu konteks Properti gambar(Properti Gambar)
  • Tekan kombinasi tombol +

Jendela dialog Properti gambar berisi tiga tab: Biasa saja(Umum), Rekaman video(Video) Melihat(Penampilan). Mari kita lihat lebih dekat opsi penyesuaian menggunakan jendela tampilan ini.