Cara Membina Laman Web Anda Sendiri: 16 Langkah

2024 Pengarang: John Day | [email protected]. Diubah suai terakhir: 2024-01-30 11:12

Panduan lengkap untuk mendapatkan dari kertas ke web, secara percuma jika anda mahukan, terutamanya jika ada webmaster yang mesra berhutang budi tetapi walaupun dengan sedikit pengalaman dan pengetahuan, anda boleh membina laman web dan menyebarkannya ke laman web seperti ini: …

Langkah 1: Alat, Bahan dan Kemahiran Asas

Untuk membuat laman web anda, anda memerlukan: Alat - Komputer, lebih baik berumur kurang dari lima tahun - Salinan dreamweaver (pilihan) tetapi yang saya tahu dan akan menunjukkan kepada anda mengenai perkara itu - Salinan photoshop, tidak penting tetapi pasti mesti bagi sesiapa sahaja yang menginginkan laman web yang cantik - Sambungan ke internet di komputer anda, lebih disukai yang cepat (kerana menjadikannya lebih cepat) Bahan - Idea - Sebilangan ruang Cakera, bergantung pada keperluan laman web anda - Masa, ya itu bahan yang berharga pada masa itu - Alamat e-mel yang berfungsi jika anda memerlukannya, mereka bebas daripada Gmail dan hotmailKemahiran asas - Pengetahuan asas tentang bagaimana menggunakan komputer anda, internet -Ini adalah struktur tanpa kod, ini untuk orang yang ingin membuat laman web tetapi tidak tahu bagaimana - Beberapa kemahiran reka bentuk akan berguna - Mengetahui bagaimana menggunakan photoshop pasti bagus, cat. NET atau GIMP

Langkah 2: Mari Bermula

Sebaik sahaja anda mengetahui jenis laman web apa yang ingin anda buat membuat keputusan reka bentuk anda.

Fikirkan tentang penyejuk asas untuk laman web, gaya dan bagaimana anda mahu orang menavigasinya. Sekiranya anda membuatnya untuk perniagaan atau kelab, mungkin laman web ini mencerminkan syarikat / kelab penyejuk dan mempunyai ciri-ciri yang meniru atau berdasarkan perkara mengenai syarikat, seperti butang menu yang mengingatkan sesuatu yang mereka jual jika itu perniagaan. Navigasi laman web anda boleh menjadi beberapa perkara, umumnya tiga jenis utama adalah menu bar sisi kiri dan kanan dan menu bar atas (melintasi di bawah tajuk seperti laman web ini) Sekiranya anda membuat laman web ini sendiri, pilih warna dan ciri reka bentuk anda suka dan pergi dari sana. jangan gunakan warna yang benar-benar bertentangan dan kanak-kanak perempuan cuba untuk tidak menggunakan warna merah jambu pendarfluor (tidak menjadi seksis yang banyak berlaku) Anda mungkin juga menjalankan perniagaan melalui laman web anda jika anda mahu, saya mempunyai sedikit pengalaman dalam melakukan ini tetapi mungkin lebih mudah menggunakan sesuatu seperti kedai yahoo yang digunakan laman web ini.

Langkah 3: Memulakan Laman web

Di sinilah kita mulakan, masuk ke dokumen Saya dan buat diri anda folder yang disebut 'Laman web saya atau gunakan nama laman web, Di dalam folder itu buat folder memanggil' gambar 'yang disebut' halaman 'dan yang lain disebut' fail ' (satu fail yang dipanggil adalah untuk semua fail lain yang mungkin anda gunakan dalam proses membuat laman web anda.) Sekarang jalankan dreamweaver dan dari sebentar fail anda akan melihat item menu yang disebut laman web jadi klik itu dan pilih laman web baru, gunakan tab lanjutan (kerana lebih mudah untuk dilalui), sekarang masukkan nama laman web anda ke dalam kotak untuk nama laman web. Anda akan melihat kotak berlabel 'folder root tempatan' ini adalah folder yang anda buat di bawah nama laman web anda. Kotak seterusnya dilabelkan 'Folder gambar lalai' pilih folder bernama gambar di folder root anda. Biarkan dua kotak centang sahaja, keduanya seperti mestinya.

Langkah 4: Mari Kita Terus

Setelah anda membuat semua keputusan utama di laman web ini, sudah waktunya untuk membuat templat untuk semua halaman anda, ini adalah seperti apa sebenarnya, templat untuk membuat halaman, laman web harus kelihatan serupa sehingga dapat mengelakkan kedua-dua kekeliruan terhadap penonton dan ia menjimatkan banyak masa dan usaha yang sia-sia.

Dalam templat anda, anda perlu membuat tajuk, ini adalah sepanduk utama yang terdapat di bahagian atas halaman, biasanya mempunyai tajuk nama laman web / syarikat, slogan dan gambar atau logo yang mencerminkan subjek laman web. Ukuran terbaik yang dapat saya berikan ialah ketinggian 760 x 100-200 adalah keutamaan dan juga bergantung pada arah bar menu yang akan dituju. Lebarnya 760 jadi sesuai di windows browser walaupun menjalankan 800x600 res pada paparan (tidak ada gunanya jika anda tidak dapat melihat separuh laman web) Butang menu anda (jika anda memilih untuk membuatnya tidak boleh terlalu tinggi, saya sarankan mengenai Tinggi 30 piksel dan lebarnya bergantung pada banyak perkara tetapi ukuran saya biasanya antara 100 - 1500 piksel. Sekali lagi anda mungkin menggunakan butang kilat yang memerlukan usaha sifar dari pihak anda. (Untuk dreamweaver iaitu)

Langkah 5: Membuat Templat …

Jadi sekarang kami memilih warna laman web kami dan yang lainnya dengan mengklik kanan pada halaman kosong kami dan pergi ke hartanah halaman. Untuk saya latar belakang akan menjadi hitam, teksnya putih dan meletakkan tajuk sebagai templat sekarang. Anda akan perhatikan dalam gambar bahawa semua warna pautan saya ditetapkan sebagai biru, saya cadangkan menggunakan biru juga kerana biru adalah warna pautan tradisional dan menggunakan warna pautan ganjil adalah tinggi dalam senarai perkara yang mengganggu orang tentang laman web dan apa yang membuatnya tidak profesional.

Langkah 6: Membuat Templat Terus. susun atur

Sekarang kita mulakan susun atur templat kita.

Klik pada butang insert table atau butang draw table. Sekarang hanya seret untuk membuat jadual, memilih 3x3 adalah tempat yang berguna untuk bermula. Perkara pertama yang harus anda lakukan ialah membuat meja seluas 800 piksel, anda dapat melihat lebar di bar sifat di bahagian bawah, sekarang sorot baris atas sel dan klik kanan, pergi ke meja di menu klik kanan dan pilih gabungan sel, jadikan sel yang baru terbentuk sebagai ketinggian gambar tajuk anda. Pada pint ini, pergi ke sifat meja anda dan masukkan nilai sifar untuk nilai 'cellpad' dan 'border'. Ini bermaksud bahawa jadual tidak ada untuk pengguna akhir tetapi menyimpan semuanya di tempat. Sekarang kita memasukkannya ke dalam gambar header yang harus disimpan di folder gambar laman web tetapi jika bukan dreamweaver akan bertanya apakah anda ingin menyalin fail ke sana. Untuk memasukkan paparan gambar di sepanjang bar butang anda (tab di atasnya harus umum) cari butang dengan gambar pokok di dalam kotak (kebanyakan program menggunakan simbol yang serupa) klik padanya dan kotak dialog akan muncul, hanya semak fail anda dan klik dua kali. Sekiranya gambar anda muncul di tempat yang salah, kursor berada di sel yang salah. Sekarang setelah anda mendapat bahagian meja, letakkan sel anda di sepanjang sisi yang anda mahukan bar menu anda, ingat baris berada di seberang lajur di sepanjang jalan. Jadikan kotak untuk jadual butang menu anda seluas yang difikirkan sesuai, kemudian jadikan butang anda lebar yang tepat (abaikan ini jika anda mahukan butang kilat) Sekarang buatlah meja di dalam sel anda dengan 1 baris dan lajur sebanyak yang ada butang (anda harus tahu ini dari rancangan laman web anda, saya sama sekali tidak dapat menolong anda di sana itu adalah pilihan anda) atau untuk menu lajur mendatar 1 lajur dan seberapa banyak baris terdapat butang.

Langkah 7: Menambah Butang Menu

Terdapat beberapa cara untuk melakukan ini. Sekiranya anda mahukan butang gambar sederhana (gambar yang boleh diklik yang kelihatan seperti butang) Kemudian anda memasukkan gambar seperti biasa dan buat masa ini itu sahaja. kemudian kami akan menambah pautan kepada mereka.

Sekiranya anda mahukan butang rollover (gambar berubah ketika kursor berada di atas gambar butang, maka anda perlu membuat gambar untuk setiap butang, katakan anda mempunyai beberapa butang kelabu gelap yang bagus yang ingin anda terang ketika pengguna meletakkan tetikus pada mereka kemudian anda membuat sekumpulan butang kedua yang menyala. Anda kemudian pergi ke butang tambah gambar bergulir di bar alat (di sebelah atau dekat dengan butang gambar) dan pilih yang gelap untuk gambar satu dan yang ringan untuk gambar 2, tinggalkan lagi pautan buat masa ini kerana anda belum membuat satu halaman lagi. Sekiranya anda mahukan butang kilat, anda perlu mengklik tab media di bahagian atas bar alat butang dan klik pada simbol butang sisipkan (logo kilat dengan bar kecil di sudut bawah.), Ia akan meminta anda menyimpan dokumen sebelum meneruskannya, jadi simpan sebagai 'templat asas' atau sesuatu yang anda tahu bermaksud templat utama untuk laman web anda.

Langkah 8: Membuat Templat untuk Digunakan

Tepat kita hampir selesai dengan templat kita dan dapat memulakan halaman kita dalam masa terdekat, sekarang ia memerlukan kawasan yang dapat diedit (Tempat untuk isi halaman) Kami menambahkannya dengan klik kanan dan pergi ke menu lungsur templat di klik kanan menu, pilih wilayah baru yang dapat diedit dan mesej akan muncul mengatakan bahawa dokumen akan ditukar menjadi templat. Ini baik. Lakukan ini dengan kursor di sel jadual di mana kandungan akan pergi (yang berada di bawah dan di sebelah bar menu di lombong)

Sekarang simpan dokumen, tutup dan pergi ke fail baru dan klik pada tab templat di bahagian atas, templat anda harus ada, pastikan halaman kemas kini apabila kotak perubahan templat dicentang (menyimpan banyak kerja kemudian.)

Langkah 9: Tambahkan Sebilangan Kandungan

Jadikan halaman anda menambahkan kandungan anda dan ingatlah untuk menyimpannya di folder yang anda buat untuk halaman dan masukkan gambar anda ke dalam folder gambar yang anda buat juga. Cukup ulangi langkah terakhir 8 tentang membuat halaman dari templat setiap kali anda membuat halaman. Perhatikan kandungan palsu yang saya gunakan, ia dinamakan Lorem Ispsum dan ini adalah kisah tentang kebaikan dan keburukan dalam bahasa latin, pereka web dan grafik menggunakannya untuk memberi gambaran bagaimana produk akan kelihatan dengan teks sebenar. ia boleh didapati di Lipsum.comKotak-kotak biru adalah kawasan yang dapat diedit dan anda juga mempunyai harapan.

Langkah 10: Sekarang Kami Membuat Pautan Kami

Buka templat anda yang anda gunakan (ingat kotak centang itu, sekarang masuk untuk dimainkan) Pada saat butang menu anda hanyalah gambar (jika mereka flash kemudian lihat di bawah) Sekarang anda mempunyai halaman, mereka boleh menjadi butang sebenar, sama ada gambar bergulir atau gambar biasa klik kanan pada butang rumah anda dan pergi untuk menukar pautan atau membuat pautan (bergantung pada versi) kotak dialog akan muncul, cukup cari fail halaman utama anda dan klik dua kali di atasnya. sekarang ia dihubungkan ke halaman, ulangi untuk selebihnya butang anda dan simpan dokumennya, jika dreamweaver bertanya adakah anda mahu menukar semua halaman berdasarkan dokumen tersebut katakan ya.

Untuk butang kilat anda akan ingat kami mengabaikan bar pautan sehingga yang kami lakukan hanyalah klik kanan pada butang dan tekan edit anda akan disajikan dengan skrin dari sebelumnya, cukup tekan butang cari di sebelah bar pautan dan cari fail anda. Sekarang anda harus mempunyai laman web yang cukup banyak, langkah seterusnya dipenuhi dengan beberapa trik dan perkara untuk halaman foto dan lain-lain untuk menjadikan semuanya lebih mudah dan berjalan dengan lebih baik.

Langkah 11: Beberapa Petua dan Idea Berguna

Sekiranya anda mengusahakan XP (mungkin termasuk vista) ada powertoy XP yang disebut image resizer yang akan membolehkan anda mengubah ukuran gambar anda dengan mengklik kanan dan anda boleh melakukan kumpulan dan menambahkan ibu jari di hujung setiap nama. Untuk galeri foto, gunakan gambar kecil yang anda buat sebagai gambar di halaman utama dan pautkannya seperti butang ke fail gambar yang lebih besar, ini memungkinkan untuk memuat lebih cepat dan lebih sedikit halaman galeri.

Untuk halaman dengan banyak kandungan di atasnya, mungkin ada baiknya membelah halaman dan halaman sebelumnya, ini mudah dilakukan dan semua yang anda lakukan adalah menghubungkannya satu sama lain dan mulakan sebagai pautan templat atau dari halaman mana pun ia dihubungkan dari. Saya akan kembali dan menambah lebih banyak semasa saya memikirkannya atau ketika orang mencadangkan mereka itu hanya permulaan.

Langkah 12: Buat Halaman Indeks

Sekarang ini, kebanyakan hos web memerlukan halaman indeks, ini boleh menjadi replika halaman utama yang disebut 'index.htm' (itulah yang anda mesti namakan) atau membuat halaman yang menyeronokkan dengan memasukkan laman di dalamnya (jika anda ' kembali pandai anda boleh mempunyai animasi untuk menghidupkan sesuatu. Anda mesti merasakannya semakin hampir dengan momen istimewa itu. Pergi ke sini …

Langkah 13: Mari Jadikan Kami Host

Sekarang anda akan berada di laman web yang saya hantar, saya memilihnya kerana sejauh mana hos percuma pergi, ia bagus dan membolehkan banyak barang, juga penyimpanan 8gig dan seperti lebar jalur 300GB / bulan.

Oleh itu, ikuti langkah-langkah pendaftaran dan aktifkan akaun anda, jangan melihat pengurus fail itu, kami tidak akan memerlukannya. Pergi ke akaun anda dan catat nama akaun FTP anda, nama pengguna dan kata laluan (sama dengan kata laluan anda untuk akaun hosting) (Saya tahu saya ada di maklumat jauh tetapi pelayan ujian adalah cara termudah untuk memuat naik laman web), masukkan maklumat anda seperti yang ditunjukkan dalam gambar.

Langkah 14: Bolehkah Anda Merasainya?

Sudah tiba masanya untuk memuat naik laman web … Anda akan mempunyai laman web.

Pergi ke bar fail / aset laman web anda, sudah pasti kelihatan sangat berbeza sekarang, klik pada menu lungsur turun dan pilih pelayan ujian. Kini dreamweaver telah menyimpan kata laluan FTP anda. Klik pada butang sambung ke host jauh (yang mempunyai tiga bentuk lucu). setelah tertulis, klik butang letakkan fail., itulah butang yang menunjuk ke arah anak panah ke atas. (Untuk penggunaan nanti anda boleh log masuk ke akaun dan gunakan file get untuk mendapatkan fail yang mungkin anda hilang di komputer anda.) Apabila anda memukulnya, ia akan bertanya apakah anda ingin meletakkan seluruh laman web, betul-betul anda lakukan dengan semuanya berfungsi, untuk kemas kini kecil, anda boleh menghantar fail gantian. Apabila sampai sejauh 'index.htm', ia akan meminta sekiranya menggantikannya, katakan ya jika tidak, laman web anda akan mati selepas 15 hari, sebab itulah kami membuat laman web kami terlebih dahulu.

Langkah 15: Sekarang Anda Mahukan Nama?

Jadi Idea untuk menjadi laman web mempengaruhi ego anda, anda mempunyai pilihan, membeli nama domain (tidak mahal tanpa hosting dan anda boleh memilih.com.org.co.uk dan.net memilih yang paling sesuai dengan nama anda. Atau untuk lelaki yang mahukan semuanya percuma pergi ke laman web dot tk. Mereka hanya mencerminkan halaman anda jadi apabila anda menjadikan halaman rumah atau halaman indeks anda sebagai pautan laman. dan pilih katakan killerjackalope.tk mendapatnya?

Langkah 16: Ada Lagi untuk Lagi?

Sekarang ini adalah untuk menjawab soalan yang menyakitkan dan dimasukkan ke dalam pertandingan pemotong laser (saat terakhir) tetapi jika anda mempunyai pertanyaan atau ingin penjelasan tambahan daripada hanya bertanya, jika kecil, saya akan membalas anda dan jika itu bagus maka saya akan tambahkan satu langkah supaya semua orang mempunyai jawapan untuk soalan anda.

Saya juga tahu itu dari tutorial mantan, tetapi saya yakin inilah yang berlaku apabila anda membuat laman web di halaman depan, ini mengerikan dan saya lebih suka memberitahu anda untuk mencuri dreamweaver kemudian membeli halaman depan. Selanjutnya, bagaimana membuat gambar lucu lucu.