Isi kandungan:

Membuat Laman Web Pertama Anda Dari Awal: 4 Langkah
Membuat Laman Web Pertama Anda Dari Awal: 4 Langkah

Video: Membuat Laman Web Pertama Anda Dari Awal: 4 Langkah

Video: Membuat Laman Web Pertama Anda Dari Awal: 4 Langkah
Video: Tutorial Membuat Website Sederhana dengan HTML dan CSS. Lengkap dan Mudah bagi Pemula 2024, November
Anonim
Membuat Laman Web Pertama Anda Dari Awal
Membuat Laman Web Pertama Anda Dari Awal
Membuat Laman Web Pertama Anda Dari Awal
Membuat Laman Web Pertama Anda Dari Awal

Instruksional ini akan menunjukkan kepada anda bagaimana membuat laman web anda sendiri, sepenuhnya dari awal tanpa mempelajari hampir semua html, dan benar-benar percuma, walaupun beberapa kemahiran dalam program cat diperlukan, tetapi jika anda tidak mempunyai kemahiran itu, anda boleh mencari di internet untuk apa yang akan anda lakukan dalam cat yang telah dibuat. senarai perkara yang diperlukan.

  • Akses internet (kemungkinan jika anda membaca ini anda mendapat yang ini)
  • Program cat
  • Lebih kurang satu jam (lebih pendek bergantung pada kemahiran anda)
  • Dan beberapa muat turun yang tentunya merupakan alat percuma.

Muat turun pertama dipanggil gimp yang pada dasarnya adalah versi kedai gambar yang disederhanakan, atau versi tingkap cat yang lebih besar yang anda tentukan. Gimp program ini juga mempunyai versi untuk pengguna linux dan mac. Seterusnya adalah sesuatu yang saya sangat suka itu adalah penyunting HTML, iaitu. anda meneka barang percuma. inilah yang membuatnya sehingga anda tidak perlu belajar html. tetapi jika anda ingin melakukan pengekodan, anda boleh melakukannya dalam program ini untuk. NVUDapatkan semua itu, Baik sekarang di mana bersedia untuk melangkah ke dunia interweb.

Langkah 1: Membuat Gambar

Membuat Gambar
Membuat Gambar
Membuat Gambar
Membuat Gambar
Membuat Gambar
Membuat Gambar

Ini adalah langkah di mana anda membuat semua gambar untuk laman web anda, tentu anda mesti mempunyai nama untuk laman web anda pada tahap ini. Kaedah yang dicuba dan benar adalah dengan membuat gambar 1000x600 menjadikan semua laman web anda akan menjadi, ambil laman web instruksional seperti yang sebenarnya adalah sepanduk di bahagian atas, bar oren dengan butang, dan beberapa bar menu. Cukup jadikan semuanya sebagai satu gambar (tinggalkan saja kawasan kandungan, iaitu di mana teks ada di halaman tengah, biarkan tempat itu kosong) dan jangan membuat latar belakang, cukup isi latar dengan warna yang padat yang sesuai dengan halaman anda. Saya tidak akan memberitahu anda petua cat atau apa sahaja yang anda boleh lihat pada anda sendiri. setelah anda mempunyai apa yang anda mahu seperti halaman utama anda. setelah selesai. potong dan tampal semua yang boleh diklik, termasuk sepanduk dan butang secara individu ke tetingkap baru, dan simpan secara berasingan pastikan untuk menyimpannya sebagai.png, lihat gambar untuk contoh saya. Maksudnya di sini adalah untuk memisahkan semuanya supaya anda dapat mengkodkannya.

Petunjuk lain adalah membuat folder baru untuk menyimpannya, tidak diperlukan tetapi untuk organisasi

Langkah 2: Menggabungkan Semuanya

Mengembalikan Semuanya Bersama
Mengembalikan Semuanya Bersama

Sekarang untuk ini anda akan membuka nvu, saya memerlukan sedikit klik tetapi tidak rumit. sakit membawamu melangkah demi selangkah.

Mula-mula anda perlu mengambil bar atas yang ditetapkan pada lalai ke 600 (cukup yakin) tetapi anda ingin menyeretnya ke atas dan menjadikannya lebar 1000, lakukan perkara yang sama ke sisi hanya menjadikannya 600. Seterusnya anda Saya ingin membuat latar belakang laman web terlebih dahulu anda tidak akan menggunakan pengisian yang anda gunakan dalam program cat anda, sebaliknya pergi ke Format> Warna Halaman dan Latar Belakang, klik gunakan warna khusus. dan buat warna latar yang anda buat dalam program cat. Perkara seterusnya yang ingin anda lakukan ialah menambah sepanduk teratas. klik butang gambar pada bar alat. dan cari sepanduk anda. klik jangan gunakan teks ganti. dan ok. anda kini mempunyai gambar pertama anda di halaman anda. * klik bar sumber di bahagian bawah program untuk melihat berapa banyak pengekodan. ia juga merupakan kaedah yang baik untuk belajar HTML. Muat naik butang yang selebihnya, anda boleh menggunakan teks alternatif atau bukan terpulang kepada anda. anda bagaimanapun perlu mengklik butang dan masuk ke bar format dalam sifat gambar dan pautan. klik bar pautan dan buat pautan ke yang berkaitan dengannya, butang utama akan menjadi indeks.htm, butang pautan akan menjadi pautan.htm tulis butang yang dihubungkan ke bawah yang anda perlukan kemudian setelah anda menyelesaikan semuanya ia semestinya seperti gambar laman web sebelum anda memotong dan menampal. Perkara terakhir yang anda ingin lakukan ialah membuat jadual di tengah halaman di bawah butang, anda boleh menukar warna dan sempadan di bar menu, di sinilah teks utama anda akan pergi. tuliskan sesuatu di dalamnya supaya anda mempunyai sesuatu di laman web anda.

Langkah 3: Menyiapkan Segalanya

Menyiapkan Segalanya
Menyiapkan Segalanya
Menyiapkan Segalanya
Menyiapkan Segalanya
Menyiapkan Segalanya
Menyiapkan Segalanya

Sekarang anda mempunyai laman web yang cukup banyak dibuat. tetapi anda mungkin tidak mempunyai masa atau ruang yang diperlukan untuk menyiapkan pelayan, ditambah dengan itu tidak akan percuma. tetapi mereka adalah tempat yang akan menjadi tuan rumah laman web anda secara percuma di pelayan mereka. kegemaran saya adalah. laman web percuma

Sekiranya anda tidak mahu melakukan ini dengan betul dan hanya membaca, anda masih boleh membuat laman web dari mereka yang mempunyai semua yang anda perlukan. Cara melakukannya lebih fleksibel

Buat akaun di freewebs jika nama laman web anda diambil jangan khawatir hanya tambahkan 2 di hujung laman web anda sekarang, iaitu tambang punkholy, jika diambil saya akan menyebutnya punkholy2. (ini mungkin bukan apa yang orang taip semasa mereka pergi ke laman web anda. Terutama ketika membuat laman web pastikan untuk menetapkannya ke mod html. Anda akan muncul di skrin seperti gambar ketiga, klik pengurus laman web, dan klik untuk mengedit halaman yang disebut index.htm hapus barang yang ada di dalamnya, masuk ke bilah sumber di nvu dan salin dan tampal ke dalam editor teks sekarang kosong. muat naik gambar ke direktori utama dan klik dunia kecil untuk melihat halaman.jika ada yang salah buat komen mengenainya dan hantarkan mesej kepada saya dengan html anda masuk dan lihat apa yang boleh saya lakukan.

Langkah 4: Selesai

Bersalin dengan saya yang hampir selesai. masih ingat bila anda berpose untuk menuliskan nama-nama tersebut? Sekarang apabila anda memerlukannya. buat beberapa halaman baru dengan nama yang sama seperti butang yang dihubungkan. sekarang pergi salin kod html dari halaman Indeks. dan salin ke halaman baru, setelah diperiksa. anda harus melihat di mana teks yang anda masukkan ke halaman utama. anda boleh memadamkannya dan menulis sesuatu yang lain yang akan masuk ke dalam halaman, maka anda perlu mencari beberapa html jika anda ingin menambahkan pautan ke laman web lain dan perkara seperti itu. tetapi untuk sebahagian besarnya, SELESAI anda menguji butang anda untuk melihat apakah ia berfungsi. fikirkan beberapa kandungan dan selamat mencuba. * sebagai langkah pilihan jika anda mendapat nama yang telah diambil dan harus memasukkan 2 ke dalam nama anda, pergi ke sini dan daftarkan nama yang anda mahukan. walaupun ia diambil di freewebs kemungkinan ia tidak dibawa ke sini. akhir-akhir ini hanya komen perkara biasa jika anda mempunyai masalah, saya tahu ini adalah petunjuk yang panjang dengan banyak maklumat, dan jika saya meninggalkan sesuatu memberitahu saya, jangan nyala saya, saya membuat banyak laman web dan sesuatu yang saya rasa jelas mungkin tidak begitu jelas bagi seseorang yang baru mengenainya. jika anda mahukan contohnya, laman web saya www.punkholy.tk.

Disyorkan: