Baru-baru ini, Anda melakukan riset untuk tujuan pekerjaan dan, alih-alih menggunakan PowerPoint "klasik", Anda ingin melaporkan hasilnya di halaman web yang kaya akan konten, yang dapat digunakan untuk "mengesankan" atasan Anda dan bercita-cita, mengapa tidak, untuk suatu kemajuan karir. Masalahnya sekarang adalah Anda benar-benar meraba-raba dalam kegelapan, karena Anda tidak pernah mencoba untuk mengerti cara membuat halaman HTML sebelum sekarang, jadi Anda mencari kursus "intensif" yang dapat membantu Anda memperoleh setidaknya pengetahuan dasar untuk melakukan pekerjaan jenis ini.

Baiklah, dengan senang hati saya informasikan bahwa Anda berada di tempat yang tepat, pada waktu yang tepat: di bawah ini, sebenarnya, saya akan berhati-hati untuk menjelaskan dasar-dasar "pemrograman" dalam bahasa HTML, juga menyediakan untuk Anda dengan semua alat yang diperlukan untuk bertindak secara mandiri di masa depan. Saya tahu, pada awalnya mungkin tampak cukup sulit, tetapi saya dapat menjamin Anda bahwa sedikit kesabaran dan latihan beberapa hari sudah cukup untuk mencapai hasil yang patut dicatat!

Jadi, tanpa ragu-ragu lagi, luangkan beberapa menit dari waktu luang Anda dan baca dengan seksama semua yang harus saya jelaskan tentang masalah ini: Saya yakin, di akhir bacaan ini, Anda akan memiliki gagasan yang jelas tentang apa yang harus Anda lakukan. lakukan dan Anda akan dapat mengatur halaman HTML yang Anda pikirkan untuk bos Anda. Karena itu, tidak ada yang tersisa untuk saya lakukan selain berharap Anda membaca dengan baik dan pekerjaan yang baik!

Elemen kilat atau applet Java, dulu sangat diperlukan untuk mendapatkan hasil yang serupa.

Justru karena alasan ini, hingga saat ini, HTML 5 digunakan secara luas, serta untuk implementasi situs web dan portal, juga dalam pengembangan aplikasi untuk ponsel cerdas dan tablet dan dalam penerapan panel manajemen untuk jenis "terhubung" lainnya. perangkat.".

Pada dasarnya, halaman yang dibuat dengan HTML hanya didefinisikan halaman statis, yaitu, dirancang untuk selalu menampilkan konten yang sama, terutama tidak dapat diubah oleh kondisi lingkungan saat ini dari mana konten tersebut dilihat, atau oleh perilaku pengguna selama navigasi.

Namun, itu mungkin untuk dilakukan berkolaborasi HTML dengan banyak bahasa lain, untuk membangun halaman yang lebih kompleks, kaya konten dan, yang terpenting, dinamis: di antara bahasa paling populer jenis ini, perlu disebutkan CSS, digunakan untuk mendefinisikannya gaya elemen yang membentuk halaman, dan JavaScript, bahasa pemrograman yang memungkinkan Anda memanipulasi halaman secara dinamis sehingga, jika perlu, interaktif.

bagian dari panduan ini.

  • Daftar berpoin - persis seperti namanya, jenis tag ini memungkinkan Anda untuk menentukan daftar berpoin dan, jika diinginkan, diurutkan. Awal dan akhir dari satu daftar berpoin ditentukan oleh tag
    aku s (daftar tidak berurutan), sedangkan untuk daftar yang diurutkan tag digunakan
    aku s (Daftar pesanan). Setiap elemen dari daftar diapit tag
  • aku s (Daftar barang).
  • Formulir - beberapa tag HTML secara khusus diarahkan untuk membuat formulir yang dapat diisi. Misalnya, awal dan akhir formulir ditentukan oleh spidol
    aku s , berbagai elemen masukan (kotak teks, kotak centang, dan sebagainya) diidentifikasi oleh tag dan ditentukan oleh parameter Tipe. Sebagai gantinya, tag digunakan untuk membuat kotak di dalam formulir
    . Saya akan menunjukkan cara menggunakan beberapa tag ini di bagian halaman login HTML.
  • Klik disini.

    Ketika Anda telah selesai, simpan dengan nama file yang baru saja dibuat menggunakan ekstensi .html (misalnya. situs saya.html) dan, untuk melihat halaman di dalam browser, lakukan klik dua kali pada file yang baru saja Anda simpan. Nah: Anda baru saja berhasil membuat halaman HTML pertama Anda! Jika mau, Anda dapat melihat kode halaman dengan mengklik kanan di tempat acak pada halaman dan memilih opsi Lihat sumber halaman dari menu yang diusulkan oleh browser.

    Ingat, dengan cara ini, halaman HTML yang dibuat hanya akan terlihat di dalam komputer yang Anda gunakan; jika Anda ingin membuat halaman dapat dijangkau dari internet, Anda harus membelinya ruang hosting yang dapat menghostingnya, mungkin untuk digabungkan dengan domain untuk menjangkaunya dengan mudah. Jika Anda tertarik dengan kemungkinan ini, saya mengundang Anda untuk berkonsultasi dengan panduan saya untuk hosting terbaik.

    Biografi Salvatore

  • Karya Salvatore
  • Kontak Salvatore
  • Untuk mengakses bagian panduan klik di sini.

    Seperti yang dapat Anda tebak dengan mudah, hyperlink ke halaman lain dari situs telah dimasukkan dalam satu daftar berpoin tidak berurutan. Selain itu, halaman telah ditetapkan satu latar belakang berwarna-warni melalui parameter warna bg (yaitu. backgbulatwarna) dilampirkan ke tag

    sebelumnya, menggunakan kode yang mirip berikut ini.

      Halaman masuk   

    Masuk ke situs

    tindakan = "scriptAccesso.php">

    <jenis masukan = "kirim" nilai = "Masuk">

    Apakah Anda lupa kata sandi Anda? Klik di sini untuk mengatur ulang.

    Kesulitannya, dalam hal ini, adalah memberi tahu browser cara memeriksa apakah nama pengguna dan kata sandi telah dimasukkan dengan benar, di mana pengguna menekan tombol untuk mengautentikasi (dalam hal ini, ): umumnya, operasi ini diselesaikan dengan memanggil skrip tertentu (ditulis dengan bahasa javascript, php, ASP atau lainnya), yang membandingkan bidang di kotak yang sesuai dengan rekaman database atau file teks. Dalam kode yang disebutkan di atas, skrip ini ditentukan dalam parameter tindakan dari tag

    , yang menunjukkan tindakan yang akan diambil saat tombol jenis ditekan Kirimkan (dalam kasus kami, "Masuk").

    Untuk informasi lebih lanjut tentang prosedur membuat skrip login di PHP, saya mengundang Anda untuk berkonsultasi dengan tutorial dasar HTML.it.

    Terakhir, simpan file, klik dua kali pada html masing-masing dan… nikmati hasilnya!

    Alat untuk membuat halaman HTML

    Jika Anda telah sampai sejauh ini, itu berarti Anda telah memperoleh pengetahuan dasar yang diperlukan untuk membuat halaman HTML dan bahwa Anda siap untuk mengambil langkah pertama dalam otonomi penuh. Jadi, setelah Anda memahami penggunaan tag dan bagaimana membangun struktur halaman Web, Anda ingin memiliki gambaran lengkap tentang alat yang dapat membantu Anda dengan mudah melakukan pekerjaan Anda: di bawah ini saya tunjukkan yang, menurut pendapat saya , mereka mungkin lebih berguna bagi Anda.

    situs resmi.

  • amaya - adalah editor HTML open source yang dibuat dan didistribusikan oleh konsorsium W3 (W3C). Ini memungkinkan, berkat antarmuka WYSIWYG yang nyaman, untuk membuat halaman dan seluruh situs dalam HTML, lembar gaya, skrip kecil, dan bagian lain dari platform Web, bahkan "menggambar" semuanya dengan mouse. Anda dapat mengunduh Amaya dari halaman ini.
  • Adobe Dreamweaver - adalah alat semi-profesional yang sangat kuat yang, berkat berbagai alat yang ada di dalamnya, memungkinkan Anda merancang situs Internet yang sederhana dan kompleks. Selain menjadi editor HTML, Dreamweaver dapat menangani CSS, JavaScript, file grafik, dan banyak lagi. Anda dapat membeli Dreamweaver (dengan kemungkinan uji coba gratis selama 7 hari) dari situs resminya.
  • Yang saya sebutkan adalah beberapa editor HTML yang paling sering digunakan, tetapi mereka bukan satu-satunya: dalam hal ini, saya telah membuatkan untuk Anda panduan khusus tentang program HTML, di mana Anda dapat menemukan banyak perangkat lunak lain dari jenis ini yang dapat membantu Anda memimpin untuk menyelesaikan pekerjaan Anda.

    tabel, grafik, pemformatan teks, daftar, gambar-gambar dan seterusnya) untuk membuat halaman Web seperti yang Anda ingin lihat di browser.

    Setelah selesai, klik menu Mengajukan Word, pilih opsi Simpan dengan nama, menunjukkan map untuk menyimpan file dan, selanjutnya, menentukan nama file dan setel menu tarik-turun Simpan sebagai (Format file di Mac) di suara halaman web, jika Anda hanya tertarik untuk menyimpan teks, atau di Halaman web dalam satu file untuk juga menyimpan gambar, font yang digunakan, dan elemen "eksternal" lainnya ke Word dalam file yang sama.

    Catatan: untuk tetap percaya dengan format aslinya, Word mungkin menambahkan beberapa tag "eksklusif" agar tidak mengubah tampilan halaman. Jika niat Anda untuk mengecualikan mereka dan membatasi diri Anda untuk hanya menyimpan penanda HTML, Anda harus memilih item halaman web Filtrata dari menu tarik-turun Simpan sebagai / Format mengajukan.

    buat situs dengan WordPress e cara membuat situs dengan situs google.

    Ada juga platform yang lebih berorientasi pada pembuatan halaman HTML statis, seperti Weebly, Yola atau Xoom: Saya menjelaskan kepada Anda secara khusus bagaimana mereka bekerja di panduan saya tentang cara membuat situs web Gratis.

    Panduan HTML.it HTML - kemungkinan besar, ini adalah salah satu panduan paling lengkap, terartikulasi, dan kaya wawasan yang tersedia di Internet: ini dibagi menjadi beberapa bagian tematik dan mencakup pelajaran otentik, contoh praktis, dan latihan dari berbagai jenis. Selain itu, panduan HTML.it terus diperbarui.

  • W3Schools.com - portal ini, dipromosikan dan diterbitkan oleh W3C, sepenuhnya didedikasikan untuk HTML dan teknologi lain yang mengelilinginya. Keunikannya adalah dapat melakukan banyak latihan verifikasi diri, di akhir setiap pelajaran, untuk memverifikasi dan mengevaluasi keterampilan baru yang diperoleh.
  • HTML 5 dengan CSS dan JavaScript - jika Anda lebih suka cetak daripada digital, lihat teks ini: selain sebagai panduan dasar untuk membuat situs HTML, ini adalah referensi yang cukup lengkap untuk membuat aplikasi seluler ( dan bukan) berbasis web, yang menggabungkan HTML 5 dengan CSS dan JavaScript.