Bagaimana cara memasukkan milik Anda. Cara Cepat Memasukkan Wajah ke Foto Lain di Photoshop

Setiap pengguna Internet cepat atau lambat menghadapi tugas yang agak sepele, namun memerlukan pengetahuan yang diperlukan: cara memposting file di Internet sehingga pengguna lain dapat "mengunduhnya". Mari pertimbangkan salah satu cara untuk mengatasi masalah ini: unggah file ke layanan hosting file.

Anda akan perlu

• - Akses internet
• - program pengarsipan (WinRAR)

instruksi

Pertama, mari kita siapkan file untuk dikirim. Sebelum memulai, Anda harus memastikan bahwa Anda telah menginstal program pengarsipan dan pengelolaan file, seperti WinRAR. Kami akan mempertimbangkan pengarsipan menggunakan program ini sebagai contoh, tetapi Anda dapat menggunakan program lain yang fungsinya mirip dengan WinRAR.

Buka folder tempat file yang diperlukan berada, pilih dan klik kanan untuk menampilkan menu konteks. Di sini Anda perlu memilih “Tambahkan ke arsip…” atau “Winrar -> Tambahkan ke arsip…”. Jika ada beberapa file, Anda memerlukan semuanya sebelum menambahkannya ke arsip.

Pada kotak dialog yang muncul, tentukan nama untuk file arsip (sebaiknya dalam huruf Latin, misalnya file.zip), format arsip ZIP (yang paling umum) dan, terakhir, metode kompresi (ini menentukan ukurannya dari arsip akhir dan kecepatan kompresinya). Masuk akal untuk mengompresi file dengan format yang tidak terkompresi (misalnya tiff, bmp, wav, doc) sebanyak mungkin. Format terkompresi (misalnya jpg, gif, mpg, mp3) tidak akan memakan lebih sedikit ruang saat pengarsipan, jadi dalam hal ini lebih baik menentukan metode kompresi “kecepatan tinggi” atau metode “tanpa kompresi”.

Setelah kita menentukan parameter kompresi dan mengklik tombol OK, proses pengarsipan akan dimulai. Proses ini akan memakan waktu, setelah itu arsip baru akan muncul di sebelah arsip Anda dengan nama yang ditentukan pada langkah sebelumnya. Inilah yang akan kami posting di Internet.

Selanjutnya, Anda perlu membuka browser Anda dan pergi ke alamatnya http://rghost.ru. Ini adalah salah satu layanan berbagi file, kami menggunakannya sebagai contoh untuk instruksi. Saat Anda membuka situs tersebut, Anda akan langsung melihat formulir untuk menambahkan file. Pertama, klik tombol “Browse”, cari dan pilih arsip yang kita buat, lalu konfirmasikan pilihan dengan tombol “Open”. Untuk mulai mengunduh, Anda harus mengklik tombol “Kirim”.

Segera setelah ini, proses pengunggahan file ke server akan dimulai. Anda akan dapat memantau kemajuan dan kecepatan pengunduhan secara real time, dan perkiraan waktu penyelesaian operasi akan dihitung untuk Anda.

Selesai, file diposting di Internet. Anda akan melihat halaman pribadi dengan informasi tentang file Anda. Bidang "Tautan File" berisi jalur di mana arsip Anda akan tersedia di Internet. Tautan inilah yang dapat Anda salin dan kirimkan ke pengguna Internet lainnya.
Dua bidang yang lebih penting adalah “Unduh Kata Sandi” dan “Periode Retensi”. Di kolom pertama, jika perlu, Anda dapat mengatur kata sandi untuk mengunduh file agar menyulitkan orang yang tidak berwenang untuk mengaksesnya. Bidang kedua digunakan untuk mengubah periode penyimpanan file (dari 1 menjadi 30 hari), setelah itu file akan dihapus secara otomatis. Setelah mengubah kata sandi atau istilah Anda, pastikan untuk mengklik tombol “Perbarui”.

catatan

Perlu diingat bahwa setiap layanan hosting file memiliki batasannya sendiri mengenai ukuran file. Dibahas dalam artikel, rghost.ru memungkinkan Anda mengunduh file berukuran tidak lebih dari 50 MB secara gratis, ifolder.ru - hingga 100 MB.
Selain itu, kecepatan download dan upload file saat menggunakan server tersebut biasanya rendah, dan disarankan untuk bersabar.

Saran yang bermanfaat

Pengarsipan file sangat dianjurkan. Hal ini dilakukan demi kenyamanan orang yang mengunggah file ke Internet dan orang yang perlu menerima file ini. Dan jika Anda perlu memposting beberapa file di Internet sekaligus, pengarsipannya adalah suatu keharusan, karena jauh lebih mudah untuk mengunduh dan memposting satu arsip daripada selusin file atau dokumen yang berbeda.

Ada beberapa cara Cara menyisipkan gambar ke gambar lain di Photoshop. Pada artikel ini saya akan menjelaskan semuanya dengan sangat rinci.

Persiapan awal

Pertama, Anda perlu membuka gambar utama di Photoshop yang ingin Anda sisipkan gambar lainnya. Ini sangat sederhana, kalaupun ada kesulitan disini, lalu bagaimana caranya.

Kemudian buka gambar kedua dengan cara yang sama.

Jadi, dua gambar dibuka di program tersebut. Mereka pasti berbeda. Tugasnya adalah mentransfer salah satu dari mereka ke yang lain. Artinya, pada contoh saya, saya ingin menempatkan logo seri di sebelah potret karakter sehingga terlihat seperti ini:

Metode nomor 1: menyeret gambar dari tab

Paling sering saya menggunakan metode ini. Ini hanya terdiri dari menyeret gambar dari satu tab ke tab lainnya.

Secara default, Photoshop menampilkan panel dengan tab pada satu baris:

Kita perlu memastikan bahwa semua gambar terlihat. Untuk melakukan ini, tarik tab dengan logo ke bawah:

• arahkan mouse Anda ke tab dengan logo;
• tekan tombol kiri mouse dan, tanpa melepaskannya, gerakkan mouse ke bawah;

• Anda akan melihat bahwa tab tersebut akan berbentuk jendela, seperti jendela di OS Windows, yang berarti Anda dapat melepaskan tombol mouse.

Hasilnya, sebuah jendela dengan gambar lain akan muncul di atas gambar utama, seperti ini:

Anda dapat memindahkan jendela ini ke lokasi mana pun dalam program. Untuk melakukan ini, gerakkan kursor mouse ke bagian atas jendela yang berisi nama gambar ini dan, sambil menahan tombol mouse, gerakkan jendela ke segala arah.

Anda juga bebas mengubah ukuran jendela ini jika terlalu besar atau kecil. Untuk melakukan ini, arahkan mouse Anda ke sudut kanan bawah. Jika sudah berbentuk panah dua sisi, tarik sudut ini ke samping. Jendela akan berubah sesuai dengan gerakan tangan Anda.

Sekarang Anda perlu menghubungkan kedua gambar!

Gambar tidak muncul sama sekali dalam ukuran yang kita inginkan. Itu perlu diperbaiki. Untuk melakukan ini, tarik ujung bingkai hitam ke arah menurun atau meningkat. Setelah selesai, klik tombol tanda centang yang terletak di .

Untuk mengubah ukuran gambar secara proporsional, tahan tombol Menggeser.

Untuk memunculkan kembali bingkai yang dapat diedit, klik Ctrl+T.

Metode nomor 4: menyeret foto dari folder OS Windows

Adalah logis untuk membicarakan metode ini setelah yang pertama, ketika Anda belajar menyeret gambar dari tab. Secara umum, tindakannya serupa, namun hasilnya berbeda. Hasilnya akan sama persis seperti jika Anda menggunakannya Perintah "Tempatkan"., yaitu pada akhirnya kita menambahkan gambar.

Metode ini cocok jika gambar yang ingin Anda masukkan disimpan di suatu tempat di komputer Anda.

Buka folder dengan gambar dan posisikan jendela dengan lebih nyaman.

Setelah itu gambar akan ditambahkan sebagai smart object, maksud saya akan terulang kembali.

Jika Anda melihat kesalahan pada teks, pilih teks tersebut dan tekan Ctrl + Enter. Terima kasih!

Saya sudah lama berpikir tentang judul artikel itu, tetapi saya tidak bisa memikirkan nama yang lebih baik. Namun kini Anda akan langsung paham apa maksudnya. Anda memiliki situs web, Anda menulis artikel tentangnya dan itu bagus. Tapi apakah ada sesuatu yang hilang? Pria itu datang, membaca, dan pergi, mungkin selamanya. Dan Anda benar-benar ingin dia kembali ke situs Anda lebih dari sekali. Ke mana orang paling sering kembali? Itu benar, untuk layanan!

Namun tidak semua orang dapat membuat layanan kecil sekalipun di situs web mereka, seperti pemendek tautan; diperlukan beberapa pengalaman. Tapi apa yang menghalangi kita untuk menampilkan layanan orang lain di website kita? Hampir tidak ada! Bagaimana cara melakukannya? Di sinilah judul artikel yang tepat: bagaimana cara memasukkan website ke dalam website?

Saya tidak akan membuat penemuan untuk para profesional, tetapi untuk pemula kemungkinan besar akan berguna. Meskipun, sejujurnya, saya belum pernah melihat pendekatan seperti itu di blog mana pun. Namun sia-sia, semua chip tersebut seringkali memberikan hasil yang baik. Contoh yang bagus adalah cara saya mendapatkan backlink, . Hasil: 38512 link, natural semua 😉

Dalam hal ini, semuanya diselesaikan dengan iframe dangkal. Izinkan saya langsung berlatih: Terkadang saya menggunakan layanan kompresi gambar png. Ada layanan online yang luar biasa, Anda dapat menggunakannya tanpa masalah. Namun ada kekurangannya di sini: Anda harus selalu mengingat semua layanan ini atau menandainya; Anda meninggalkan situs Anda dan menggunakan situs orang lain. Jadi, jika Anda memasukkan situs ke situs iframe, maka Anda akan menggunakan layanan tersebut (dan bukan hanya Anda) tanpa meninggalkan situs Anda!

Hari ini saya telah membuat layanan semu seperti itu di halaman terpisah untuk diri saya sendiri - (tentu saja, ada kueri frekuensi rendah yang bagus di judul, dan juga di teks penjelasan)

Bagaimana cara membuat iframe responsif?

Inilah metode yang dapat Anda gunakan dalam kasus ini:

.video ( tinggi: 0; posisi: relatif; padding-bawah: 56,25%; ) .video iframe ( posisi: absolut; kiri: 0; atas: 0; lebar: 100%; tinggi: 100%; )

Tidak menemukan jawabannya? Gunakan pencarian situs

Kami telah merilis buku baru, Pemasaran Konten Media Sosial: Cara Memahami Pikiran Pengikut Anda dan Membuat Mereka Jatuh Cinta dengan Merek Anda.

Ada banyak tools yang siap membantu Anda meningkatkan website, meningkatkan efisiensi bisnis online Anda, dan meningkatkan interaksi dengan pelanggan. Banyak dari alat ini gratis. Namun bagaimana jika Anda bukan seorang pengembang web dan tidak tahu cara memasangnya di situs Anda? Ini adalah kendala besar.

Ironisnya kedengarannya, bisnis yang mengembangkan alat yang berguna untuk situs Anda juga memiliki hambatan terhadap kemakmurannya sendiri - kebutuhan untuk memaksakan pemasangan kodenya pada pengguna.

Mari kita coba menyelesaikan dua masalah sekaligus dengan membicarakan cara paling umum untuk memasukkan kode/cuplikan (fragmen) JavaScript untuk situs web:

• Di WordPress.
• Akun admin yang ditulis sendiri (menggunakan FTP jadul).
• Di Squarespace.
• Di Shopify.

Di akhir artikel kita akan menyentuh Wix. Dalam kebanyakan kasus, platform ini tidak mengizinkan Anda memasang kode atau cuplikan JavaScript, tetapi menawarkan alternatif dalam bentuk integrasi untuk berbagai layanan.

Dimana saya bisa mendapatkan kode instalasinya?

Mari kita lihat di mana mencari kode instalasi menggunakan layanan Crazy Egg sebagai contoh.

Prosesnya standar: kita memasukkan data registrasi, setelah memuat kita masuk ke dashboard. Di sana kami mencari bagian dengan kode.

Cara memasukkan kode ke situs WordPress

Anda dapat menggunakan plugin khusus – Tracking Code Manager.

Untuk memasukkan Tracking Code Manager, buka area admin situs dan cari bagian plugin di panel kontrol.

Pilih fungsi “Tambah Baru”.

Bilah pencarian akan muncul di sebelah kanan. Masuk ke “Tracking Code Manager”, lalu klik “Install Now”.

Setelah instalasi selesai, Anda perlu memastikan bahwa plugin telah diaktifkan. Mari pergi ke pengaturan.

Klik “Tambahkan Kode Pelacakan baru”.

Anda dapat melakukannya tanpa plugin Tracking Code Manager. Dalam hal ini, pilihan kami adalah menempelkan kode ke file header.php tema WordPress (lebih lanjut tentang ini nanti).

Cara memasang kode di situs WordPress.com

Situs web WordPress dan situs web WordPress.com adalah dua hal yang berbeda.

Website WordPress adalah website yang dikelola menggunakan CMS yang diinstal pada servernya sendiri. Artinya Anda membayar untuk nama domain (namasaya.com) dan hosting.

WordPress.com gratis. Anda dapat mendaftarkan situs web di dalamnya tanpa membayar hosting. Dalam hal ini, URL situsnya adalah: namaku.wordpress.com. Untuk mengubah nama domain, Anda harus melakukan beberapa langkah tambahan.

Saat Anda menjalankan situs di WordPress.com, Anda dibatasi dalam kode JavaScript dan cuplikan yang dapat Anda instal. Alasannya adalah protokol keamanan - pengembang tidak mengizinkan pengguna menempelkan kode ke dalam platform. Misalnya, pengembang MySpace mengizinkannya. Hal ini jelas menjadi alasan mengapa situs ini turun dari peringkat ke-5 dunia menjadi tahun 1967 dalam waktu enam tahun.

Pada saat yang sama, WordPress.com menawarkan berbagai bonus kepada pengguna untuk berbisnis. Misalnya integrasi dengan Google Analytics atau kemampuan menambahkan tombol media sosial. Namun dalam beberapa kasus, hal ini mungkin tidak cukup.

Cara memasang kode dan cuplikan JavaScript pada panel admin yang ditulis sendiri

Menggunakan FTP. Kita harus kembali ke dasar.

Saat ini banyak situs web yang ditulis sendiri. Situs web yang ditulis sendiri dibuat dari awal dan tidak menggunakan CMS untuk mengelola konten.

Bayangkan kita mempunyai situs seperti itu. Menempatkan kode di dalamnya akan sedikit lebih sulit daripada di WordPress, karena Anda harus mengingat tentang FTP.

Manajer FTP seperti FileZilla memungkinkan Anda menarik dan melepas file dan gambar dari situs web ke server. Dengan menggunakan program ini, Anda dapat menambahkan file ke server atau mendownloadnya, mengganti file lama dengan yang baru, menghapus data yang tidak perlu, mengubah nama dok.

Tidak ada yang rumit dalam protokol transfer data: hanya dalam 20 menit Anda sudah bisa merasa seperti seorang profesional. Bagi kebanyakan orang, bagian tersulit hanyalah menghubungi server.

Jika Anda memiliki masalah dengan server, silakan hubungi penyedia hosting Anda. Ini mungkin memakan waktu satu jam, tetapi setelah 60 menit Anda akan mengetahui semua yang perlu Anda ketahui. Saya biasanya merekomendasikan merekam percakapan ini menggunakan ScreenRecorder. Atau setidaknya membuat catatan dengan tangan.

Setelah Anda masuk ke server FTP, pastikan untuk melakukan . Jika Anda melakukan kesalahan, file penting Anda tidak akan kemana-mana. Anda dapat membuat salinan cadangan hanya dengan menyeret dan melepaskan semua file dari server ke komputer Anda.

Biasanya, antarmuka perangkat lunak manajer FTP terdiri dari dua kolom. Misalnya, pada gambar di bawah di kolom kiri Anda dapat melihat file yang disimpan di komputer. Di sebelah kanan adalah file dari server.

Untuk mengubah atau menambahkan file, cukup seret file dari satu kolom ke kolom lainnya.

Peringatan

Mengganti file berbahaya. Anda dapat dengan mudah mengganti file versi baru dengan versi lama dan kehilangan lebih banyak data terkini, secara tidak sengaja menghapus sesuatu yang penting, atau membuat kesalahan lainnya. Salinan cadangan memungkinkan Anda mengasuransikan diri Anda jika terjadi kesalahan seperti itu dan melindungi diri Anda dari masalah yang tidak perlu. Pastikan untuk menyimpan semua file dalam folder terpisah di komputer Anda sebelum melakukan perubahan.

Cara menempelkan kode menggunakan header.php

Katakanlah kita memiliki situs web yang pengelolaannya menggunakan WordPress. Untuk memasukkan kode, kita perlu mencari file header.php atau file lain bernama tajuk atau kepala.
Tajuk diperlukan untuk mengaktifkan kode atau fragmen JavaScript di semua halaman situs. Anda dapat menggunakan program gratis seperti Sublime Text untuk membuka file. Dengan bantuannya, Anda perlu membuka file yang disimpan di komputer Anda, dan bukan file serupa di server.

Saat kita membuka file di Sublime Text, kita melihat kode warna pelangi. Jangan takut, semuanya sederhana di sana.

Semua halaman dibagi menjadi dua bagian – Kepala (heading) dan badan (body). Judul ditunjukkan dengan kode HTML Dan. Tubuh - Dan.

Sebagian besar hal yang membuat situs berfungsi dan menampilkan teks terletak di antara dua bagian ini. Untuk menemukan tag tersebut, Anda dapat menggunakan pencarian halaman.
Biasanya, Anda dapat menyisipkan kode tepat sebelum tag penutup.

Setelah Anda memasukkan kode atau cuplikan, simpan file dan unggah ke server. Siap.

Sekarang tentang panel admin yang ditulis sendiri. Jika situs Anda dibuat dengan tangan dan Anda tidak dapat menemukan file head atau header, Anda mungkin harus memasukkan kode secara manual ke setiap halaman. Seringkali hal ini tidak menimbulkan banyak kesulitan.

Gambar di atas adalah situs HTML hipotetis yang terdiri dari empat file HTML. Jika kita ingin menempelkan beberapa kode ke dalamnya, kita harus membuka semua file ini satu per satu dan menempelkan kode atau cuplikan ke dalam tag masing-masing file. Setelah ini, prosesnya standar: simpan file dan unggah ke server, bukan yang lama.

Cara Menyematkan Kode di Website Squarespace

Squarespace telah memberikan kemudahan bagi penggunanya. Untuk memasukkan kode atau cuplikan JavaScript, Anda dapat menggunakan “injeksi kode”. Di menu, buka tab Pengaturan > Lanjutan > Injeksi Kode. Anda dapat menambahkan kode ke atau footer situs web.

Menemukan pengaturannya.

Gulir ke bawah dan klik "Lanjutan".

Pilih "Injeksi Kode".

Tempelkan kode dan simpan perubahannya.

Cara menyematkan kode di Shopify

Di panel kontrol, temukan bagian Toko Online dan pilih Tema.

Untuk mengakses tab yang diinginkan, klik “Actions” dan pilih “Edit HTML/CSS”.

Kami membutuhkan pecahan.

Mengklik opsi tersebut akan membuka kotak dialog dengan opsi untuk menambahkan fragmen baru.

Beri nama cuplikan dan klik tombol Buat cuplikan.

Masukkan kode cuplikan di area “tracking snippet.liquid”. Klik "simpan".

Bagaimana cara memasukkan kode jika situsnya ada di Wix

Wix dengan cepat menjadi pembuat situs web yang populer. Seperti WordPress.com, ia membatasi kemampuan penggunanya untuk menempelkan kode.

Namun Wix menawarkan solusi berupa Wix App Market. Di sana Anda dapat menemukan berbagai widget untuk pemasaran, media sosial, dan analitik. Omong-omong, Anda juga dapat memilih widget yang paling dibutuhkan di sana.

Halo pengunjung yang budiman!

Pada artikel kali ini saya akan menunjukkan cara menambahkan link ke website dalam bentuk hyperlink sederhana, gambar, dan juga tombol yang dapat Anda atur desainnya sendiri menggunakan gaya CSS. Ketiga pilihan tersebut sangat sering digunakan dan mempunyai efek yang cukup baik jika digunakan oleh pengunjung.

Mari kita mulai dengan yang paling sederhana dan mencapai yang rumit.

Tautan reguler dan hyperlink

http://site/poleznoe/kak-sdelat-ssylku-na-sait.html

http: //situs/poleznoe/kak-sdelat-ssylku-na-sait.html

Opsi ini ada tempatnya, tetapi ada kelemahan signifikan jika kita berbicara tentang efektivitas tautan semacam itu. Itu tidak dapat diklik, artinya, Anda tidak dapat membukanya hanya dengan satu klik mouse. Pilihan ini cukup sulit untuk dilihat oleh pengunjung.

Hal lainnya adalah hyperlink, yang bila diklik akan mengalihkan ke dokumen lain di Internet, baik internal (dalam situs yang sama) maupun eksternal (situs lain). Contoh linknya bisa dilihat dibawah ini. Coba klik tautannya.

Halaman utama sumber daya saya akan terbuka di tab baru. Untuk menerapkan opsi ini, Anda harus menggunakan alat mesin Anda, atau menulis baris berikut dalam kode HTML.

klik disini

Tautan dibuat dengan tag sederhana , di dalamnya terdapat alamat itu sendiri, di mana pengguna perlu diarahkan, serta jangkar tautan (dalam contoh di atas, jangkar adalah frasa “klik di sini”), yang menunjukkan teks tautan yang menjelaskan apa yang Anda inginkan terima ketika Anda pergi ke alamat ini.

Jika Anda memiliki situs web sederhana yang dibuat dalam HTML, maka Anda harus menulis kode ini di editor halaman, mengubah alamat saya menjadi alamat Anda dan menentukan jangkar Anda. Ini akan terlihat seperti ini.

Di dalam tag tautan Ada juga atribut untuk membuka halaman di tab baru.

sasaran = "_blank"

Ini juga sangat penting, disarankan untuk tidak membuang pengunjung dari sumber daya, tetapi meninggalkannya. Dengan menggunakan atribut ini, Anda akan memastikan bahwa pengunjung, dengan mengklik banyak link di satu halaman, tidak akan meninggalkan halaman saat ini, tetapi pada saat yang sama akan membuka banyak halaman lainnya. Ini penting jika Anda mempromosikan situs web.

Anda dapat menambahkan atribut judul ke tautan, yang merupakan tag judul dan memungkinkan mesin pencari mengetahui ke mana arah tautan tersebut. Juga, tag ini ditampilkan (jika terdaftar) ketika kita menunjuk pada link dalam bentuk tooltip.

Disarankan untuk menambahkan tag judul agar pengunjung dapat melihat tooltip ini saat mengarahkan kursor dan memahami tujuan mereka. Ini dilakukan secara sederhana, di dalam tag pembuka , seperti pada contoh di bawah ini.

Saat menggunakan mesin, seperti WordPress, menambahkan tautan ke situs sangatlah sederhana tanpa pengeditan apa pun dalam mode html. Editor posting memiliki ikon khusus dengan ikon koneksi.

Pada gambar saya menunjukkan seluruh proses menambahkan koneksi antara teks dan halaman lain.

1. Pertama, pilih frasa yang ingin Anda jadikan tautan;
2. Klik pada ikon tambahkan koneksi;
3. Kami mengatur parameter tautan (alamat halaman tempat Anda ingin mengarahkan pengguna, serta judul tautan, yaitu jangkar, jika perlu).

Anda tidak perlu memasukkan judul tautan, karena itu adalah teks yang dipilih pada tahap pertama. Pada gambar saya menunjukkan penambahan link dari halaman situs yang ada. Anda dapat melakukan ini, lalu ketika Anda mengklik salah satu entri dari daftar, URL dan judul akan dimasukkan secara otomatis.

URL juga dapat dimasukkan di situs eksternal. Jika perlu, masukkan alamat lengkap (mutlak) halaman tersebut. Untuk membuka halaman di tab baru, tidak perlu memasukkan atribut secara manual. Mesin menyediakan opsi ini menggunakan satu kotak centang (lihat gambar di atas).

Sedikit lebih tinggi saya katakan tentang alamat absolut. Ini berarti bahwa alamat lengkap halaman yang ingin Anda alihkan tertulis di dalam tautan, terlepas dari apakah itu sumber daya kami atau lainnya.

Ada juga alamat relatif, bila tidak perlu memasukkan alamat lengkap. Cukup memasukkan path ke beberapa direktori atau halaman situs, tanpa menentukan nama domain. Tautan tersebut hanya berfungsi untuk halaman dalam satu sumber daya. Anda tidak dapat merujuk ke proyek eksternal seperti itu.

Jika Anda ingin mendalami lebih dalam proses pembuatan alamat relatif, saya sangat merekomendasikannya membaca artikel ini pada sumber daya lain. Semuanya ditata dengan sangat keren di sana.

Gambar tautan

Tautan dalam bentuk gambar juga banyak digunakan, meskipun sebaiknya digunakan hanya untuk tujuan yang dimaksudkan. Jika kami memiliki tautan sederhana ke halaman lain dalam situs kami, maka lebih baik tidak membuatnya dengan gambar, karena tidak selalu jelas bahwa Anda perlu mengklik gambar tersebut untuk membuka halaman tertentu.

Dianjurkan untuk melakukan ini ketika Anda ingin mengiklankan seseorang, misalnya kursus video seseorang. Dalam hal ini, Anda memberikan hyperlink biasa, diikuti langsung dengan link gambar. Dalam hal ini, akan lebih jelas bahwa gambar tersebut mengarah ke situs kursus tempat pembeliannya.

Jika kita mengambil mode html, maka prinsip membangun struktur link sama persis, termasuk semua atribut. Satu-satunya perbedaan adalah tautan jangkar, yang terlihat seperti kode untuk gambar itu sendiri. Dalam kasus sebelumnya ada teks sederhana.

Dalam prakteknya akan terlihat seperti ini.

Seperti yang Anda lihat, di dalam tag link pembuka dan penutup terdapat kode gambar yang juga memiliki ciri khas tersendiri. Anda harus menyertakan tag judul yang sama di dalamnya, menunjukkan jalur ke gambar di hosting atau di sumber lain. Perlu juga menentukan dimensi gambar (lebar - lebar, tinggi - tinggi). Dan Anda harus menyertakan atribut alt, yang berfungsi sebagai deskripsi gambar. Jika Anda menuliskan semuanya, maka pengoptimalan gambar akan normal.

Berikut tampilannya dalam mode html. Saya membagi kode menjadi 3 bagian agar struktur tautan lebih mudah dipahami (gambar dapat diklik).

Satu-satunya kesulitan di sini adalah memasukkan kode gambar dengan benar, yang digunakan sebagai jangkar.

Tombol tautan menggunakan gaya CSS

Jika Anda ingin melakukan sesuatu yang berbeda, opsi ini juga ada tempatnya. Selain itu, ini memungkinkan Anda untuk mengubah gaya sehingga ketika Anda mengarahkan kursor ke tombol, baik tombol itu sendiri maupun warna tulisan di dalamnya akan berubah. Jika Anda mengambil gambar, hal ini tidak selalu mungkin untuk disadari. Dengan gaya, segalanya mungkin.

Keuntungan lain yang sangat bagus adalah kita dapat menempatkan tombol tepat di tengah dan hanya dapat diklik di area tombol. Jika kita mengambil sebuah gambar, maka ketika kita menempatkannya di tengah, seluruh lebar area konten di sekitar gambar tersebut akan dapat diklik. Terkadang cacat seperti itu mengakibatkan klik yang tidak disengaja pada gambar dan, sejujurnya, mengganggu.

Misalnya, saya membuat tombol sederhana yang mengarah ke halaman utama situs. Anda dapat memeriksa fungsinya.

Jika Anda melihat kode sumber tombolnya, semuanya sangat sederhana. Satu-satunya perbedaan dari hyperlink biasa adalah adanya id yang ditambahkan di dalam tag pembuka dan pada gilirannya, gaya desain ditulis ke dalamnya di file style.css.

Berikut adalah struktur tombol itu sendiri.

Kami melihatnya segera setelah membuka tag tautan id="button" ditentukan, yang mana gaya desainnya sendiri ditetapkan. Struktur lainnya identik dengan hyperlink.

Prinsipnya jelas, jadi saya memberikan gaya yang saya tambahkan ke tombol tautan ini.

/* gaya tombol dalam mode normal */ #button ( tampilan: blok; lebar: 550 piksel; /* lebar tombol */ tinggi: 60 piksel; /* tinggi */ warna latar: #ff4343; /* warna latar belakang */ teks- bayangan: 1px 1px #800909; /* bayangan teks */ warna: #fff; /* warna teks */ gaya batas: solid; /* jenis garis batas tombol */ lebar batas: 1px; /* batas ketebalan tombol ( bingkai) garis */ warna batas: #db3a3a; /* batas tombol (bingkai) warna garis */ ukuran font: 18 piksel; /* ukuran teks */ tinggi garis: 60 piksel; /* tinggi teks linier * / font- berat: normal; /* berat teks */ font-family: arial; /* jenis font */ perataan teks: tengah; /* perataan teks */ dekorasi teks: tidak ada; /* garis bawah teks */ margin : 40px otomatis ; /* membuat indentasi tombol dari elemen lain di halaman */ text-transform: huruf besar; /* sehingga semua huruf menggunakan huruf kapital. Jika tidak perlu, hilangkan baris */ ) /* gaya tombol saat mengarahkan kursor mouse */ # tombol: arahkan kursor ( warna latar: #f23333; ukuran font: 19 piksel; )