Friday, August 19, 2011

Html Part 6

FAQ: Bagaimana saya link ke file _____ sehingga orang dapat men-download?
J: Sederhana, hanya link untuk itu. Mari kita misalkan Anda memiliki beberapa dokumen Word Microsoft yang Anda ingin menawarkan. Hanya link ke mereka ...
 href="myresume.doc"> <a Ambil resume saya </ a> <br>
 href="mybio.doc"> <a Ambil otobiografi saya </ a>
Anda mungkin bertanya-tanya bagaimana untuk memastikan file tersebut akan disimpan ke disk, bukan yang ditampilkan atau dimuat atau apa pun. Singkatnya Anda memiliki sedikit kontrol atas apa yang terjadi ketika user mendownload sebuah file. Kebanyakan orang tahu cara klik kanan dan Simpan Untuk Disk. Orang lain mungkin memiliki plugin untuk menangani file. Hanya membiarkan orang mengelola bagian yang sendiri. Tugas Anda adalah hanya untuk menawarkan untuk di-download.
FAQ: Bagaimana cara membuat link terbuka di jendela browser baru?
J: Yah, pertama-tama, ini dapat dilakukan dengan mudah oleh pengunjung Anda jika ia ingin. Semua ia lakukan adalah klik kanan pada link dan pilih "Open New Window Di".
Jika kita sosok yang anda ingin memaksa tindakan ini untuk alasan apapun, Anda dapat menambahkan target = "_blank" untuk link ...
Pergi ke <a href="http://www.cnn.com/" target="_blank"> CNN </ a>
Ada lebih banyak pada target dalam Bingkai Tutor .
Satu lagi catatan tentang link ... Hal ini bisa diterima untuk link ke halaman web seseorang (s) tanpa bertanya. Link adalah apa yang membuat Web Web. Sekali lagi, karena ini adalah kesalahpahaman yang sangat umum pemula ... jika anda ingin link ke halaman web lain ... hanya link untuk itu. Anda tidak harus meminta izin, bahkan jika Anda benar-benar benar-benar merasa seperti meminta hanya akan menjadi hal yang sopan untuk melakukan ... itu tidak perlu. Sekarang, yang mengatakan, hal itu BUKAN ide yang baik untuk link ke media yang orang lain ... seperti gambar, film atau suara.
Sekarang bahwa Anda telah belajar bagaimana membuat link, saya akan memberitahu Anda tentang salah satu Peeves hewan peliharaan saya. Aku benci mencari informasi tentang widget dan semua saya dapatkan adalah halaman dengan 14 LINK lusin untuk situs widget dan tidak ada yang lain. Saya mengikuti beberapa link tersebut dan saya mendapatkan banyak link ke situs yang lebih widget link
Jika Anda membuat sebuah situs web, tentu saja termasuk link jika Anda berpikir hal itu menambah nilai, tapi cobalah untuk menahan diri dari memiliki sebuah situs yang terdiri dari tidak lebih dari sekelompok link ... terutama link yang link ke bahkan lebih banyak link!
Sebelum kita melanjutkan, kita perlu untuk membahas sesuatu. Ketika Anda memasukkan gambar pada halaman Anda, ingatlah bahwa mereka mengandung banyak data dan oleh karena itu bisa lambat untuk memuat. Salah satu cara untuk mengurangi ukuran (ukuran saya maksud Kb) adalah untuk mengurangi dimensi. Pemotongan panjang dan lebar dalam setengah dapat menghasilkan gambar hanya 1 / 4 ukuran dalam Kb. Anda juga dapat mengurangi jumlah warna. Sebagai contoh:
Dimensi 310 x 304
# Warna-238
Ukuran - 69 Kb
Dimensi 207 x 203
# Warna-238
Ukuran-34 Kb
Dimensi 207 x 203
# Warna-48
Ukuran - 19 Kb
Semua editing gambar dilakukan dengan Paint Shop Pro 3 .
(Ini, waktu yang lebih tua versi non terbatas masih tersedia. Meskipun itu lebih tua dan bukan sebagai
mewah sebagai versi terbaru, itu editor grafis BESAR -. SEMPURNA untuk penulis web baru)
Sekarang diberikan, yang pertama adalah kualitas gambar yang lebih besar, lebih bagus dan lebih baik, tetapi berpikir dengan cara ini ... jika halaman Anda membutuhkan selamanya untuk memuat, pengunjung Anda dapat meninggalkan dan mereka tidak akan melihat apa-apa.
Saya kira bahwa hari ini, dengan bandwidth murah dan begitu banyak orang terhubung ke koneksi broadband internet, menonton ukuran gambar Anda tampaknya tidak penting ... tapi aku berpendapat itu masih hal yang baik untuk tetap menangani mereka. Semua hal yang sama, Anda lebih baik dengan situs trim dan cepat memuat lebih dari satu yang sia-sia macet dengan sekelompok gambar yang terlalu membengkak.

Jika Anda suka bermain dengan mainan online, dan hanya untuk melihat berapa banyak gambar dapat dikurangi, coba GIFWorks ...
Klik di sini untuk pergi ke GIFWorks
GifWorks adalah online benar-benar bagus GIF editor dan optimasi. Anda tidak perlu untuk men-download sesuatu. Anda dapat mengirim gambar dan optimasi hanyalah salah satu dari banyak hal yang dapat dilakukan. Meskipun Anda berada di sana, Anda dapat memeriksa alat-alat lain mereka rapi atau menelusuri koleksi foto mereka yang luas. Pergi ke depan dan memberikan berputar.
FAQ: Apa yang harus saya gunakan untuk halaman saya ... GIF atau JPG?
J: Pertanyaan yang bagus. Jawaban singkatnya adalah ... menggunakan JPG untuk foto atau gambar dengan banyak campuran atau gradien, dan menggunakan GIF untuk gambar sederhana atau garis yang ditarik yang berisi jenis warna relatif sedikit. Sebuah jawaban yang lebih throrough diberikan dalam GIF atau JPG?
Dan untuk halaman gambar lebih menarik pasangan terkait, kita lihat GIF Kompresi Dijelaskan dan Contoh Gambar Kompresi .
Lain pilihan yang dapat digunakan jika Anda ingin menawarkan banyak citra adalah untuk menyediakan thumbnail yang memiliki pranala ke versi yang lebih besar gambar. Mari kita misalkan bahwa saya ingin menawarkan tiga gambar yang sangat bagus katakanlah beberapa mobil saya (saya ingin).
Mobil 1 Mobil 2 Mobil 3
Klik pada thumbnail untuk melihat gambar lebih besar
Hal pertama yang perlu Anda lakukan adalah api editor gambar Anda dan membuat versi kecil dari gambar Anda. Ini sedikit tentang membuat versi yang lebih kecil sangat penting. Saya telah melihat banyak contoh dari seseorang yang mencoba untuk membuat thumbnail hanya dengan mengurangi dimensinya pada tag <img>. Semua ini dilakukan adalah menjejalkan gambar penuh ke dalam ruang yang lebih kecil. Apa yang perlu anda lakukan adalah membuat salinan yang lebih kecil dari gambar dan menggunakannya sebagai link ke gambar besar.
Mari kita lakukan satu. Saya pikir kita akan menggunakan Corvette (itu yang biru apakah ada orang di luar sana yang untuk beberapa alasan konyol tidak tahu). Menempatkan gambar berukuran penuh dan gambar kecil dalam folder kerja Anda. Sekali lagi ... klik kanan & Save Picture As (atau yang serupa).
Mulailah dengan tag <img> menggunakan gambar yang lebih kecil.
 <body>
 <img src="car2-sm.gif" width="90" height="62">
 </ Body>

Menambahkan tag <a> Anda.
 <body>
 <a> <img src="car2-sm.gif" width="90" height="62"> </ a>
 </ Body>
Kemudian tambahkan URL gambar besar dan bingo, Anda sudah selesai!
 <body>
 <a href="car2.jpg"> <img src="car2-sm.gif" width="90" height="62"> </ a>
 </ Body>

Anda bisa, jika Anda ingin, menyingkirkan perbatasan biru. Atau, Anda mungkin ingin tetap sehingga pemirsa Anda tahu bahwa itu adalah link. Itu terserah Anda.
 <body>
 <a href="car2.jpg"> <img src="car2-sm.gif" width="90" height="62" border="0"> </ a>
 </ Body>
FAQ: link gambar saya memiliki ini strip biru kecil di samping mereka. Juga saya terus mendapatkan ruang antara mereka dan saya ingin mereka siram melawan satu sama lain. Aku tidak mengerti ... bekerja tepat di Browser B.
Depan Email Links
J: Sebagian besar browser menginterpretasikan carriage return antara gambar sebagai spasi. Sebuah browser beberapa tidak. Sesederhana itu. Dash biru kecil (terlihat di beberapa browser) hanya link menggarisbawahi ruang kosong. Obat adalah untuk menghilangkan tombol kembali tepat sebelum atau tepat setelah gambar.
Ini adalah markup untuk gambar di atas:
 <p align="center">
 <a href="myhome.html">
 <Img src = "myhome.gif"
      width = "66" height = "23"
      border = "0" alt = "Home">
 </ A>
 <a href="mailto:me@my.house">
 <Img src = "myemail.gif"
      width = "66" height = "23"
      border = "0" alt = "Email">
 </ A>
 <a href="mylinks.html">
 <Img src = "mylinks.gif"
      width = "66" height = "23"
      border = "0" alt = "Links">
 </ A>
 </ P>
Jika kita mengubah ke ini kita akan menghilangkan strip biru kecil:
 <p align="center"> <a href="myhome.html"> <img src="myhome.gif" width="66" height="23" border="0" alt="Home"> </ span> href="mailto:me@my.house"> <img src="myemail.gif" width="66" height="23" border="0" alt="Email"> </ a> <a href="mylinks.html"> <img src="mylinks.gif" width="66" height="23" border="0" alt="Links"> </ a> </ p> 
Depan Email Links
Lain penyesuaian dan ruang hilang juga:
 <p align="center">
 <a href="myhome.html"> <img
      src = "myhome.gif"
      width = "66" height = "23"
      border = "0" alt = "Home"> </ a> <a
    href = "mailto: me@my.house"> <img
      src = "myemail.gif"
      width = "66" height = "23"
      border = "0" alt = "Email"> </ a> <a
    href = "mylinks.html"> <img
      src = "mylinks.gif"
      width = "66" height = "23"
      border = "0" alt = "Link"> </ a>
 </ P>
Depan Email Links
Luangkan waktu untuk memahami apa yang terjadi pada contoh di atas.
Apakah ini sakit di pantat? Hanya jika Anda tidak mengerti apa yang terjadi dan bagaimana memperbaikinya. Apakah Browser Sebuah browser jelek? Belum tentu, itu hanya berbeda dari B Browser. Browsers kadang-kadang melakukan hal yang berbeda dengan markup yang sama.

Lain cara untuk link ke link tidak hanya untuk halaman, tetapi untuk bagian tertentu dari halaman. Klik di sini untuk menjadi ajaib diangkut ke mana kami pertama kali berbicara tentang URL. Karena akan agak sulit untuk memiliki Anda membangun sebuah contoh, saya hanya akan melakukan yang terbaik yang saya bisa untuk menjelaskan bagaimana hal itu dilakukan.
Pertama mulai dengan tempat Anda ingin orang diangkut ke. Pilih kata dan membungkusnya dalam tag <a>.
 <a> Tambahkan </ a> URL dan Anda selesai!

Selanjutnya beri nama tempat itu ...
 <a name="upabit"> Tambah </ a> URL dan Anda selesai!
Apa yang Anda lakukan adalah ditandai tempat itu. Sekarang tempat yang dapat direferensikan dan terkait dengan.

Mulai membangun link ...
 Klik <a> sini </ a> menjadi ajaib diangkut ...

Tambahkan URL dari dokumen yang akan direferensikan ...
 Klik <a href="lesson12.html"> di sini </ a> untuk menjadi ajaib diangkut ...

Dan terakhir, tambahkan nama anchor seperti begitu ...
 Klik href="lesson12.html <a #upabit "> sini </ a> menjadi ajaib diangkut ...
Saya pikir saya akan mengambil waktu untuk memberitahu Anda tentang resolusi layar. Kebanyakan orang menggunakan resolusi layar 800x600. Itu berarti bahwa layar dibagi menjadi 800 pixel (titik) horizontal dan vertikal 600 pixel. Beberapa orang menggunakan 640x480, beberapa menggunakan 1024x768 dan beberapa bahkan menggunakan resolusi lebih tinggi.
Menggunakan sedikit javascript di halaman ini saya dapat mendeteksi resolusi layar saat ini ANDA ...
Anda saat ini resolusi layar:
1366 × 768
Apa ini harus dilakukan dengan apa? Ia memiliki banyak hubungannya dengan bagaimana halaman Anda akan melihat pengunjung yang berbeda. Berikut adalah beberapa screen shot dari situs lama saya di resolusi yang berbeda.
640 × 480 800 × 600 1024 × 768
Ini adalah ide yang sangat baik untuk memeriksa halaman Anda pada resolusi lainnya. Tata letak Anda dengan hati-hati mungkin berantakan pada resolusi lainnya. Terutama jika Anda merancang halaman Anda pada resolusi yang lebih tinggi. Lihat kreasi Anda di res rendah dan Anda mungkin akan terkejut.
Jika Anda tidak yakin bagaimana mengubah resolusi layar Anda, saya telah menulis beberapa instruksi di sini .
Apa resolusi desain untuk sebuah perdebatan yang sedang berlangsung. Yang ideal adalah tidak desain untuk APAPUN resolusi tertentu sama sekali. Idealnya halaman Anda harus rapi di semua resolusi. Karena idealis ini mungkin dan realistis itu sedikit lebih sulit, kompromi yang bagus adalah untuk merancang untuk resolusi horisontal minimum sekitar 560, kemudian menguji tata letak Anda di resolusi yang berbeda.
Meskipun ini merupakan kompromi yang baik, itu masih tidak cukup untuk beberapa orang. Beberapa konten dalam pengetahuan bahwa karena "kebanyakan" orang berjalan pada 800x600, itulah apa yang akan mereka desain untuk. Hanya berhati-hatilah jika Anda tata letak halaman adalah serapuh rumah kartu. Semakin Anda biola dengan tata letak yang tepat, cukup sering kurang bisa diandalkan bahwa tata letak akan. Halaman Anda mungkin halus dibuat berantakan bagi lebih banyak orang daripada yang Anda sadari. Tata letak halaman web bukanlah hal yang tepat bahkan dalam situasi yang terbaik ... tetap longgar, terus jika fleksibel, menguji halaman Anda dengan pasangan browser dan pada beberapa resolusi.

Sekarang kita akan melihat beberapa format alat tersedia untuk Anda. Pertama adalah <blockquote>. Pada kebanyakan browser itu menarik margin Anda dalam dari kedua belah pihak. (Saya tidak tahu apakah itu terminologi yang tepat tetapi jika Anda memahami apa yang saya maksud saya rasa itu cukup dekat).
 <body>
 <blockquote>
 KAMI RAKYAT Amerika Serikat, dalam rangka untuk membentuk lebih sempurna 
 Uni, membangun keadilan, menjamin ketenangan dalam negeri, menyediakan untuk 
 pertahanan umum, mempromosikan Kesejahteraan umum, dan mengamankan Berkah 
 Liberty diri kita sendiri dan Generasi kita, apakah menahbiskan dan menetapkan ini 
 Konstitusi Amerika Serikat.
 </ Blockquote>
 </ Body>
KAMI RAKYAT Amerika Serikat, dalam rangka untuk membentuk Uni lebih sempurna, mendirikan keadilan, menjamin ketenangan dalam negeri, menyediakan pertahanan umum, mempromosikan Kesejahteraan umum, dan mengamankan Berkah Liberty diri kita dan keturunan kita, lakukan menahbiskan dan Konstitusi ini menetapkan untuk Amerika Serikat.
Aku yakin saat pertama kali dirancang <blockquote> itu tujuan mulia, seperti mengutip bit mendalam dari penulis prosa Aku bahkan belum pernah dengar. Tapi di sini di parit melayani tujuan yang lebih biasa ... Indentasi mudah.
Ini juga penting untuk dicatat bahwa meskipun sebagian besar browser membuat teks blockquoted oleh indentasi, itu tidak secara khusus apa itu dirancang untuk melakukan. Ini dibayangkan bahwa beberapa browser masa depan mungkin membuat teks blockquoted dalam beberapa cara lain (seperti miring merah). Yang mengatakan Namun, di masa mendatang, sangatlah aman untuk indentasi blok teks dengan <blockquote>.
alat kecil yang sangat berguna adalah daftar. Ada memerintahkan daftar dan daftar unordered.
Ini adalah ordered list:
  1. besar sesuatu
  2. sesuatu yang kecil
  3. singkat sesuatu
  4. tinggi sesuatu

Ini adalah unordered list:
  • merah sesuatu
  • sesuatu yang biru
  • tua sesuatu
  • sesuatu yang baru
Pertama, kita akan membangun sebuah daftar memerintahkan un. Ini pikiran-numbingly sederhana ... benar-benar.
Mulailah dengan ini ...
 <body>
 Apa yang saya inginkan untuk Natal
 </ Body>
Apa yang saya inginkan untuk Natal
(Secara teknis kami belum mulai membangun daftar belum Ini hanya semacam dari pos..)

Menambah sepasang tag unordered list.
 <body>
 Apa yang saya inginkan untuk Natal
 <ul> 
  </ Ul>
 </ Body>
Apa yang saya inginkan untuk Natal

Tambahkan item daftar.
 <body>
 Apa yang saya inginkan untuk Natal
 <ul>
 <li> truk merah besar
 </ Ul>
 </ Body>
Apa yang saya inginkan untuk Natal
  • truk merah besar

Tambahkan beberapa lagi ...
 <body>
 Apa yang saya inginkan untuk Natal
 <ul>
 <li> truk merah besar
 <li> speedboat cepat nyata 
  <li> drum set 
  <li> senjata BB 
  <li> sebuah Melanie Griffith
 </ Ul>
 </ Body>
Apa yang saya inginkan untuk Natal
  • truk merah besar
  • speedboat cepat nyata
  • drum set
  • BB gun
  • sebuah Melanie Griffith
Bingo! Anda membuat daftar!


Cara membuat daftar ordered? Mudah! Ubah tag <ul> untuk <ol>.
 <body>
 Apa yang saya inginkan untuk Natal
 <ol>
 <li> truk merah besar
 <li> speedboat cepat nyata
 <li> drum set
 <li> senjata BB
 <li> sebuah Melanie Griffith
 </ Ol>
 </ Body>
  1. truk merah besar
  2. speedboat cepat nyata
  3. drum set
  4. BB gun
  5. sebuah Melanie Griffith
 
 

No comments:

Post a Comment

bootabel linux

Cara Membuat Bootable Linux Dengan USB Flashdisk Seperti biasa, sebelum memulai pembuatan bootable linux dengan menggunakan flashdisk ada...