• Like
  • Save
Pengantar desain web
Upcoming SlideShare
Loading in...5
×
 

Pengantar desain web

on

  • 922 views

 

Statistics

Views

Total Views
922
Views on SlideShare
922
Embed Views
0

Actions

Likes
0
Downloads
70
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft Word

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Pengantar desain web Pengantar desain web Document Transcript

    • Pengantar Desain WebTutorial ini cocok untuk pemula di bidang desain web. Ini mencakup:Pendahuluan - Anda di sini.HTML - Sebuah pengantar bahasa komputer yang membentuk jantung darihalaman web. Meskipun tidak mutlak diperlukan untuk mengetahui hal ini, Andamasih harus membaca halaman ini untuk mendapatkan gambaran bagaimanakerjanya.Editor - Alat dapat Anda gunakan untuk membantu membuat website.Hosting - Bagaimana menemukan rumah (host server) untuk website Anda.Publish! - Cara meng-upload situs Anda ke internet sehingga orang lain bisamengunjunginya.Catatan Penting: Sebelum mengambil tutorial ini atau mencoba untukmembangun sebuah website, Anda harus memiliki pemahaman dasar tentanginfrastruktur yang membentuk internet. Anda perlu tahu apa server adalah,bagaimana website ada dan bagaimana orang mengaksesnya. Jika Anda tidakmemahami hal ini, Anda tidak harus mulai membangun situs Anda! SebaliknyaAnda harus mengambil WWW singkat kami Primer yang menjelaskan itu bagusdan sederhana. Kemudian kembali ke sini dan melakukan ...The Biaya Membuat WebsitePada titik ini, banyak orang akan bertanya-tanya satu hal: Apa yang akan inibiaya? Kabar baiknya adalah bahwa, selain dari biaya normal koneksi internet,adalah mungkin untuk membangun dan mengoperasikan situs web di benar-benar tanpa biaya. Kabar buruknya adalah bahwa hal itu sulit untuk bekerjaseperti ini dan ada keterbatasan untuk apa yang dapat Anda lakukan tanpamengeluarkan uang. Tutorial ini akan menawarkan pilihan untuk tingkat anggaranberbagai serta mereka tanpa anggaran sama sekali.MetodologiSebelum kita turun ke bisnis kita harus menunjukkan bahwa ada dua cara yang
    • sangat berbeda untuk membuat sebuah website.Cara tercepat dan termudah untuk membuat sebuah situs adalah denganmenggunakan on-line "penyihir" diberikan oleh penyedia layanan internet (ISP)atau organisasi lainnya.Untuk menggunakan metode ini, kunjungi alamat internet yang diberikankepada Anda oleh organisasi yang menyediakan layanan. Di sana Anda akandipandu melalui serangkaian langkah-langkah sederhana yang akan menghasilkansitus yang dibangun untuk Anda. Keuntungan dari metode ini adalah bahwa Andatidak perlu keahlian lain selain menggunakan browser Anda. Kekurangannyaadalah bahwa Anda sangat terbatas dalam apa yang dapat Anda lakukan denganjenis situs.Pendekatan lain adalah untuk membangun sebuah situs web pada komputerAnda sendiri, kemudian "upload" ke internet sehingga orang lain dapatmengaksesnya. Ini adalah cara situs paling serius dibuat, dan itu adalah metodeyang tutorial ini akan menutupi.Catatan: Karena internet adalah suatu lingkungan yang rumit, tutorial inipengantar cenderung over-menyederhanakan penjelasan tentang bagaimanasegala sesuatu bekerja. Anda tidak harus mengambil semua contoh dan ilustrasiterlalu harfiah, tetapi informasi secara konseptual suara. Dalam waktu, Andadapat memilih untuk membuat usaha dan membangun pemahaman yang lebihakurat secara teknis.MemulaiItu semua bisa terlihat sangat menakutkan bagi pemula, tetapi jika Anda tahubagaimana untuk berselancar internet dan menggunakan pengolah kata makaAnda seharusnya tidak memiliki kesulitan membuat website.Namun, kesalahan tunggal terbesar yang kami lihat dari pemula sedang mencobauntuk melakukan terlalu banyak terlalu cepat. Apapun tingkat pengalamandengan komputer dan internet, itu benar-benar penting bahwa Anda mengambilhal-hal yang perlahan-lahan dan tidak mendapatkan depan diri sendiri.
    • Pembangunan website adalah ladang ranjau. Jika Anda memiliki peta Anda akanbaik-baik saja, tetapi jika Anda pikir itu terlihat mudah dan pergi pengisian di Andaakan berakhir datang terpisah!Banyak aplikasi perangkat lunak akan memberitahu Anda bahwa desain webmudah. Itu umum untuk melihat klaim seperti "Membuat website Anda sendiridalam hitungan menit - tidak ada pengalaman yang diperlukan". Dalam pendapatkami klaim ini menyesatkan - Anda hanya tidak bisa belajar cukup dalambeberapa menit untuk memiliki kesempatan untuk sukses. Anda dapatmempelajari dasar-dasar dalam satu jam atau lebih, tetapi Anda akanmembutuhkan jauh lebih lama jika Anda ingin menjadi apapun yang baik.Orang sering meminta kami untuk merekomendasikan sebuah program komputeryang akan memungkinkan mereka untuk membuat website yang fantastis.Mereka kadang-kadang menunjukkan kepada kita sebuah website yang merekasukai dan berkata "Saya ingin sebuah program yang akan membuat situs sepertiini." Skenario ini agak seperti mengambil foto dari rumah ke toko hardware danberkata "Saya ingin palu yang akan membuat rumah seperti ini".Jadi, inilah realitas pertama: Tidak ada hal seperti program yang membuat situsyang baik. Meskipun beberapa program yang lebih bermanfaat daripada yanglain, pada akhirnya itu terserah Anda. Website yang baik tidak mengesankankarena mereka dibuat dengan program yang baik, mereka mengesankan karenamereka dibuat oleh orang yang berpengalaman. Untuk membuat situs besar Andaperlu melakukan banyak belajar. Tidak ada jalan pintas.
    • Penngertian HTMLDi jantung desain halaman web adalah bahasa komputer yang disebut "HTML".Meskipun bahasa baru dan teknologi yang menggantikan HTML, masihmembentuk dasar dari hampir semua situs web. Untuk tutorial ini kita akanmenyederhanakan situasi dan berpura-pura bahwa semua halaman web hanyamenggunakan HTML.Ini adalah di mana Anda mungkin berpikir "Oh tidak, mereka tidak mengharapkansaya untuk belajar tentang hal ini mereka?".Nah, ya dan tidak. Anda tidak benar-benar perlu tahu apa-apa tentang HTML danjika ambisi Anda tidak tinggi maka Anda bisa pergi tanpa itu. Namun, jika Andabahkan sedikit serius tentang membuat website yang baik maka akan banyakmembantu Anda jika Anda memahami beberapa dasar-dasar. Jangan menunda -itu tidak menakutkan seperti kedengarannya.Jika Anda benar-benar tidak bisa diganggu, ada pilihan lain yang tersedia (denganbiaya - lebih pada nanti).Dokumen HTMLSebuah halaman web adalah sebuah "HTML Document". Ini adalah format fileyang biasanya menggunakan ekstensi ". Html" atau "htm.". Misalnya, jika Andamenggunakan Microsoft Word, Anda biasanya akan menyimpan file Anda denganekstensi "doc.". Namun Anda juga dapat menyimpan file Anda dengan ekstensilainnya seperti "txt.", ". Wps" dll Di antara pilihan adalah "html.".Dokumen HTML sebenarnya hanya teks biasa, tetapi berisi potongan kode yangmembawa informasi penting tentang bagaimana halaman harus ditampilkan.Anda dapat membuat suatu dokumen menggunakan editor teks apapun - bahkanyang sangat sederhana seperti Windows Notepad. Bahkan banyak web designerlebih suka menggunakan editor teks sederhana.Inilah sebuah dokumen HTML yang sangat sederhana seperti:
    • <html><head><title> Sebuah Halaman Web Sederhana </ title></ Head><body>Ini adalah tentang yang sederhana seperti halaman web bisa mendapatkan.</ Body></ Html>Untuk melihat dokumen HTML, Anda harus menggunakan browser (atau softwareyang serupa). Browser akan terbuka dokumen HTML di latar belakang dan"decode" sebelum menunjukkan kepada Anda. Apa yang Anda lihat adalahinterpretasi browser Anda bagaimana halaman web harus melihat (catatan: inisebenarnya merupakan titik penting - itu sebabnya Anda harus menguji situsAnda menggunakan berbagai browser). Untuk melihat apa dokumen contoh diatas terlihat seperti, klik di sini, kemudian klik tombol back browser anda untukkembali dan melanjutkan.Kami tidak akan pergi ke detail lagi saat ini, tapi pada akhir tutorial ini kita akanmenunjukkan kepada Anda bagaimana untuk mempelajari lebih lanjut tentangHTML.Pindah keLangkah 3: EditorLangkah 3: Editor WYSIWYGWYSIWYG berarti "Apa yang Anda Lihat adalah Apa yang Anda Dapatkan".WYSIWYG halaman web editor yang mirip dengan pengolah kata dan merekamemungkinkan Anda untuk membangun sebuah halaman web tanpa
    • menggunakan petunjuk HTML. Anda cukup mengetikkan teks, menambahkangambar, dll, dengan menggunakan toolbar akrab dan menu. Editor membuat kodeHTML di latar belakang.Dreamweaver screenshotSome terkenal WYSIWYG halaman web editor:Adobe DreamweaverMicrosoft FrontPageMicrosoft PublisherScreenshot di sebelah kanan adalah dari Dreamweaver. Menggunakan alat yangdisediakan, Anda dapat menambahkan teks, gambar dan elemen lainnya langsungke halaman.Editor ini memiliki keunggulan yang jelas seperti kecepatan dan kemudahanpenggunaan. Namun, ada trade-off: Mereka tidak 100% dapat diandalkan. JikaAnda memeriksa kode HTML, Anda akan menemukan kesalahan dan kodetambahan yang tidak diinginkan. Mereka juga cenderung menipu - Anda mungkinberpikir Anda sedang memproduksi sebuah halaman yang fantastis, tetapimenemukan bahwa itu terlihat sangat berbeda setelah Andamempublikasikannya. Ingat bahwa editor biasanya menggunakan perkiraanbagaimana halaman akan terlihat. Untuk melihat halaman Anda sebagai itubenar-benar Anda butuhkan untuk melihatnya dalam browser.Untuk ini (dan lainnya) alasan, beberapa desainer web profesional menolak untukmenggunakan editor WYSIWYG. Sebaliknya, mereka menggunakan editor tekssederhana dan menyusun semua HTML secara manual. Namun, itu menjadi lebihumum untuk menggunakan campuran dari kedua metode. Sebuah editorWYSIWYG yang baik akan memberikan Anda pilihan untuk mengedit kode HTMLsecara manual. Pada bagian bawah screenshot Dreamweaver ada panel yangmenunjukkan kode HTML untuk halaman yang sedang dikerjakan. Saat Andamengedit halaman dalam modus WYSIWYG, HTML secara otomatis update.Demikian pula, Anda dapat mengedit kode HTML dan tampilan WYSIWYG akan
    • diperbarui.RekomendasiMenemukan perangkat lunak yang tepat tidak mudah. Jika mungkin Anda harusmencoba beberapa pilihan yang berbeda - editor yang paling baik memiliki versipercobaan gratis yang tersedia. Berikut adalah apa yang kita pikirkan tentangpesaing terkemuka beberapa:Adobe Dreamweaver adalah alat kami pilihan. Hal ini secara luas dianggappaling terbaik sama dalam bidang desain web profesional. Hal ini juga sangatcocok untuk pemula. Itu tidak murah!Adobe Kontribusi adalah saudara yang lebih rendah-biaya Dreamweaver. Hal inimemungkinkan Anda untuk menjaga dan memperbarui website Anda sertaberkolaborasi dengan orang lain yang bekerja dengan Anda.Microsoft Frontpage adalah program yang bagus untuk pemula, tetapimemperingatkan: Program ini memiliki berbagai macam kekurangan dan tidakmemiliki reputasi baik di kalangan profesional. Meskipun web spesialis programpengembangan dan jauh lebih murah daripada banyak pesaing itu, ada programgratis yang tersedia yang menawarkan dasarnya fungsi yang sama tanpakerepotan.Ironisnya kita menggunakan Frontpage cukup banyak, karena orang seringmengirimkan file Frontpage untuk bekerja pada (salah satu kelemahan -Frontpage website sering tidak dapat diedit dengan program lain). Percayalahketika kita mengatakan Frontpage menyebabkan jauh lebih banyak daripada adilitu kesedihan.Microsoft Publisher awalnya dirancang untuk media cetak, tetapi telahberkembang untuk memasukkan desain web. Ini memiliki keuntungan menjadirelatif murah, serbaguna dan akrab. Banyak orang menggunakannya hanyakarena mereka sudah memilikinya diinstal. Namun itu bukan spesialis HTMLeditor dan tidak melakukan dengan baik. Kami tidak merekomendasikan hal ini.Microsoft Word adalah sama dengan Penerbit dalam hal itu tidak pernahawalnya dirancang untuk bekerja internet. Meskipun dapat membaca danmengedit dokumen HTML, ia melakukannya dengan sangat buruk memang. Jika
    • memungkinkan, hindari seperti wabah.Ada banyak editor HTML gratis yang tersedia. Mencari di internet, kunjunginewsgroup web desain dan menghabiskan beberapa waktu memutuskan.Berjalan teruske Langkah 4: HostingLangkah 4: HostingSetelah Anda membuat situs web Anda dan Anda dapat melihat bahwa ia bekerjadengan baik pada komputer Anda, Anda perlu untuk "menerbitkan" ke internetsehingga orang lain dapat melihatnya. Pada dasarnya Anda hanya perlu menyalinhalaman web dari komputer Anda ke server host Anda.Tentu, hal pertama yang Anda harus lakukan adalah untuk menemukan serverhost. Ada banyak pilihan yang tersedia dan menemukan solusi yang tepat tidakselalu mudah. Ada dua kategori utama dari pilihan hosting: Gratis dan Dibayar.Gratis host ServerAda banyak tempat di internet yang akan meng-host situs Anda secara gratis.Tidak mengherankan, ada tangkapan. Ini mungkin termasuk:Iklan banner. Kebanyakan layanan gratis membuat uang mereka denganmemasukkan iklan ke dalam halaman Anda. Iklan juga dapat muncul dalamjendela pop-up yang mengaktifkan setiap kali seseorang mengunjungi situs Anda.Tidak ada hosting domain dan URL jelek. Hosting gratis biasanya tidakmemungkinkan Anda untuk menggunakan nama domain (misalnyawww.myname.com). Anda malah akan diberi alamat yang bisa sangat panjangdan sulit untuk diingat.Tidak ada dukungan. Jika ada yang tidak beres atau jika Anda membutuhkanbantuan, jangan menahan nafas. Kemungkinan tidak ada yang peduli.Fitur yang terbatas. Anda akan menemukan bahwa beberapa fitur tertentu
    • tidak diperbolehkan.Tidak ada jaminan pelayanan. Dari waktu ke waktu host gratis hanya ditutup,baik sementara atau permenantly. Lebih sering, fitur tertentu yang merekatawarkan dihentikan atau mereka mulai pengisian untuk mereka.Anda bertaruh terbaik adalah untuk melihat apa yang Anda ISP ditawarkan.Kebanyakan ISP memiliki semacam pilihan web hosting gratis dengan dial-upaccount mereka.Dibayar host ServerJika layanan gratis tidak memenuhi kebutuhan Anda, maka Anda akan mencarilayanan hosting profesional. Harga dan fitur bervariasi widly jadi toko sekitar.Perhatikan bahwa Anda tidak harus menggunakan host yang secara geografisdekat Anda - Anda dapat memiliki situs Anda host di sisi lain dunia.Carilah fitur berikut:Akses FTP. Ini adalah metode yang paling umum dari penerbitan file Anda keserver host dan ditawarkan pada hampir semua pilihan hosting yang serius.Pastikan Anda tahu persis bagaimana untuk mengakses host Anda.Dukungan Teknis. Ini adalah yang paling penting - apakah penyediamenawarkan bantuan Anda menginstal dan menjalankan situs Anda? Apakahbiaya tambahan ini?E-Mail. Persis apa yang e-mail fasilitas termasuk? Dapatkah Anda memilikibeberapa alamat email?Statistik. Sebagian besar host menyediakan statistik gratis untuk melihat berapabanyak orang yang mengunjungi situs Anda.CGI, PHP, dll Ini adalah fitur canggih yang memungkinkan Anda untukmenambahkan lonceng dan peluit seperti bentuk, konten dinamis, forum diskusi,dll Bukan untuk pemula, tapi tidak begitu rumit sehingga Anda tidak bisa belajar.Banyak host memiliki siap pakai fitur CGI yang dapat Anda tambahkan ke situsAnda dengan sedikit rewel, atau mereka mungkin dapat menambahkannya untukAnda.
    • Frontpage Extensions. Jika Anda bersikeras menggunakan Microsoft Frontpage,maka Anda akan membutuhkan ekstensi Frontpage. Ini adalah satu set file danprotokol yang memungkinkan pemula untuk menggunakan fitur-fitur canggihsimliar dengan yang ditawarkan oleh CGI. Ketika digunakan sangat hati-hatimereka bisa menjadi alat yang berguna. Namun, ekstensi Frontpage memilikibanyak keterbatasan dan rentan terhadap kegagalan bisa dijelaskan -menggunakannya di risiko Anda sendiri!Nama DomainJika Anda ingin nama domain Anda sendiri (misalnya www.myname.com) makaAnda akan perlu menerapkan kepada otoritas yang tepat. Topik ini akan dibahasdalam tutorial masa depan.Berjalan teruske Langkah 5: Publish!Langkah 5: Publish (upload)Tahap akhir pembangunan adalah meng-upload. Menggunakan program transferfile, Anda menyalin struktur seluruh situs Web ke folder yang sesuai pada serverhost.Jendela di bawah ini adalah dari program WS_FTP LE populer, tersedia dariwww.ipswitch.com.FTP windowJika Anda terbiasa dengan sistem manajemen file seperti MS Windows Explorer,
    • maka Anda tidak akan memiliki kesulitan dengan paket ini. Jendela kirimenampilkan situs pada drive lokal Anda, jendela kanan menampilkan situs padaserver host Anda. Anda hanya memandu program ke folder yang sesuai dangunakan panah kiri / kanan untuk mentransfer file yang dipilih.Aplikasi situs authoring Beberapa memiliki pilihan untuk mempublikasikanlangsung ke web. Ini mungkin sebagian besar otomatis, seperti perintah "Publish"di Frontpage atau "Sinkronisasi" perintah di Dreamweaver. Perintah-perintah inidapat mengidentifikasi file yang telah dimodifikasi sejak terakhir kali Andaditerbitkan dan memberitahu Anda mana yang perlu diperbarui. Jika Andamemiliki situs yang besar, ini bisa menjadi besar penghematan waktu.Itulah akhir dari tutorial ini. Kami berharap itu telah berguna. Dari sini, hal terbaikyang dapat Anda lakukan adalah mempelajari lebih lanjut tentang HTML.HyperlinkHyperlink dibuat dengan tag "href" (referensi hyperlink). Dalam bentuk yangpaling sederhana itu tag terlihat seperti ini:href="page1.html"><a Kembali ke Halaman 1 </ a>Dalam contoh ini, teks "Kembali ke Halaman 1" menjadi hyperlink ke halamanyang disebut "page1.html". Link terlihat seperti ini:Pergi ke halaman 1Ada dua jenis yang berbeda dari hyperlink: "mutlak" dan "relatif". Link Absolutecukup sederhana, tapi link relatif mengambil sedikit membiasakan diri. Link Relatifsebenarnya dibagi menjadi dua kategori lanjut: "Dokumen-relatif" dan "situs-root-relative".Absolute Links
    • Sebuah link absolut (atau "link URL absolut") berisi alamat internet lengkap, samaseperti jika Anda mengetik alamat ke address bar browser Anda. Tidak peduli dimana halaman sumber dalam kaitannya dengan halaman tujuan, link akan selalubekerja selama halaman tujuan ada. Link yang paling mutlak dimulai dengan"http://" dan mengikuti format sederhana:href="http://www.mysite.com/index.html"><a Kembali ke Situs saya </ a>Dokumen-Relatif LinksDokumen-relatif link menggunakan petunjuk dari halaman sumber ke halamantujuan, semacam seperti mengatakan "Mulai di sini kemudian ikuti jalan inisampai Anda mencapai tujuan".Direktori TreeThere tiga cara untuk melakukan hal ini - metode yang Andagunakan akan tergantung pada lokasi sumber dan halaman tujuan dalamhubungan satu sama lain. Kami akan menggunakan contoh di sebelah kanan danmembuat hyperlink dari halaman yang disebut sourcepage.html ke halaman laindi situs tersebut.(1) Jika halaman tujuan dalam direktori yang sama seperti halaman sumberYang Anda perlu menentukan adalah nama file sumber:href="page1.html"><a Kembali ke Halaman 1 </ a>(2) Jika halaman tujuan dalam folder di dalam folder sumber halaman iniTentukan nama folder dan kemudian nama file:href="directory2/page2.html"><a Kembali ke Halaman 2 </ a>(3) Jika halaman tujuan dalam folder luar folder sumber halaman iniGunakan instruksi khusus .. / yang berarti "satu direktori yang lebih tinggi".
    • Link berikut berarti "Naik satu tingkat direktori, kemudian pergi ke sebuah folderbernama directory3, kemudian ke sebuah file bernama page3.html":href="../directory3/page3.html"><a Kembali ke Halaman 3 </ a>Anda dapat mengulangi .. itu / untuk membuat link lebih dari satu tingkat yanglebih tinggi, misalnya, "Pergilah dua tingkat, ke file bernama index.html":href="../../index.html"><a Kembali ke Page Index </ a>Catatan Penting: Untuk link relatif untuk bekerja, Anda harus menjaga struktur fileutuh. Misalnya, jika Anda memindahkan file sourcepage.html ke dalam folderdirectory2, link relatif tidak lagi bekerja. Dalam hal ini Anda akan perlumenambahkan .. lain / menunjukkan link ke tingkat yang benar. Sebagai contoh:href="../../../index.html"><a Kembali ke Page Index </ a>Situs-Akar-Relatif LinksSitus-root-relative link menggunakan satu maju-slash / untuk menandakaninstruksi: ". Mulai dari akar dokumen situs dan turun jalur direktori dari sana"Formatnya adalah:href="/main-directory/directory4/page4.html"><a Ke halaman 4 </ a>Meskipun nama rumit, metode ini cukup sederhana. Link dimulai pada tingkatyang sama sebagai domain Anda dan bekerja turun dari sana. Link di atas adalahsama dengan:href="http://www.mysite.com/main-directory/directory4/page4.html"><a Kehalaman 4 </ a>Metode ini memiliki keuntungan yang signifikan tinggal utuh jika Andamemindahkan sumber halaman. Link yang sama persis akan bekerja dari halaman
    • manapun di situs.Catatan:Metode ini tidak akan bekerja pada file pada hard drive Anda sendiri kecualiAnda menjalankan mereka melalui server web pribadi. Namun setelah Andameng-upload halaman ke server Anda mereka akan bekerja.Jika situs Anda tidak memiliki nama domain sendiri, metode ini kemungkinanakan menimbulkan masalah. Konsultasikan dengan penyedia hosting Anda untukinformasi lebih lanjut.TargetAnda dapat menentukan target atau jendela frame untuk hyperlink. Di sinilahhalaman terkait akan terbuka. Jika target tidak ditentukan, link akan terbuka dijendela yang sama / frame. Format ini (di mana targetnya adalah "diri"):<a href="page1.html" Go target="_self"> Ke Halaman 1 </ a>Pilihan jendela target adalah:_self: Membuka di jendela yang sama dan frame yang sama._top: Membuka di jendela yang sama, mengambil jendela penuh jika ada lebihdari satu frame._parent: Membuka dalam kerangka induk._blank: Membuka di jendela baru.Jika Anda memiliki sebuah frameset ditetapkan, Anda dapat mengatur targetAnda sebagai frame tertentu. Misalnya, jika Anda memiliki bingkai navigasi yangdisebut "nav" dan kerangka utama yang disebut "utama", menetapkan target linknavigasi Anda seperti:<a href="page1.html" target="main"> Kembali ke Halaman 1 </ a><a href="page2.html" target="main"> Kembali ke Halaman 2 </ a>
    • Dll ...Catatan: Alih-alih menentukan target untuk setiap link individu, Anda dapatmenentukan "Target dasar" untuk seluruh frame atau halaman. Ini berarti bahwasetiap link pada halaman akan menggunakan target dasar secara default.Tempatkan tag dasar sasaran di kepala halaman. Contoh:<base target="_blank">Link ke Bagian Tertentu Page a (Hyperlink internal)Sebuah hyperlink internal adalah link yang menunjuk ke bagian tertentu darihalaman. Hal ini dapat berguna dalam halaman panjang dengan banyak sub-bagian. Sebagai contoh, link di bagian atas halaman ini adalah link internalmenunjuk ke masing-masing sub-judul.Hyperlink internal memerlukan tag anchor dengan atribut "nama" seperti:<a name="part2"> Part 2 </ a>Buat jangkar seperti ini di tempat di halaman yang ingin Anda link ke. Tidakmasalah jika ada sesuatu antara tag membuka dan menutup.Kemudian membuat hyperlink yang mengacu pada anchor ini dengan hash (#)seperti:href="#part2"><a Kembali ke Bagian 2 </ a>Ini mengasumsikan bahwa jangkar nama pada halaman yang sama denganhyperlink. Untuk link ke jangkar pada halaman tujuan yang terpisah, cukupmembuat link normal dengan nama anchor ditambahkan ke nama file seperti:href="page1.html#part2"><a Kembali ke Halaman 1, Bagian 2 </ a>
    • Catatan:Browser memperlakukan link internal dengan cara yang persis sama seperti linknormal, yaitu seolah-olah mereka adalah halaman terpisah. Hal ini dapatmengakibatkan beberapa kebingungan dengan tombol back dan forward.Jika hyperlink internal pada halaman yang sama tidak bekerja, cobalahtermasuk nama file halaman dalam hyperlink (seperti jika Anda menghubungkanke halaman yang terpisah).Kadang-kadang hyperlink internal yang tidak bekerja di halaman pada harddrive Anda kecuali jika Anda menjalankan server web pribadi. Mereka akanbekerja ketika Anda upload ke situs Anda.E-Mail Links (mailto)E-Mail link, atau dikenal sebagai link "mailto", menggunakan format berikut:href="mailto:myname@mysite.com"><a Klik disini untuk Email Me </ a>Jenis link adalah kasus khusus, sama sekali berbeda dengan yang dijelaskan diatas. Alih-alih menghubungkan ke tempat di internet, mengklik link inimenyebabkan komputer pengguna untuk membuka email default itu program(misalnya Outlook Express, Eudora, dll) dan mempersiapkan email kosong kealamat tertentu. Pengguna kemudian memasukkan pesan mereka danmengirimkan email dengan cara biasa.Jika Anda ingin menjadi rumit, Anda dapat menambahkan "tunduk" atribut link.Hal ini secara otomatis akan menyisipkan baris subjek tertentu ke email:<a href="mailto:myname@mysite.com?subject=Inquiry Dari Website"> Klik disiniuntuk Email Me </ a>Catatan:
    • Atribut subjek tidak bekerja di semua browser / email program. Program-program yang tidak mendukung mungkin akan mengabaikannya saja, tetapi tidakada jaminan bahwa hal itu tidak akan menyebabkan kesalahan. Gunakan denganresiko anda sendiri.Sadarilah bahwa menggunakan link mailto di website Anda adalah undanganterbuka untuk spam. Program jahat yang disebut "pemanen email" troll internetmencari link ini - ketika mereka menemukan Anda mereka akanmenambahkannya ke database bagi para spammer. Ini sebabnya kamimenyarankan menggunakan formulir kontak daripada link mailto sedapatmungkin.HyperlinkHyperlink dibuat dengan tag "href" (referensi hyperlink). Dalam bentuk yangpaling sederhana itu tag terlihat seperti ini:href="page1.html"><a Kembali ke Halaman 1 </ a>Dalam contoh ini, teks "Kembali ke Halaman 1" menjadi hyperlink ke halamanyang disebut "page1.html". Link terlihat seperti ini:Pergi ke halaman 1Ada dua jenis yang berbeda dari hyperlink: "mutlak" dan "relatif". Link Absolutecukup sederhana, tapi link relatif mengambil sedikit membiasakan diri. Link Relatifsebenarnya dibagi menjadi dua kategori lanjut: "Dokumen-relatif" dan "situs-root-relative".Absolute LinksSebuah link absolut (atau "link URL absolut") berisi alamat internet lengkap, samaseperti jika Anda mengetik alamat ke address bar browser Anda. Tidak peduli dimana halaman sumber dalam kaitannya dengan halaman tujuan, link akan selalubekerja selama halaman tujuan ada. Link yang paling mutlak dimulai dengan"http://" dan mengikuti format sederhana:
    • href="http://www.mysite.com/index.html"><a Kembali ke Situs saya </ a>Dokumen-Relatif LinksDokumen-relatif link menggunakan petunjuk dari halaman sumber ke halamantujuan, semacam seperti mengatakan "Mulai di sini kemudian ikuti jalan inisampai Anda mencapai tujuan".Direktori TreeThere tiga cara untuk melakukan hal ini - metode yang Andagunakan akan tergantung pada lokasi sumber dan halaman tujuan dalamhubungan satu sama lain. Kami akan menggunakan contoh di sebelah kanan danmembuat hyperlink dari halaman yang disebut sourcepage.html ke halaman laindi situs tersebut.(1) Jika halaman tujuan dalam direktori yang sama seperti halaman sumberYang Anda perlu menentukan adalah nama file sumber:href="page1.html"><a Kembali ke Halaman 1 </ a>(2) Jika halaman tujuan dalam folder di dalam folder sumber halaman iniTentukan nama folder dan kemudian nama file:href="directory2/page2.html"><a Kembali ke Halaman 2 </ a>(3) Jika halaman tujuan dalam folder luar folder sumber halaman iniGunakan instruksi khusus .. / yang berarti "satu direktori yang lebih tinggi".Link berikut berarti "Naik satu tingkat direktori, kemudian pergi ke sebuah folderbernama directory3, kemudian ke sebuah file bernama page3.html":href="../directory3/page3.html"><a Kembali ke Halaman 3 </ a>Anda dapat mengulangi .. itu / untuk membuat link lebih dari satu tingkat yanglebih tinggi, misalnya, "Pergilah dua tingkat, ke file bernama index.html":
    • href="../../index.html"><a Kembali ke Page Index </ a>Catatan Penting: Untuk link relatif untuk bekerja, Anda harus menjaga struktur fileutuh. Misalnya, jika Anda memindahkan file sourcepage.html ke dalam folderdirectory2, link relatif tidak lagi bekerja. Dalam hal ini Anda akan perlumenambahkan .. lain / menunjukkan link ke tingkat yang benar. Sebagai contoh:href="../../../index.html"><a Kembali ke Page Index </ a>Situs-Akar-Relatif LinksSitus-root-relative link menggunakan satu maju-slash / untuk menandakaninstruksi: ". Mulai dari akar dokumen situs dan turun jalur direktori dari sana"Formatnya adalah:href="/main-directory/directory4/page4.html"><a Ke halaman 4 </ a>Meskipun nama rumit, metode ini cukup sederhana. Link dimulai pada tingkatyang sama sebagai domain Anda dan bekerja turun dari sana. Link di atas adalahsama dengan:href="http://www.mysite.com/main-directory/directory4/page4.html"><a Kehalaman 4 </ a>Metode ini memiliki keuntungan yang signifikan tinggal utuh jika Andamemindahkan sumber halaman. Link yang sama persis akan bekerja dari halamanmanapun di situs.Catatan:Metode ini tidak akan bekerja pada file pada hard drive Anda sendiri kecualiAnda menjalankan mereka melalui server web pribadi. Namun setelah Andameng-upload halaman ke server Anda mereka akan bekerja.
    • Jika situs Anda tidak memiliki nama domain sendiri, metode ini kemungkinanakan menimbulkan masalah. Konsultasikan dengan penyedia hosting Anda untukinformasi lebih lanjut.TargetAnda dapat menentukan target atau jendela frame untuk hyperlink. Di sinilahhalaman terkait akan terbuka. Jika target tidak ditentukan, link akan terbuka dijendela yang sama / frame. Format ini (di mana targetnya adalah "diri"):<a href="page1.html" Go target="_self"> Ke Halaman 1 </ a>Pilihan jendela target adalah:_self: Membuka di jendela yang sama dan frame yang sama._top: Membuka di jendela yang sama, mengambil jendela penuh jika ada lebihdari satu frame._parent: Membuka dalam kerangka induk._blank: Membuka di jendela baru.Jika Anda memiliki sebuah frameset ditetapkan, Anda dapat mengatur targetAnda sebagai frame tertentu. Misalnya, jika Anda memiliki bingkai navigasi yangdisebut "nav" dan kerangka utama yang disebut "utama", menetapkan target linknavigasi Anda seperti:<a href="page1.html" target="main"> Kembali ke Halaman 1 </ a><a href="page2.html" target="main"> Kembali ke Halaman 2 </ a>Dll ...Catatan: Alih-alih menentukan target untuk setiap link individu, Anda dapatmenentukan "Target dasar" untuk seluruh frame atau halaman. Ini berarti bahwasetiap link pada halaman akan menggunakan target dasar secara default.Tempatkan tag dasar sasaran di kepala halaman. Contoh:
    • <base target="_blank">Link ke Bagian Tertentu Page a (Hyperlink internal)Sebuah hyperlink internal adalah link yang menunjuk ke bagian tertentu darihalaman. Hal ini dapat berguna dalam halaman panjang dengan banyak sub-bagian. Sebagai contoh, link di bagian atas halaman ini adalah link internalmenunjuk ke masing-masing sub-judul.Hyperlink internal memerlukan tag anchor dengan atribut "nama" seperti:<a name="part2"> Part 2 </ a>Buat jangkar seperti ini di tempat di halaman yang ingin Anda link ke. Tidakmasalah jika ada sesuatu antara tag membuka dan menutup.Kemudian membuat hyperlink yang mengacu pada anchor ini dengan hash (#)seperti:href="#part2"><a Kembali ke Bagian 2 </ a>Ini mengasumsikan bahwa jangkar nama pada halaman yang sama denganhyperlink. Untuk link ke jangkar pada halaman tujuan yang terpisah, cukupmembuat link normal dengan nama anchor ditambahkan ke nama file seperti:href="page1.html#part2"><a Kembali ke Halaman 1, Bagian 2 </ a>Catatan:Browser memperlakukan link internal dengan cara yang persis sama seperti linknormal, yaitu seolah-olah mereka adalah halaman terpisah. Hal ini dapatmengakibatkan beberapa kebingungan dengan tombol back dan forward.Jika hyperlink internal pada halaman yang sama tidak bekerja, cobalahtermasuk nama file halaman dalam hyperlink (seperti jika Anda menghubungkan
    • ke halaman yang terpisah).Kadang-kadang hyperlink internal yang tidak bekerja di halaman pada harddrive Anda kecuali jika Anda menjalankan server web pribadi. Mereka akanbekerja ketika Anda upload ke situs Anda.E-Mail Links (mailto)E-Mail link, atau dikenal sebagai link "mailto", menggunakan format berikut:href="mailto:myname@mysite.com"><a Klik disini untuk Email Me </ a>Jenis link adalah kasus khusus, sama sekali berbeda dengan yang dijelaskan diatas. Alih-alih menghubungkan ke tempat di internet, mengklik link inimenyebabkan komputer pengguna untuk membuka email default itu program(misalnya Outlook Express, Eudora, dll) dan mempersiapkan email kosong kealamat tertentu. Pengguna kemudian memasukkan pesan mereka danmengirimkan email dengan cara biasa.Jika Anda ingin menjadi rumit, Anda dapat menambahkan "tunduk" atribut link.Hal ini secara otomatis akan menyisipkan baris subjek tertentu ke email:<a href="mailto:myname@mysite.com?subject=Inquiry Dari Website"> Klik disiniuntuk Email Me </ a>Catatan:Atribut subjek tidak bekerja di semua browser / email program. Program-program yang tidak mendukung mungkin akan mengabaikannya saja, tetapi tidakada jaminan bahwa hal itu tidak akan menyebabkan kesalahan. Gunakan denganresiko anda sendiri.Sadarilah bahwa menggunakan link mailto di website Anda adalah undanganterbuka untuk spam. Program jahat yang disebut "pemanen email" troll internetmencari link ini - ketika mereka menemukan Anda mereka akan
    • menambahkannya ke database bagi para spammer. Ini sebabnya kamimenyarankan menggunakan formulir kontak daripada link mailto sedapatmungkin.HyperlinkHyperlink dibuat dengan tag "href" (referensi hyperlink). Dalam bentuk yangpaling sederhana itu tag terlihat seperti ini:href="page1.html"><a Kembali ke Halaman 1 </ a>Dalam contoh ini, teks "Kembali ke Halaman 1" menjadi hyperlink ke halamanyang disebut "page1.html". Link terlihat seperti ini:Pergi ke halaman 1Ada dua jenis yang berbeda dari hyperlink: "mutlak" dan "relatif". Link Absolutecukup sederhana, tapi link relatif mengambil sedikit membiasakan diri. Link Relatifsebenarnya dibagi menjadi dua kategori lanjut: "Dokumen-relatif" dan "situs-root-relative".Absolute LinksSebuah link absolut (atau "link URL absolut") berisi alamat internet lengkap, samaseperti jika Anda mengetik alamat ke address bar browser Anda. Tidak peduli dimana halaman sumber dalam kaitannya dengan halaman tujuan, link akan selalubekerja selama halaman tujuan ada. Link yang paling mutlak dimulai dengan"http://" dan mengikuti format sederhana:href="http://www.mysite.com/index.html"><a Kembali ke Situs saya </ a>Dokumen-Relatif LinksDokumen-relatif link menggunakan petunjuk dari halaman sumber ke halamantujuan, semacam seperti mengatakan "Mulai di sini kemudian ikuti jalan inisampai Anda mencapai tujuan".
    • Direktori TreeThere tiga cara untuk melakukan hal ini - metode yang Andagunakan akan tergantung pada lokasi sumber dan halaman tujuan dalamhubungan satu sama lain.Sebagai contoh:Catatan:Contoh:Catatan:Catatan:ContohPenjajaran<table>2-1=2-13-1Catatan:Berikut adalah beberapa contoh:
    • 2-12-1=2-1