Anda menetapkan gambar dengan tag <img> ...
<body> <img> </ Body>
Kita juga harus menentukan sumber dan ukuran.
<body> <img width="130" height="101" src="chef.gif"> </ Body>
A: Yah, ada beberapa cara yang berbeda. Salah satu cara adalah untuk memuat dalam penampil grafis. Penampil (dan gratis) yang luar biasa yang saya gunakan adalah Irfan View .
Lain editor grafis yang sangat populer adalah Paint Shop Pro . Ini adalah waktu yang terbatas shareware tetapi adalah salah satu editor yang baik. Jika Anda goYou'll menemukan ada versi yang lebih tua yang saya sangat merekomendasikan SANGAT untuk awal web designer.
Cara lain adalah dengan menggunakan editor teks atau html bahwa impor ukuran ketika Anda memasukkan gambar. Saya menggunakan NoteTab , dan tag gambar desain saya dibangun bagi saya ketika saya hanya tarik nama file ke file saat ini. Saya dapat menyisipkan gambar di sekitar 6 persepuluh detik
Saya bilang NoteTab adalah favorit saya!
Biarkan saya membuat titik bahwa tidak hanya sumber menentukan apa yang gambar, itu juga menentukan mana gambar. Sumber di atas, src = "chef.gif", berarti browser akan mencari gambar yang bernama chef.gif dalam folder yang sama (atau direktori) sebagai dokumen html itu sendiri. Bawah ini adalah diagram beberapa ...
Ada cara lain bahwa hal ini dapat dilakukan. Semua referensi ke gambar dapat memiliki sebagai sumber URL lengkap. Sebagai contoh:
http://www.yourdomain.net/LottzaStuff/images/chef.gif
Mengapa, Anda bertanya, tidak masuk akal jauh lebih banyak untuk digunakan relatif (parsial) URL sebagai lawan absolut (lengkap) URL? Karena Anda dapat membangun situs Anda secara lokal dan semua link akan bekerja. Bila halaman Anda selesai, Anda hanya meng-upload seluruh tumpukan ke server Anda dan semuanya akan bekerja dengan baik. Selain itu, lebih mudah bagi browser untuk mendapatkan gambar dan halaman Anda akan memuat lebih cepat.
Apakah pernah ada alasan untuk menggunakan URL absolut? Tentu, jika gambar berada pada server yang sama sekali berbeda.
FAQ: Begitu saya upload barang-barang saya ke Web, semua link gambar saya yang rusak. Saya menggunakan URL relatif dan saya pasti upload mereka karena aku bisa melihat mereka di sana dengan program FTP. Apa yang menyebabkannya?
J: Kedengarannya seperti itu bisa menjadi masalah kasus. Untuk sistem berbasis Windows, Chef.gif sama CHEF.GIF sama chef.gif. Masukan gambar yang pada server UNIX (sering) dan mereka menjadi 3 nama file yang berbeda. Anda memberitahu server untuk mencari Chef.gif, tapi semua itu dapat menemukan adalah CHEF.GIF.
Memperbaiki? Selalu gunakan nama file huruf kecil. Jadikan ini kebiasaan yang pasti dan Anda tidak akan mendapatkan sedikit oleh bug kasus.
Kebiasaan lain benar-benar baik adalah untuk menghindari spasi pada nama file web Anda. Swap merupakan underscore_ untuk setiap ruang. Ubah Mommy.gif saya untuk my_mommy.gif.
Silahkan lihat di mana gambar-gambar saya? untuk lebih pada gambar yang hilang.
J: Kedengarannya seperti itu bisa menjadi masalah kasus. Untuk sistem berbasis Windows, Chef.gif sama CHEF.GIF sama chef.gif. Masukan gambar yang pada server UNIX (sering) dan mereka menjadi 3 nama file yang berbeda. Anda memberitahu server untuk mencari Chef.gif, tapi semua itu dapat menemukan adalah CHEF.GIF.
Memperbaiki? Selalu gunakan nama file huruf kecil. Jadikan ini kebiasaan yang pasti dan Anda tidak akan mendapatkan sedikit oleh bug kasus.
Kebiasaan lain benar-benar baik adalah untuk menghindari spasi pada nama file web Anda. Swap merupakan underscore_ untuk setiap ruang. Ubah Mommy.gif saya untuk my_mommy.gif.
Silahkan lihat di mana gambar-gambar saya? untuk lebih pada gambar yang hilang.
Lain atribut <img> yang patut disebutkan adalah alt ...
<img width="130" height="101" src="chef.gif" alt="My Chef">
alt adalah semacam pengganti untuk gambar saat pengguna menggunakan browser yang tidak (karena alasan apapun) menampilkan gambar.
Seseorang mungkin menggunakan browser teks saja, dia mungkin loading
gambar dimatikan untuk kecepatan atau ia mungkin menggunakan pembaca
layar (browser di mana halaman web adalah membaca keras-keras). Dalam kasus tersebut, bahwa atribut alt bisa sangat penting untuk pengunjung Anda.
Sesuatu benar-benar Neato Anda harus tahu tentang gambar dan ukuran mereka.
Coba ini ...
<body> <img src="chef.gif"> </ Body>
Seperti yang Anda lihat, browser angka keluar seberapa besar gambar dengan sendirinya. Mengapa repot-repot dengan dimensi itu? Karena dengan dimensi, browser hanya dapat memesan ruang untuk gambar, maka beban sisa halaman. Setelah beban seluruh halaman dapat kembali dan mengisi gambar.
Tanpa dimensi, ketika berjalan ke dalam gambar, browser harus jeda
loading halaman, memuat gambar, kemudian lanjutkan loading halaman. Semua dalam semua, browser fungsi jauh lebih baik dengan dimensi gambar.
Yah Joe, itu semua <yawn> baik dan bagus, tapi apa bagian Neato??
Check this out ...
<img width="300" height="101" <body> src="chef.gif"> </ body>
<body> <img src="chef.gif" width="40" height="200"> </ Body>
Anda dapat menentukan apa dimensi yang Anda inginkan dan mengesampingkan dimensi yang tepat. Masih berkabut di bagian Neato?
Nah, lihat ini titik merah kecil -> Ini persegi 1x1. Lihatlah apa yang dapat saya lakukan dengan itu meskipun ...
Ini persegi 1x1. Lihatlah apa yang dapat saya lakukan dengan itu meskipun ... <body> <p align="center"> <img src="red_dot.gif" width="500" height="1"> <p align="center"> <img src="red_dot.gif" width="500" height="2"> <p align="center"> <img src="red_dot.gif" width="500" height="8"> <p align="center"> <img src="red_dot.gif" width="2" height="200"> </ Body>
Cukup bagus ya?
No comments:
Post a Comment