√ Ini dia! Bagaimana Cara Awal Kita Memulai Belajar HTML dan Web Desain? - AdityaTekno

Social Items

cara awal memulai belajar html dan web design

Welcome back sahabat setia AdityaTekno.com. Dipostingan kali ini saya akan membahas tentang Web Design. Sesuai judul diatas yaitu Bagaimana cara awal kita memulai belajar HTML dan Web Desain? Ya, tentunya sebagian banyak orang menanyakan hal seperti itu ketika dia baru mau belajar tentang HTML dan Web Desain

Asal kalian tahu, belajar HTML dan web desain itu bukan seperti kita belajar membuat mie instan yang dilakukan dengan beberapa tahapan langsung jadi. Ini benar-benar berbeda. Belajar HTML dan web desain bukanlah sesuatu yang instan sama halnya belajar web programing dan lainnya. Ketika kita sudah memasuki dunia ini, kita harus benar-benar harus fokus mempelajarinya jika kita ingin menjadi maestronya. 

Dikalangan para senior mungkin ini adalah hal yang mudah dan gampang untuk dipelajari, tapi bagi anda orang yang awam dan belum pernah menyentuhnya sama sekali, ini adalah hal yang sulit dilakukan, tapi bukan hal yang mustahil.

Di artikel ini saya ingin menceritakan pengalaman saya belajar HTML dan Web Desain, meski saya bukanlah maestronya di berbagai hal dalam dunia web desain. Saya cuma ingin menceritakan bagaimana saya belajar yang mungkin bisa diambil sebagian contohnya untuk anda memulai belajar ketika memasuki dunia web desain.

Berikut Cara Awal Kita Memulai Belajar HTML dan Web Desain

1. Persiapan

Cara Awal Kita Memulai Belajar HTML dan Web Desain-persiapan

HyperText Markup Language (HTML) adalah inti dari seluruh halaman web utama untuk menciptakan sebuah situs web. HTML adalah bahasa markup sangat dasar dan memerlukan menghafal beberapa lusin HTML perintah struktur tampilan dan tata letak halaman web. Sebelum menulis kode HTML apapun atau merancang halaman web Anda. Pertama, Anda harus memutuskan pada sebuah HTML editor atau editor teks, seperti Notepad, Notepad++, Sublime Text atau WordPad anda tinggal memilinya.

Setelah Anda memperoleh sebuah HTML editor dan siap untuk memulai mendirikan situs web Anda, pikirkan tentang bagaimana situs anda bisa untuk dilihat dan mengaturnya. Pertimbangkan bahwa gambar ide-ide Anda, bisa untuk membantu memvisualisasikan situs dan halaman situs. Berikut adalah beberapa pertimbangan untuk memikirkan ketika merancang halaman web Anda.
  1. Bagaimana Anda akan menyimpan semua file? Semua file yang akan di folder sama atau direktori? Jika Anda berencana untuk memiliki banyak gambar yang berbeda dan file, disarankan untuk Anda menyimpan halaman, file, dan gambar dalam direktori terpisah.
  2. HTML file akan disimpan sebagai .HTM atau File .HTML? Ada keuntungan dan kerugian yang terjadi dengan .htm atau .html. Namun, itu adalah ide yang baik untuk tetap dengan ekstensi yang sama.
  3. Apakah Anda berencana memiliki template untuk halaman? Semua halaman akan memiliki tampilan dan nuansa secara keseluruhan sama.
  4. Bagaimana navigasi akan ditangani? Apakah Anda merasa lebih suka jika menu navigasi di sebelah kiri, bawah atau atas setiap halaman?

2. Menulis HTML Dasar

Setelah menginstal sebuah HTML editor dan pengaturan folder, Anda siap untuk mulai membuat halaman Anda. Mulailah dengan membuat file bernama index.htm atau index.html sebagai halaman awal Anda. Semua server di Internet mencari berkas Indeks jika file tidak ditetapkan. Sebagai contoh, ketika mengetik https://www.adityatekno.com, lalu server akan mengakses alamat https://www.adityatekno.com/index.html.

Baca Juga: Dasar-dasar Belajar HTML

Setelah Anda membuat file index.htm atau index.html dan terbuka di editor HTML Anda, sebaiknya sisipkan kode sumber ke halaman Anda di bawah ini. Jika editor HTML Anda secara otomatis menempatkan kode HTML ke halaman Anda atau Anda memiliki WYSIWYG editor, Anda dapat melewatkan langkah ini.
<html>
<head>
<title>Halaman Web Pertamaku</title>
</head>
<body>
Letakkan konten web anda disini
</body>
</html>
Kode di atas adalah contoh yang sangat dasar kode yang membantu membuat setiap halaman web. Seperti yang Anda lihat, kode dimulai dengan <html>, yang ini mendefinisikan bahwa semua dalam <html> adalah kode HTML. Selanjutnya, Anda memiliki <head>, yang ini mendefinisikan judul dokumen HTML Anda. Ketiga, kita memiliki bagian <title> dalam <head>, yang mendefinisikan judul halaman web yang ditampilkan di bagian atas jendela Internet browser . Yang terakhir, bagian <body> berisi apa yang ditampilkan pada halaman web.

Berikut adalah kode tambahan yang dapat ditempatkan di bagian kode <body> untuk membantu membiasakan Anda dengan beberapa perintah HTML yang paling sering digunakan.
<center>
<h1>Selamat datang di halaman web saya</h1>
</center>
<hr>
<br>
<p>Hallo, Selamat datang di website ku yang pertama.<br><br>
<b>Ini adalah link kesukaan saya:</b>
<br>
<ul>
<li><a href="https://www.adityatekno.com">Aditya Tekno</a></li>
<li><a href="https://www.google.com">Google</a></li>
<li><a href="https://www.facebook.com">Facebook</a></li>
</ul>
</p>      
Seperti yang Anda lihat dari kode di atas, Anda akan tahu bahwa perintah HTML dasar cukup sederhana untuk digunakan. Pertama, kita mulai dengan <center>, yang memberitahu browser untuk pusat informasi di dalam tag ini. Selanjutnya, <h1> atau menuju satu pernyataan akan memberitahukan browser untuk menampilkan teks dalam gaya pos terbesar. 

Selanjutnya, tag <hr> memberitahu browser untuk menampilkan garis lurus di layar. Baris ketiga berisi <br> yang menciptakan garis istirahat di halaman. Selanjutnya, <p> adalah singkatan "paragraph" dan membantu memisahkan teks pada halaman. Selanjutnya, tag <b> untuk menebalkan teks yang terkandung dalam tag. Selanjutnya, <ul> untuk memulai setiap daftar diwakili oleh tag <li>. Terakhir, tag "<href" adalah sebuah metode untuk membuat link ke lokasi lain. Dalam contoh ini, saya menciptakan daftar Bullet link ke komputer dan Google.

3. Melihat situs

Sekarang Anda telah membuat situs dasar, Anda dapat memverifikasi bagaimana situs web terlihat. Anda memiliki file yang tersimpan secara lokal pada komputer Anda, Anda tidak perlu terhubung ke Internet untuk melihat halaman web Anda.

Buka browser komputer dan ketik lokasi halaman web Anda. Misalnya, jika Anda telah menempatkan file index.htm atau index.html dalam folder "situs web", Anda akan ketik di browser c:\website\index.htm atau c:\website\index.html pada Windows PC. Jika Anda memiliki Microsoft Windows atau Apple, Anda dapat juga klik dua kali file halaman web sehingga akan terbuka di browser secara otomatis.

Tips: Beberapa editor HTML juga memungkinkan Anda untuk melihat pratinjau halaman dengan mengklik tombol pratinjau dalam HTML editor.

Melihat halaman web lokal memungkinkan Anda untuk bereksperimen dan pastikan halaman bekerja sebelum mengambil waktu untuk meng-upload halaman ke server. Ini juga berguna jika Anda tidak memiliki tempat untuk menyimpan halaman web Anda.

4. Menampilkan gambar

Sekarang Anda telah membuat situs dasar, Anda dapat meningkatkan tampilan dan nuansa situs web dengan menambahkan gambar. Ada dua metode menampilkan gambar pada halaman web Anda. Metode pertama adalah menghubungkan ke website lain untuk menampilkan gambar dengan menggunakan kode di bawah ini.
<img src = "https://www.adityatekno.com/logo.gif" alt="logo">
Menggunakan tag HTML di atas, Anda dapat menampilkan gambar yang terletak di situs-situs lain, yang juga disebut hotlink. Namun, saya menyarankan agar menggunakan jenis link, karena dapat menyebabkan halaman web Anda untuk memuat lebih lambat dan bisa menyebabkan gambar hilang terjadi jika situs lain menghapus gambar. Metode alternatif dan paling direkomendasi yaitu menggunakan kode di bawah ini.
<img src=”gambarku.gif” alt=”Gambarku”>
Atau jika Anda memiliki folder "gambar":
<img src="images/gambarku.gif" alt="Gambarku">
Jika file gambarku.gif yang ada pada komputer, gambar ditampilkan pada website Anda. Menambahkan gambar adalah cara yang bagus untuk merapikan website. Namun, tidak bisa terbawa dengan menambahkan beberapa gambar (terutama animasi gambar), karena dapat terlihat buruk dan meningkatkan jumlah waktu yang diperlukan untuk memuat halaman web. Ingat, waktu rata-rata seseorang melihat pada sebuah situs web adalah 10 detik, sehingga buat halaman web Anda untuk memuat secepat mungkin.

Terakhir, jangan menempatkan gambar berukuran besar di situs Anda. Gambar besar akan memperlambat loading halaman web secara lama dan dapat menyebabkan pengunjung untuk pergi meninggalkan web anda. Jika Anda ingin gambar besar di situs web Anda, disarankan untuk membuat versi kecil dari gambar, disebut thumbnail. Jika pengguna tertarik untuk melihat image ukuran penuh, mereka dapat klik pada thumbnail untuk melihat gambar yang lebih besar.

5. Pemahaman direktori

Ketika membuat lain direktori (folder) di komputer yang berisi gambar atau file HTML, sangat penting bahwa Anda memahami struktur direktori. Banyak sekali, pengguna keliru membuat link buruk yang memungkinkan halaman untuk bekerja offline tetapi tidak di Internet atau dari komputer lain.

Ketika mengakses file dalam direktori lain yang lebih beruntung direktori saat ini, pertama menentukan direktori dan kemudian nama file. Misalnya, jika Anda mencoba untuk mengakses atau menampilkan file gambarku.gif dalam folder gambar, membuat link seperti yang ditunjukkan di bawah ini.
Image/gambarku.gif
Perhatikan dalam baris di atas bahwa direktori pertama ditentukan dan kemudian file.
Selanjutnya, jika Anda ingin mengakses file gambarku.gif gambar yang akan kembali satu direktori, Anda bisa menggunakan contoh di bawah ini.
../gambarku.gif
Dalam contoh ini, melihat dua titik (..) ini memberitahu browser yang Anda inginkan untuk kembali satu direktori. Jika Anda ingin kembali satu direktori dan kemudian ke direktori lain Anda pertama kali harus melakukan ../ dan kemudian direktori seperti ditunjukkan pada contoh di bawah.
../Other/gambarku.gif
Aturan ini dapat diterapkan ke banyak direktori kembali mungkin. Misalnya, jika Anda ingin kembali tiga direktori dan kemudian pergi ke direktori gambar, maka Anda akan menggunakan contoh di bawah.
../../../Image/gambarku.gif.
Kesalahan umum dengan pengguna PC (Windows) adalah bahwa HTML editor dapat menentukan file berada pada hard drive komputer seperti c:\mywebpage\image\gambarku.gif. Jalan lokal yang bekerja dengan baik pada komputer hard drive (lokal); Namun, ketika diposting di Internet, tidak seorangpun kecuali orang dengan file lokal akan dapat menampilkan file.

Akhirnya, ingat ketika menentukan direktori Anda harus menggunakan forward slash (/) dan bukan backslash.

6. Case Sensitive

Penting untuk diingat bahwa banyak dari server Internet  yang memanfaatkan Linux atau * nix varian. Dengan Linux dan Unix, nama file adalah kasus sensitif. Jika Anda link ke file "Mypage.html" dan file di server adalah "mypage.html", server tidak dapat menemukan file. Saya selalu menyarankan agar membuat semua halaman web, gambar dan file dalam semua huruf kecil.

7. Posting website

Posting file website untuk Internet adalah salah satu langkah yang paling rumit untuk mendirikan sebuah situs web untuk kebanyakan orang. Untuk halaman web agar dapat dilihat oleh pengguna lain, pengguna harus posting website nya pada server dimana dapat dilihat oleh orang-orang di Internet.

Karena keanekaragaman berbagai metode posting website, saya akan menjelaskan salah satu metode yang paling umum digunakan untuk posting website Anda.
Penyedia layanan internet dan web hosting perusahaan menyediakan akses FTP (File Transfer Protocol) yang memungkinkan pengguna untuk menyalin file dari komputer Anda ke server. Pengguna PC memiliki dua kemungkinan; salah satunya adalah untuk menggunakan program FTP yang disertakan dengan Windows dan yang lain menyarankan solusi adalah untuk men-download sebuah program FTP. Menggunakan salah satu alat ini harus memungkinkan pengguna untuk mengirim file langsung, menyediakan server mengizinkan akses FTP.

Setelah terhubung ke server mencari folder atau direktori yang berisi halaman web Anda. Biasanya folder ini adalah public_html. Jika Anda menggunakan Windows FTP, ketik cd public_html atau ketik dir untuk melihat apa yang dinamai folder. Buka folder melalui CUTEFTP atau buka program klien FTP Anda. Dalam folder ini, Anda dapat mengirim file HTML ke server untuk mengakses mereka melalui Internet. Pengguna Windows FTP untuk mengirim file Anda, misalnya, ketik send index.html.

Saya memahami ini dapat menjadi proses yang rumit; Namun, penyedia layanan Internet Anda atau perusahaan web hosting memiliki instruksi untuk posting website Anda dan kadang-kadang yang berbasis web klien, yang memungkinkan pengguna untuk mentransfer file mereka menggunakan website dan tidak harus mengikuti perintah di atas. Jika mengikuti rekomendasi di atas tidak dapat memposting situs web Anda, saya sarankan bahwa Anda harus memeriksa melalui Internet Service Provider atau dokumen perusahaan hosting web.

8. Menyiapkan Nama Domain

Siapkan nama domain anda sesuai selera masing-masing, seperti .com, .net, es, .org, id, .eu, .biz, dll. Anda bisa membelinya di penyedia domain, misal: RumahWeb, IDWebHost, dan lain sebagainya.
domain

9. Web hosting

Web hosting memungkinkan pengguna untuk memiliki penyimpanan di perusahaan lain dan memelihara situs web Anda untuk perusahaan Anda. Sebuah perusahaan web hosting atau tidak mungkin diperlukan tergantung pada apa saja tersedia melalui Internet Service Provider. Periksa dengan Penyedia layanan Internet Anda untuk melihat apakah mereka menawarkan solusi yang sebanding untuk perusahaan hosting web lainnya. Ketika menyiapkan sebuah web hosting, saya sarankan bahwa Anda memverifikasi informasi dengan mereka sebelum menyiapkan halaman di bawah ini.
  • Registrasi domain - memverifikasi perusahaan Anda untuk memiliki domain seperti www.adityatekno.com dan lihat jika mereka bisa mengaturnya untuk Anda, dan jika demikian, berapa banyak biayanya.
  • E-Mail forwarding - lihat apakah perusahaan menawarkan penerusan e-mail untuk meneruskan e-mail dari username@yourdomain.com ke alamat e-mail lain seperti alamat e-mail pribadi Anda.
  • Support - memverifikasi jam operasi untuk dukungan telepon dan memeriksa untuk melihat apakah nomor adalah nomor bebas pulsa.
  • Changing compines - memverifikasi kebijakan mereka dan betapa mudahnya akan berubah ke perusahaan lain jika waktunya tiba.
  • Statistik situs - sementara tidak suatu keharusan fitur itu bagus; Lihat jika perusahaan menawarkan situs statistik untuk halaman web Anda, memungkinkan Anda untuk memantau seberapa baik situs web Anda dilakukan.
  • Business Account - lihat apakah perusahaan akan menagih Anda biaya tambahan jika Anda mulai menjual sesuatu dari website Anda.
  • Bandwidth Limitations - memverifikasi perusahaan tidak memiliki pembatasan bandwidth yang ketat, yang dapat membatasi jumlah lalu lintas yang mampu diterima. Penting untuk menyadari bahwa semua perusahaan memiliki batas tapi pastikan itu adalah sesuatu yang tidak diharapkan untuk dilanggar.
  • FrontPage Extensions - jika Anda menggunakan FrontPage, verifikasi penyimpanan FrontPage Extensions. Meskipun tidak semua pengguna FrontPage menggunakan fitur ini, hal ini masih ide yang baik untuk memverifikasi yang tersedia.
  • CGI, Perl, dan PHP scripts - sementara Anda mungkin tidak segera setup halaman dengan skrip CGI, Perl atau PHP, sangat penting untuk penggunaan di masa depan untuk memverifikasi server Anda ini mendukung. Script ini memungkinkan Anda untuk setup counter, papan pesan, buku tamu dan berbagai fitur lainnya.

10. Beyond the Basics

Merancang halaman web pergi jauh lebih dalam daripada pengenalan dasar halaman web. Ketika Anda telah mendapat pemahaman baik tentang HTML dan FTP membiasakan diri dengan CSS untuk format benar dan tata letak halaman web Anda. Jika Anda ingin melakukan fitur yang lebih canggih di situs web Anda seperti forum, counter halaman web atau e-mail formulir Anda perlu untuk menjadi akrab dengan bahasa pemrograman CGI seperti PHP atau Perl.

Jika dasar-dasar terlalu banyak ada puluhan CMS WordPress dan blog layanan yang dapat membuat proses lebih mudah. Namun, perlu diingat lebih banyak layanan ini hanya menawarkan template dan plugin yang memungkinkan Anda untuk menyesuaikan situs. Jika Anda ingin benar-benar menyesuaikan situs Anda perlu tahu beberapa dasar-dasar nya.

Nah, itu tadi jawaban dari pertanyaan Bagaimana Cara Awal Kita Memulai Belajar HTML dan Web Desain? Semoga jawaban saya bisa membantu para agan dan bisa bermanfaat bagi kita semua. Sekian dulu postingan pada hari ini, Good Luck dan sampai jumpa di postingan selanjutnya. Salam AdityaTekno.com.

sumber

Ini dia! Bagaimana Cara Awal Kita Memulai Belajar HTML dan Web Desain?

cara awal memulai belajar html dan web design

Welcome back sahabat setia AdityaTekno.com. Dipostingan kali ini saya akan membahas tentang Web Design. Sesuai judul diatas yaitu Bagaimana cara awal kita memulai belajar HTML dan Web Desain? Ya, tentunya sebagian banyak orang menanyakan hal seperti itu ketika dia baru mau belajar tentang HTML dan Web Desain

Asal kalian tahu, belajar HTML dan web desain itu bukan seperti kita belajar membuat mie instan yang dilakukan dengan beberapa tahapan langsung jadi. Ini benar-benar berbeda. Belajar HTML dan web desain bukanlah sesuatu yang instan sama halnya belajar web programing dan lainnya. Ketika kita sudah memasuki dunia ini, kita harus benar-benar harus fokus mempelajarinya jika kita ingin menjadi maestronya. 

Dikalangan para senior mungkin ini adalah hal yang mudah dan gampang untuk dipelajari, tapi bagi anda orang yang awam dan belum pernah menyentuhnya sama sekali, ini adalah hal yang sulit dilakukan, tapi bukan hal yang mustahil.

Di artikel ini saya ingin menceritakan pengalaman saya belajar HTML dan Web Desain, meski saya bukanlah maestronya di berbagai hal dalam dunia web desain. Saya cuma ingin menceritakan bagaimana saya belajar yang mungkin bisa diambil sebagian contohnya untuk anda memulai belajar ketika memasuki dunia web desain.

Berikut Cara Awal Kita Memulai Belajar HTML dan Web Desain

1. Persiapan

Cara Awal Kita Memulai Belajar HTML dan Web Desain-persiapan

HyperText Markup Language (HTML) adalah inti dari seluruh halaman web utama untuk menciptakan sebuah situs web. HTML adalah bahasa markup sangat dasar dan memerlukan menghafal beberapa lusin HTML perintah struktur tampilan dan tata letak halaman web. Sebelum menulis kode HTML apapun atau merancang halaman web Anda. Pertama, Anda harus memutuskan pada sebuah HTML editor atau editor teks, seperti Notepad, Notepad++, Sublime Text atau WordPad anda tinggal memilinya.

Setelah Anda memperoleh sebuah HTML editor dan siap untuk memulai mendirikan situs web Anda, pikirkan tentang bagaimana situs anda bisa untuk dilihat dan mengaturnya. Pertimbangkan bahwa gambar ide-ide Anda, bisa untuk membantu memvisualisasikan situs dan halaman situs. Berikut adalah beberapa pertimbangan untuk memikirkan ketika merancang halaman web Anda.
  1. Bagaimana Anda akan menyimpan semua file? Semua file yang akan di folder sama atau direktori? Jika Anda berencana untuk memiliki banyak gambar yang berbeda dan file, disarankan untuk Anda menyimpan halaman, file, dan gambar dalam direktori terpisah.
  2. HTML file akan disimpan sebagai .HTM atau File .HTML? Ada keuntungan dan kerugian yang terjadi dengan .htm atau .html. Namun, itu adalah ide yang baik untuk tetap dengan ekstensi yang sama.
  3. Apakah Anda berencana memiliki template untuk halaman? Semua halaman akan memiliki tampilan dan nuansa secara keseluruhan sama.
  4. Bagaimana navigasi akan ditangani? Apakah Anda merasa lebih suka jika menu navigasi di sebelah kiri, bawah atau atas setiap halaman?

2. Menulis HTML Dasar

Setelah menginstal sebuah HTML editor dan pengaturan folder, Anda siap untuk mulai membuat halaman Anda. Mulailah dengan membuat file bernama index.htm atau index.html sebagai halaman awal Anda. Semua server di Internet mencari berkas Indeks jika file tidak ditetapkan. Sebagai contoh, ketika mengetik https://www.adityatekno.com, lalu server akan mengakses alamat https://www.adityatekno.com/index.html.

Baca Juga: Dasar-dasar Belajar HTML

Setelah Anda membuat file index.htm atau index.html dan terbuka di editor HTML Anda, sebaiknya sisipkan kode sumber ke halaman Anda di bawah ini. Jika editor HTML Anda secara otomatis menempatkan kode HTML ke halaman Anda atau Anda memiliki WYSIWYG editor, Anda dapat melewatkan langkah ini.
<html>
<head>
<title>Halaman Web Pertamaku</title>
</head>
<body>
Letakkan konten web anda disini
</body>
</html>
Kode di atas adalah contoh yang sangat dasar kode yang membantu membuat setiap halaman web. Seperti yang Anda lihat, kode dimulai dengan <html>, yang ini mendefinisikan bahwa semua dalam <html> adalah kode HTML. Selanjutnya, Anda memiliki <head>, yang ini mendefinisikan judul dokumen HTML Anda. Ketiga, kita memiliki bagian <title> dalam <head>, yang mendefinisikan judul halaman web yang ditampilkan di bagian atas jendela Internet browser . Yang terakhir, bagian <body> berisi apa yang ditampilkan pada halaman web.

Berikut adalah kode tambahan yang dapat ditempatkan di bagian kode <body> untuk membantu membiasakan Anda dengan beberapa perintah HTML yang paling sering digunakan.
<center>
<h1>Selamat datang di halaman web saya</h1>
</center>
<hr>
<br>
<p>Hallo, Selamat datang di website ku yang pertama.<br><br>
<b>Ini adalah link kesukaan saya:</b>
<br>
<ul>
<li><a href="https://www.adityatekno.com">Aditya Tekno</a></li>
<li><a href="https://www.google.com">Google</a></li>
<li><a href="https://www.facebook.com">Facebook</a></li>
</ul>
</p>      
Seperti yang Anda lihat dari kode di atas, Anda akan tahu bahwa perintah HTML dasar cukup sederhana untuk digunakan. Pertama, kita mulai dengan <center>, yang memberitahu browser untuk pusat informasi di dalam tag ini. Selanjutnya, <h1> atau menuju satu pernyataan akan memberitahukan browser untuk menampilkan teks dalam gaya pos terbesar. 

Selanjutnya, tag <hr> memberitahu browser untuk menampilkan garis lurus di layar. Baris ketiga berisi <br> yang menciptakan garis istirahat di halaman. Selanjutnya, <p> adalah singkatan "paragraph" dan membantu memisahkan teks pada halaman. Selanjutnya, tag <b> untuk menebalkan teks yang terkandung dalam tag. Selanjutnya, <ul> untuk memulai setiap daftar diwakili oleh tag <li>. Terakhir, tag "<href" adalah sebuah metode untuk membuat link ke lokasi lain. Dalam contoh ini, saya menciptakan daftar Bullet link ke komputer dan Google.

3. Melihat situs

Sekarang Anda telah membuat situs dasar, Anda dapat memverifikasi bagaimana situs web terlihat. Anda memiliki file yang tersimpan secara lokal pada komputer Anda, Anda tidak perlu terhubung ke Internet untuk melihat halaman web Anda.

Buka browser komputer dan ketik lokasi halaman web Anda. Misalnya, jika Anda telah menempatkan file index.htm atau index.html dalam folder "situs web", Anda akan ketik di browser c:\website\index.htm atau c:\website\index.html pada Windows PC. Jika Anda memiliki Microsoft Windows atau Apple, Anda dapat juga klik dua kali file halaman web sehingga akan terbuka di browser secara otomatis.

Tips: Beberapa editor HTML juga memungkinkan Anda untuk melihat pratinjau halaman dengan mengklik tombol pratinjau dalam HTML editor.

Melihat halaman web lokal memungkinkan Anda untuk bereksperimen dan pastikan halaman bekerja sebelum mengambil waktu untuk meng-upload halaman ke server. Ini juga berguna jika Anda tidak memiliki tempat untuk menyimpan halaman web Anda.

4. Menampilkan gambar

Sekarang Anda telah membuat situs dasar, Anda dapat meningkatkan tampilan dan nuansa situs web dengan menambahkan gambar. Ada dua metode menampilkan gambar pada halaman web Anda. Metode pertama adalah menghubungkan ke website lain untuk menampilkan gambar dengan menggunakan kode di bawah ini.
<img src = "https://www.adityatekno.com/logo.gif" alt="logo">
Menggunakan tag HTML di atas, Anda dapat menampilkan gambar yang terletak di situs-situs lain, yang juga disebut hotlink. Namun, saya menyarankan agar menggunakan jenis link, karena dapat menyebabkan halaman web Anda untuk memuat lebih lambat dan bisa menyebabkan gambar hilang terjadi jika situs lain menghapus gambar. Metode alternatif dan paling direkomendasi yaitu menggunakan kode di bawah ini.
<img src=”gambarku.gif” alt=”Gambarku”>
Atau jika Anda memiliki folder "gambar":
<img src="images/gambarku.gif" alt="Gambarku">
Jika file gambarku.gif yang ada pada komputer, gambar ditampilkan pada website Anda. Menambahkan gambar adalah cara yang bagus untuk merapikan website. Namun, tidak bisa terbawa dengan menambahkan beberapa gambar (terutama animasi gambar), karena dapat terlihat buruk dan meningkatkan jumlah waktu yang diperlukan untuk memuat halaman web. Ingat, waktu rata-rata seseorang melihat pada sebuah situs web adalah 10 detik, sehingga buat halaman web Anda untuk memuat secepat mungkin.

Terakhir, jangan menempatkan gambar berukuran besar di situs Anda. Gambar besar akan memperlambat loading halaman web secara lama dan dapat menyebabkan pengunjung untuk pergi meninggalkan web anda. Jika Anda ingin gambar besar di situs web Anda, disarankan untuk membuat versi kecil dari gambar, disebut thumbnail. Jika pengguna tertarik untuk melihat image ukuran penuh, mereka dapat klik pada thumbnail untuk melihat gambar yang lebih besar.

5. Pemahaman direktori

Ketika membuat lain direktori (folder) di komputer yang berisi gambar atau file HTML, sangat penting bahwa Anda memahami struktur direktori. Banyak sekali, pengguna keliru membuat link buruk yang memungkinkan halaman untuk bekerja offline tetapi tidak di Internet atau dari komputer lain.

Ketika mengakses file dalam direktori lain yang lebih beruntung direktori saat ini, pertama menentukan direktori dan kemudian nama file. Misalnya, jika Anda mencoba untuk mengakses atau menampilkan file gambarku.gif dalam folder gambar, membuat link seperti yang ditunjukkan di bawah ini.
Image/gambarku.gif
Perhatikan dalam baris di atas bahwa direktori pertama ditentukan dan kemudian file.
Selanjutnya, jika Anda ingin mengakses file gambarku.gif gambar yang akan kembali satu direktori, Anda bisa menggunakan contoh di bawah ini.
../gambarku.gif
Dalam contoh ini, melihat dua titik (..) ini memberitahu browser yang Anda inginkan untuk kembali satu direktori. Jika Anda ingin kembali satu direktori dan kemudian ke direktori lain Anda pertama kali harus melakukan ../ dan kemudian direktori seperti ditunjukkan pada contoh di bawah.
../Other/gambarku.gif
Aturan ini dapat diterapkan ke banyak direktori kembali mungkin. Misalnya, jika Anda ingin kembali tiga direktori dan kemudian pergi ke direktori gambar, maka Anda akan menggunakan contoh di bawah.
../../../Image/gambarku.gif.
Kesalahan umum dengan pengguna PC (Windows) adalah bahwa HTML editor dapat menentukan file berada pada hard drive komputer seperti c:\mywebpage\image\gambarku.gif. Jalan lokal yang bekerja dengan baik pada komputer hard drive (lokal); Namun, ketika diposting di Internet, tidak seorangpun kecuali orang dengan file lokal akan dapat menampilkan file.

Akhirnya, ingat ketika menentukan direktori Anda harus menggunakan forward slash (/) dan bukan backslash.

6. Case Sensitive

Penting untuk diingat bahwa banyak dari server Internet  yang memanfaatkan Linux atau * nix varian. Dengan Linux dan Unix, nama file adalah kasus sensitif. Jika Anda link ke file "Mypage.html" dan file di server adalah "mypage.html", server tidak dapat menemukan file. Saya selalu menyarankan agar membuat semua halaman web, gambar dan file dalam semua huruf kecil.

7. Posting website

Posting file website untuk Internet adalah salah satu langkah yang paling rumit untuk mendirikan sebuah situs web untuk kebanyakan orang. Untuk halaman web agar dapat dilihat oleh pengguna lain, pengguna harus posting website nya pada server dimana dapat dilihat oleh orang-orang di Internet.

Karena keanekaragaman berbagai metode posting website, saya akan menjelaskan salah satu metode yang paling umum digunakan untuk posting website Anda.
Penyedia layanan internet dan web hosting perusahaan menyediakan akses FTP (File Transfer Protocol) yang memungkinkan pengguna untuk menyalin file dari komputer Anda ke server. Pengguna PC memiliki dua kemungkinan; salah satunya adalah untuk menggunakan program FTP yang disertakan dengan Windows dan yang lain menyarankan solusi adalah untuk men-download sebuah program FTP. Menggunakan salah satu alat ini harus memungkinkan pengguna untuk mengirim file langsung, menyediakan server mengizinkan akses FTP.

Setelah terhubung ke server mencari folder atau direktori yang berisi halaman web Anda. Biasanya folder ini adalah public_html. Jika Anda menggunakan Windows FTP, ketik cd public_html atau ketik dir untuk melihat apa yang dinamai folder. Buka folder melalui CUTEFTP atau buka program klien FTP Anda. Dalam folder ini, Anda dapat mengirim file HTML ke server untuk mengakses mereka melalui Internet. Pengguna Windows FTP untuk mengirim file Anda, misalnya, ketik send index.html.

Saya memahami ini dapat menjadi proses yang rumit; Namun, penyedia layanan Internet Anda atau perusahaan web hosting memiliki instruksi untuk posting website Anda dan kadang-kadang yang berbasis web klien, yang memungkinkan pengguna untuk mentransfer file mereka menggunakan website dan tidak harus mengikuti perintah di atas. Jika mengikuti rekomendasi di atas tidak dapat memposting situs web Anda, saya sarankan bahwa Anda harus memeriksa melalui Internet Service Provider atau dokumen perusahaan hosting web.

8. Menyiapkan Nama Domain

Siapkan nama domain anda sesuai selera masing-masing, seperti .com, .net, es, .org, id, .eu, .biz, dll. Anda bisa membelinya di penyedia domain, misal: RumahWeb, IDWebHost, dan lain sebagainya.
domain

9. Web hosting

Web hosting memungkinkan pengguna untuk memiliki penyimpanan di perusahaan lain dan memelihara situs web Anda untuk perusahaan Anda. Sebuah perusahaan web hosting atau tidak mungkin diperlukan tergantung pada apa saja tersedia melalui Internet Service Provider. Periksa dengan Penyedia layanan Internet Anda untuk melihat apakah mereka menawarkan solusi yang sebanding untuk perusahaan hosting web lainnya. Ketika menyiapkan sebuah web hosting, saya sarankan bahwa Anda memverifikasi informasi dengan mereka sebelum menyiapkan halaman di bawah ini.
  • Registrasi domain - memverifikasi perusahaan Anda untuk memiliki domain seperti www.adityatekno.com dan lihat jika mereka bisa mengaturnya untuk Anda, dan jika demikian, berapa banyak biayanya.
  • E-Mail forwarding - lihat apakah perusahaan menawarkan penerusan e-mail untuk meneruskan e-mail dari username@yourdomain.com ke alamat e-mail lain seperti alamat e-mail pribadi Anda.
  • Support - memverifikasi jam operasi untuk dukungan telepon dan memeriksa untuk melihat apakah nomor adalah nomor bebas pulsa.
  • Changing compines - memverifikasi kebijakan mereka dan betapa mudahnya akan berubah ke perusahaan lain jika waktunya tiba.
  • Statistik situs - sementara tidak suatu keharusan fitur itu bagus; Lihat jika perusahaan menawarkan situs statistik untuk halaman web Anda, memungkinkan Anda untuk memantau seberapa baik situs web Anda dilakukan.
  • Business Account - lihat apakah perusahaan akan menagih Anda biaya tambahan jika Anda mulai menjual sesuatu dari website Anda.
  • Bandwidth Limitations - memverifikasi perusahaan tidak memiliki pembatasan bandwidth yang ketat, yang dapat membatasi jumlah lalu lintas yang mampu diterima. Penting untuk menyadari bahwa semua perusahaan memiliki batas tapi pastikan itu adalah sesuatu yang tidak diharapkan untuk dilanggar.
  • FrontPage Extensions - jika Anda menggunakan FrontPage, verifikasi penyimpanan FrontPage Extensions. Meskipun tidak semua pengguna FrontPage menggunakan fitur ini, hal ini masih ide yang baik untuk memverifikasi yang tersedia.
  • CGI, Perl, dan PHP scripts - sementara Anda mungkin tidak segera setup halaman dengan skrip CGI, Perl atau PHP, sangat penting untuk penggunaan di masa depan untuk memverifikasi server Anda ini mendukung. Script ini memungkinkan Anda untuk setup counter, papan pesan, buku tamu dan berbagai fitur lainnya.

10. Beyond the Basics

Merancang halaman web pergi jauh lebih dalam daripada pengenalan dasar halaman web. Ketika Anda telah mendapat pemahaman baik tentang HTML dan FTP membiasakan diri dengan CSS untuk format benar dan tata letak halaman web Anda. Jika Anda ingin melakukan fitur yang lebih canggih di situs web Anda seperti forum, counter halaman web atau e-mail formulir Anda perlu untuk menjadi akrab dengan bahasa pemrograman CGI seperti PHP atau Perl.

Jika dasar-dasar terlalu banyak ada puluhan CMS WordPress dan blog layanan yang dapat membuat proses lebih mudah. Namun, perlu diingat lebih banyak layanan ini hanya menawarkan template dan plugin yang memungkinkan Anda untuk menyesuaikan situs. Jika Anda ingin benar-benar menyesuaikan situs Anda perlu tahu beberapa dasar-dasar nya.

Nah, itu tadi jawaban dari pertanyaan Bagaimana Cara Awal Kita Memulai Belajar HTML dan Web Desain? Semoga jawaban saya bisa membantu para agan dan bisa bermanfaat bagi kita semua. Sekian dulu postingan pada hari ini, Good Luck dan sampai jumpa di postingan selanjutnya. Salam AdityaTekno.com.

sumber
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo