Cara Membuat Situs Web Anda Sendiri: 16 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:58

Panduan lengkap untuk mendapatkan dari kertas ke web, gratis jika Anda mau, terutama jika ada webmaster ramah yang berhutang budi kepada Anda, tetapi bahkan dengan sedikit pengalaman dan pengetahuan, Anda dapat membangun situs dan memasukkannya ke web seperti: …

Langkah 1: Alat, Bahan dan Keterampilan Dasar

Untuk membuat situs Anda, Anda akan membutuhkan:Alat - Komputer, sebaiknya berusia kurang dari lima tahun - Salinan dreamweaver (opsional) tetapi itulah yang saya tahu dan akan menunjukkan kepada Anda tentang itu - Salinan photoshop, tidak penting tetapi pasti a harus bagi siapa saja yang menginginkan situs yang tampak bagus - Koneksi ke internet di komputer Anda, lebih disukai yang cepat (karena membuat segalanya lebih cepat)Bahan - Ide - Beberapa ruang Disk, tergantung untuk apa situs Anda - Waktu, ya bahan yang sangat berharga - Alamat email yang berfungsi jika Anda membutuhkannya bebas dari Gmail dan hotmailKeterampilan dasar - Pengetahuan dasar tentang cara menggunakan komputer Anda, internet -Ini adalah instruksi tanpa kode, ini untuk orang yang ingin membuat situs tetapi tidak tahu caranya - Beberapa keterampilan desain akan berguna - Mengetahui cara menggunakan photoshop akan menyenangkan, paint. NET atau GIMP

Langkah 2: Mari Mulai

Setelah Anda mengetahui jenis situs yang ingin Anda buat, Anda membuat keputusan desain.

Pikirkan tentang pendingin dasar untuk situs, gayanya, dan bagaimana Anda ingin orang menavigasinya. Jika Anda membuatnya untuk bisnis atau klub, mungkin yang terbaik adalah situs tersebut mencerminkan pendingin perusahaan/klub dan memiliki fitur yang meniru atau didasarkan pada hal-hal tentang perusahaan, seperti tombol menu yang mengingatkan pada sesuatu yang mereka jual jika itu adalah bisnis. Navigasi situs Anda dapat berupa beberapa hal, umumnya tiga jenis utama yang digunakan adalah menu bilah sisi kiri dan kanan dan menu bilah atas (mereka berada di bawah tajuk seperti situs ini) Jika Anda membuat situs untuk diri sendiri, pilih warna dan fitur desain Anda suka dan pergi dari sana Kata peringatan sekalipun. jangan gunakan warna yang benar-benar bertentangan dan gadis-gadis mencoba untuk tidak menggunakan pink fluorescent (tidak seksis yang sering terjadi) Anda bahkan dapat menjalankan bisnis melalui situs Anda jika Anda mau, saya memiliki sedikit pengalaman dalam melakukan ini tetapi mungkin saja lebih mudah menggunakan sesuatu seperti toko yahoo yang digunakan situs ini.

Langkah 3: Memulai Situs

Di sinilah kita mulai, masuk ke Dokumen saya dan buat sendiri folder bernama 'Situs web saya atau gunakan nama situsnya, Di dalam folder itu buat folder panggil 'gambar' yang disebut 'halaman' dan yang lain disebut 'file' (file yang disebut adalah untuk semua file lain yang mungkin Anda gunakan dalam proses pembuatan situs Anda.) Sekarang Jalankan dreamweaver dan bersama dari file sedikit Anda akan melihat item menu yang disebut situs jadi klik itu dan pilih situs baru, gunakan tab lanjutan (karena lebih mudah untuk dilalui), sekarang masukkan nama situs web Anda ke dalam kotak untuk nama situs. Anda akan melihat kotak berlabel 'folder akar lokal' ini adalah folder yang Anda buat di bawah nama situs Anda. Kotak berikutnya berlabel 'Folder gambar default' pilih folder bernama gambar di folder root Anda. Biarkan kedua kotak centang itu sendiri, keduanya seperti seharusnya.

Langkah 4: Mari Terjebak Kemudian

Setelah Anda membuat semua keputusan utama Anda di situs, saatnya membuat template untuk semua halaman Anda, ini persis seperti apa bunyinya, template untuk membuat halaman, sebuah situs web harus terlihat serupa secara keseluruhan untuk menghindari kebingungan. pemirsa dan menghemat banyak waktu dan usaha yang terbuang.

Di template Anda, Anda harus membuat tajuk, ini adalah spanduk utama yang membentang di bagian atas halaman, biasanya memiliki judul situs/nama perusahaan, slogan, dan apakah gambar atau logo yang mencerminkan subjek situs. Pengukuran terbaik yang bisa saya berikan adalah 760 x 100-200 ketinggian adalah preferensi dan juga tergantung di mana bilah menu akan pergi. Lebarnya adalah 760 sehingga muat di jendela browser bahkan ketika menjalankan resolusi 800x600 pada tampilan (tidak ada gunanya jika Anda tidak dapat melihat setengah situs) Tombol menu Anda (jika Anda memilih untuk membuatnya tidak boleh terlalu tinggi, saya merekomendasikan tentang Tinggi dan lebar 30 piksel tergantung pada banyak hal, tetapi milik saya biasanya antara 100 - 1500 piksel. Kemudian lagi Anda mungkin menggunakan tombol flash yang tidak memerlukan usaha dari Anda. (Untuk dreamweaver itu)

Langkah 5: Membuat Template…

Jadi sekarang kami memilih warna situs kami dan yang lainnya dengan mengklik kanan pada halaman kosong kami dan pergi ke properti halaman. Untuk saya, latar belakangnya akan menjadi hitam, teksnya putih dan letakkan judul sebagai templat sekarang. Anda akan melihat dalam gambar bahwa semua warna tautan saya disetel sebagai biru, saya sarankan menggunakan biru juga karena biru adalah warna tautan tradisional dan menggunakan warna tautan aneh adalah yang teratas dalam daftar hal-hal yang mengganggu orang tentang situs web dan apa yang membuatnya tidak profesional.

Langkah 6: Membuat Template Lanjutan. Tata Letak

Sekarang kita mulai tata letak template kita.

Klik tombol insert table atau tombol draw table. Sekarang cukup seret untuk membuat tabel, memilih 3x3 adalah tempat yang praktis untuk memulai. Hal pertama yang harus Anda lakukan adalah membuat tabel Anda lebar 800 piksel, Anda dapat melihat lebar di bilah properti di bagian bawah, sekarang sorot baris sel atas dan klik kanan, buka tabel di menu klik kanan dan pilih gabungkan sel, buat sel yang baru terbentuk setinggi gambar header Anda. Pada pint ini, buka properti tabel Anda dan masukkan nilai nol untuk nilai 'cellpad' dan 'border'. Ini berarti bahwa tabel tidak ada untuk pengguna akhir tetapi menyimpan semuanya di tempatnya. Sekarang kita tempel di gambar header yang harus disimpan di folder gambar situs tetapi jika bukan dreamweaver akan menanyakan apakah Anda ingin menyalin file ke sana. Untuk menyisipkan tampilan gambar di sepanjang bilah tombol Anda (tab di atasnya harus sama) temukan tombol dengan gambar pohon di dalam kotak (sebagian besar program menggunakan simbol yang sama) klik di atasnya dan kotak dialog akan muncul, cukup telusuri file Anda dan klik dua kali. Jika gambar Anda muncul di tempat yang salah, kursor berada di sel yang salah. Sekarang setelah Anda memahami tabel, pisahkan sendiri sel di sepanjang sisi bilah menu yang Anda inginkan, ingat baris berada di seberang kolom di bawahnya. Buat kotak untuk tabel tombol menu selebar yang menurut Anda terlihat bagus kemudian buat tombol Anda dengan lebar yang tepat (abaikan ini jika Anda menginginkan tombol flash) Sekarang buat tabel di dalam sel Anda dengan 1 baris dan kolom sebanyak yang ada tombol (Anda harus mengetahui ini dari rencana situs Anda, saya tidak dapat membantu Anda sama sekali di sana itu pilihan Anda) atau untuk menu horizontal 1 kolom dan baris sebanyak tombol.

Langkah 7: Menambahkan Tombol Menu

Ada beberapa cara untuk melakukan ini. Jika Anda ingin tombol gambar sederhana (gambar yang dapat diklik yang terlihat seperti tombol) Kemudian Anda memasukkan gambar seperti biasa dan untuk saat ini itu saja. nanti kami akan menambahkan tautan ke sana.

Jika Anda ingin tombol rollover (gambar berubah ketika kursor berada di atas gambar tombol maka Anda perlu membuat gambar untuk setiap tombol, katakanlah Anda memiliki beberapa tombol abu-abu gelap yang bagus yang ingin Anda nyalakan ketika pengguna meletakkan mouse di atasnya kemudian Anda membuat set tombol kedua yang menyala. Anda kemudian pergi ke tombol tambahkan gambar rollover di toolbar (di sebelah atau dekat dengan tombol gambar) dan pilih yang gelap untuk gambar satu dan yang terang untuk gambar 2, lagi tinggalkan tautan untuk saat ini karena Anda belum membuat satu halaman pun. Jika Anda ingin tombol flash, Anda perlu mengklik tab media di bagian atas bilah alat tombol dan klik pada simbol tombol sisipkan (logo flash dengan bar kecil di sudut bawah.), Ini akan meminta Anda untuk menyimpan dokumen sebelum melanjutkan jadi simpan sebagai 'templat dasar' atau sesuatu yang Anda tahu berarti templat utama untuk situs Anda.

Langkah 8: Membuat Template untuk Digunakan

Benar, kami hampir selesai dengan template kami dan dapat segera memulai halaman kami, sekarang perlu wilayah yang dapat diedit (Tempat untuk konten halaman untuk pergi) Kami menambahkan ini dengan klik kanan dan pergi ke menu drop-down template di klik kanan menu, pilih wilayah baru yang dapat diedit dan sebuah pesan akan muncul yang mengatakan bahwa dokumen akan dikonversi menjadi template. Ini bagus. Lakukan ini dengan kursor di sel tabel di mana konten akan pergi (yang di bawah dan di samping bilah menu di tambang)

Sekarang simpan dokumen, tutup dan buka file baru dan klik pada tab templat di bagian atas, templat Anda harus ada di sana, pastikan halaman pembaruan ketika kotak perubahan templat dicentang (menyimpan banyak pekerjaan nanti.)

Langkah 9: Tambahkan Beberapa Konten

Buat halaman Anda menambahkan konten Anda dan ingat untuk menyimpannya di folder yang Anda buat untuk halaman dan letakkan gambar Anda ke dalam folder gambar yang Anda buat juga. Ulangi langkah terakhir 8 tentang membuat halaman dari template setiap kali Anda membuat halaman. Perhatikan konten palsu yang saya gunakan, itu disebut Lorem Ispsum dan ini adalah cerita tentang baik dan jahat dalam bahasa latin, web dan desainer grafis menggunakan ini untuk memberikan gambaran tentang seperti apa produk dengan teks asli. itu dapat ditemukan di Lipsum.com Kotak biru itu adalah wilayah yang dapat diedit yang Anda miliki juga, saya harap.

Langkah 10: Sekarang Kami Membuat Tautan Kami

Buka template yang Anda gunakan (ingat kotak centang itu, sekarang sudah masuk untuk bermain) Saat ini tombol menu Anda hanya gambar (jika itu flash maka lihat di bawah) Sekarang Anda memiliki halaman, itu bisa menjadi tombol nyata, apakah itu rollover atau gambar normal klik kanan pada tombol beranda Anda dan pergi untuk mengubah tautan atau membuat tautan (tergantung versi) kotak dialog akan muncul, cukup telusuri file halaman beranda Anda dan klik dua kali di atasnya. sekarang sudah terhubung ke halaman, ulangi untuk sisa tombol Anda dan simpan dokumen, jika dreamweaver bertanya apakah Anda ingin mengubah semua halaman berdasarkan dokumen, katakan ya.

Untuk tombol flash Anda akan ingat bahwa kami mengabaikan bilah tautan sehingga yang kami lakukan hanyalah klik kanan pada tombol dan tekan edit Anda akan disajikan dengan layar dari sebelumnya, cukup tekan tombol telusuri di sebelah bilah tautan dan temukan file Anda. Sekarang Anda harus memiliki situs yang berfungsi cukup banyak, langkah selanjutnya diisi dengan beberapa trik dan hal-hal untuk halaman foto dll. Untuk membuat segalanya lebih mudah dan berjalan lebih baik.

Langkah 11: Beberapa Tip dan Ide Bermanfaat

Jika Anda bekerja pada XP (mungkin termasuk vista) ada powertoy XP yang disebut image resizer yang akan memungkinkan Anda untuk mengubah ukuran gambar Anda dengan mengklik kanan dan Anda dapat melakukan batch dan menambahkan ibu jari ke akhir setiap nama. Untuk galeri foto gunakan thumbnail yang Anda buat sebagai gambar di halaman utama dan tautkan seperti tombol ke file gambar yang lebih besar, ini memungkinkan pemuatan yang lebih cepat dan halaman galeri yang lebih sedikit.

Untuk halaman dengan banyak konten di dalamnya, mungkin ada baiknya memisahkan halaman dan tautan halaman sebelumnya, ini mudah dilakukan dan yang Anda lakukan hanyalah menautkannya satu sama lain dan meletakkan yang awal sebagai tautan templat atau dari halaman apa pun itu terhubung dari. Saya akan kembali dan menambahkan lebih banyak saat saya memikirkannya atau seperti yang disarankan orang, itu baru permulaan.

Langkah 12: Buat Halaman Indeks

Saat ini sebagian besar host web memerlukan halaman indeks, ini bisa berupa replika dari halaman beranda yang disebut 'index.htm' (itulah yang harus Anda beri nama) atau buat halaman yang funky dengan memasukkan situs di dalamnya (jika Anda ' jago flash Anda bisa memiliki animasi untuk menghidupkan segalanya. Anda harus merasakannya semakin dekat dengan momen spesial itu. Buka di sini…

Langkah 13: Mari Dapatkan Kami Tuan Rumah

Sekarang Anda akan menemukan diri Anda di situs yang saya kirimkan kepada Anda, saya memilihnya karena sejauh host gratis pergi itu hebat dan memungkinkan banyak sekali barang, serta penyimpanan 8gig dan sekitar 300GB bandwidth/bulan.

Jadi ikuti langkah-langkah pendaftaran dan aktifkan akun Anda, bahkan jangan melihat pengelola file itu, kami tidak akan membutuhkannya. Pergi ke akun Anda dan catat nama akun FTP Anda, nama pengguna dan kata sandi (sama dengan kata sandi Anda untuk akun hosting) Masuk ke situs, edit situs dan pilih milik Anda, buka tab lanjutan dan pergi ke server pengujian (Saya tahu milik saya di info jarak jauh tetapi server pengujian adalah cara termudah untuk mengunggah situs), masukkan informasi Anda seperti yang ditunjukkan pada gambar.

Langkah 14: Dapatkah Anda Merasakannya?

Saatnya mengunggah situs… Anda akan memiliki situs web.

Buka bilah file/aset situs Anda, tidak diragukan lagi tampilannya sangat berbeda sekarang, klik menu drop-down kecil tampilan dan pilih server pengujian. Sekarang dreamweaver telah menyimpan kata sandi FTP Anda. Klik tombol sambungkan ke host jarak jauh (yang memiliki tiga bentuk lucu). setelah dikatakan Anda terhubung, klik tombol pasang file., Itu tombol yang merupakan panah menunjuk ke atas. (Untuk penggunaan nanti, Anda dapat masuk ke akun dan menggunakan get files untuk mendapatkan file yang mungkin hilang di komputer Anda.) Ketika Anda menekan ini, ia akan menanyakan apakah Anda ingin memasang seluruh situs, benar sekali. semua itu berfungsi, untuk pembaruan kecil Anda dapat mengirim file pengganti. Ketika sampai sejauh 'index.htm' ia akan bertanya apakah itu harus diganti, katakan ya jika tidak, situs Anda akan turun setelah 15 hari, itu sebabnya kami membuat situs kami terlebih dahulu.

Langkah 15: Sekarang Anda Ingin Nama?

Jadi Ide menjadi subsitus mempengaruhi ego Anda, Anda memiliki pilihan, membeli nama domain (tidak mahal tanpa hosting dan Anda dapat melakukan.com.org.co.uk dan.net memilih salah satu yang paling sesuai dengan nama Anda. Atau untuk orang yang ingin semuanya gratis pergi saja ke situs dot tk Mereka hanya mencerminkan halaman Anda jadi ketika Anda membuatnya menjadikan halaman beranda atau halaman indeks Anda sebagai tautan situs, dan pilih katakan killerjackalope.tk mendapatkannya?

Langkah 16: Ada Lagi untuk Lagi?

Sekarang ini adalah jawaban untuk pertanyaan yang membara dan sedang dimasukkan ke dalam kontes pemotong laser (menit terakhir) tetapi jika Anda memiliki pertanyaan atau ingin penjelasan tambahan daripada hanya bertanya, jika kecil saya akan membalas Anda dan jika itu bagus maka saya akan menambahkan langkah sehingga semua orang memiliki jawaban atas pertanyaan Anda.

Saya juga tahu itu dari tutorial sebelumnya tapi saya yakin inilah yang terjadi ketika Anda mencoba membuat situs di halaman depan, itu mengerikan dan saya lebih suka memberitahu Anda untuk mencuri dreamweaver daripada membeli halaman depan. Selanjutnya diinstruksikan, cara membuat gambar hulk lucu.