TUGAS

TUTORIAL MEMBUAT WEB

Tugas ini disusun untuk memenuhi Ujian Akhir Semester mata kuliah Tool
Teknologi Informasi

Dosen Pengampu :
Anak Agung Ketut Agung Cahyawan Wiranatha, ST, MT
Kelas : C
Disusun oleh :
Evangelika Pirade (2105551096)

PROGRAM STUDI TEKNOLOGI INFORMASI

FAKULTAS TEKNIK
UNIVERSITAS UDAYANA
BALI
2022
 DAFTAR ISI

DAFTAR ISI...................................................................................................................... 2
1) Definisi Website...................................................................................................... 3
2) Langkah-Langkah Membuat Website ..................................................................... 3
a. Memilih Nama Domain dan Hosting .................................................................. 3
b. Memilih Web Hosting......................................................................................... 3
c. Menginstall WordPress di cPanel ....................................................................... 4
d. Memastikan Domain sudah Menggunakan SSL ................................................. 5
e. Redirect HTTP ke HTTPS (Untuk SEO) ............................................................ 6
3) Kembali ke Tutorial Cara Menginstall WordPress ................................................. 6
a. Melakukan Penyesuaian pada Website Baru ...................................................... 6
4) Memilih Tema WordPress ...................................................................................... 8
5) Membangun Halaman Website dengan Plugin Page Builder ................................. 8
a. Memilih Page Builder yang Newbie-Friendly .................................................... 9
b. Membangun Halaman Depan (Home) .............................................................. 10
6) Launching Website ............................................................................................... 14
DAFTAR PUSTAKA ...................................................................................................... 15

2
1) Definisi Website
Website merupakan kumpulan halaman situs yang terdapat dalam sebuah
domain atau subdomain pada jaringan World Wide Web (WWW) di Internet. Di
era digital ini, internet merupakan salah satu sarana yang banyak digunakan untuk
memudahkan berbagai kegiatan, Website dapat dibuat dan dikelola oleh individu,
kelompok, bisnis, atau organisasi untuk mengakomodasi berbagai tujuan.
Website pertama kali dibuat pada tahun 1990 oleh Tim Berners-Lee,
seorang fisikiawan Inggris di Dewan Eropa untuk Riset Nuklitr (CERN).
Berselang tiga tahun kemudian, CERN mengumumkan bahwa setiap orang dapat
mengakses dan menggunakan World Wide Web secara gratis.

2) Langkah-Langkah Membuat Website

a. Memilih Nama Domain dan Hosting
Website dimulai dari sebuah nama domain. Domain merupakan nama pada
website. Sebuah alamat yang orang akan gunakan ketika mencoba mengunjungi
website melalui browser. Memiliki nama domain yang bagis merupakan suatu
langkah awal yang sangat penting karena nama domain dapat membantu untuk
membangun merek yang akan menempel pada pelanggan atau pengunjung. Nama
domain dapat membantu untuk menentukan target pasar. Setelah memilih platform
yang di mana kali ini akan menggunakan WordPress langkah selanjutnya adalah
menentukan nama domain.

b. Memilih Web Hosting

3
 Web hosting adalah sebuah server untuk menyimpan data-data website
secara online. Fungsinya adalah untuk menghubungkan website dengan internet.
Domain hanyalah sebuah alamat, seperti alamat rumah. Sedangkan hosting adalah
rumahnya.Tanpa adanya alamat (domain) dan rumah (hosting), orang tidak bisa
masuk ke website.
Memilih hosting adalah milestone terpenting pertama yang perlu dilakukan,
karena.
• Jika salah memilih hosting, website bisa terkena masalah dikemudian hari,
seperti data hilang, website sering error atau tidak bisa diakses, dan
semacamnya.
• Website bisa mudah kena malware, mudah dimasuki hacker, dan
semacamnya.
Pada intinya, jika salah memilih hosting, justru tidak akan membantu dalam
menghasilkan penjualan, dan mengakibatkan cost yang akan bertambah karena
harus berpindah-pindah provider hosting.

c. Menginstall WordPress di cPanel

Jika sudah memiliki 2 amunisi dasar untuk membuat website, yaitu domain
dan hosting, sekarang adalah saatnya untuk membuat website agar online sehingga
diakses oleh semua orang di internet. Hal pertama yang harus dilakukan adalah
menginstall platform WordPress pada hosting. Terdapat du acara untuk menginstall
WordPress.
• Cara otomatis (one click installation)
• Cara manual
1. Menginstall WordPress Menggunakan Fitus One-Click Installation
Hampir semua penyedia hosting menyediakan fitus One-Click Installation
untuk menginstall WordPress di dalam control panel hosting. Jika sudah memilih
hosting yang bagus, maka akan ditemukan fitur ini dalam cPanel hosting.

4
d. Memastikan Domain sudah Menggunakan SSL
Sebelum masuk ke langkah menginstall WordPress, ada satu hal penting
yang harus dilakukan agar website terlihat professional, yaitu menginstall
SSL. Jika menggunakan SSL, maka koneksi ke website akan aman.

Jika tidak menggunakan SSL, maka koneksi ke website tidak akan aman. Di
browser Chrome, website akan dilabeli sebagai “Not Secure”.

5
e. Redirect HTTP ke HTTPS (Untuk SEO)
Agar domain selalu menggunakan https (secure dan bagus untuk SEO),
maka harus melakukan redirect dari http ke https, jika tidak, maka orang lain
dapat mengakses dua versi dari website. Satu yang http (not secure) dan satu
lagi yang https (secure karena sudah terinstall SSL).

3) Kembali ke Tutorial Cara Menginstall WordPress

a. Melakukan Penyesuaian pada Website Baru
Jika sudah berhasil menginstall WordPress, maka website sudah bisa
diakses oleh semua orang di internet. Website bisa dibuka dengan mengetik nama
domain di browser. Tetapi saat ini website masih terlihat baru dan kosong.

Sebelum mengisi dengan konten, terlebih dahulu harus mengurus beberapa hal
penting untuk membuat website terlihat siap.
1. Log in ke Dashboard WordPress

6
Masukkan username atau alamat email dan password. Ketika sudah log in,
beginilah tampilan dashboard pada WordPress.

2. Mengganti Judul dan Tagline pada Website

Judul dan tagline merupakan bagian pertama yang perlu disesuaikan.
Buatlah judul dan tagline yang mencerminkan isi website. Pada dashboard
WordPress, klik Setting ~> General.

7
3. Memastikan Website Search Engine Friendly (SEO)
Terdapat tiga poin penting yang perlu dipertimbangkan ketika menyiapkan
website agar search engine friendly.
• Jangan menggunakan format yang panjang dan tidak penting pada struktur
URL
• Jangan block mesin pencari untuk membaca dan me-crawl website
• Jangan biarkan komentar spam mudah masuk ke website
• Menghapus konten default WordPress (Seperti: Hello World, dan Sample
Page)

4) Memilih Tema WordPress

WordPress memiliki 6.000+ tema gratis yang telah dirancang profesional
dalam database mereka. Website masih kosong, maka perlu membuat beberapa
halaman seperti halaman depan (home), tentang, kontak, dan sebagainya.

5) Membangun Halaman Website dengan Plugin Page Builder

Terdapat dua cara untuk membangun halaman di WordPress. Pertama yaitu
membutuhkan pengetahuan coding : CSS, HTML, PHP, dan Javascript (cara

8
tersulit). Kedua yaitu menggunakan cara yang mudah (drag & drop). Kali ini akan
menggunakan cara drag & drop.
a. Memilih Page Builder yang Newbie-Friendly
Berikut merupakan langkah untuk memilih Page Builder.
• Install plugin Elementor
Buka Plugins > Add New > Cari “Elementor” dalam kotak
pencarian. Kemudian klik tombol “Install Now” dan “Activate”
hingga muncul pesan “Plugin Activate”.

• Menginstall plugin pendukung

Plugin pendukung dibutuhkan untuk Elementor yang berfungsi
untuk menambah fungsi pada plugin Elementor yang digunakan
menjadi lebih banyak, sehingga memudahkan dalam membuat
website. Buka bagian Plugins kembali > Add New > Cari “Starter
Templates” dalam kotak pencarian. Kemudian klik tombol “Install
Now” dan “Activate” hingga muncul pesan “Plugin Activated”.

9
b. Membangun Halaman Depan (Home)
• Persiapan
Buka Pages, lalu Edit halaman depan, dalam contoh ini, judul halaman
depan yang digunakan adalah “Home”.

10
Kemudian ikuti langkah-langkah pengaturan berikut untuk
mempersiapkan halaman sebelum di-edit dengan plugin Elementor.
1) Klik icon Astra yang terletak di sebelah atas kanan dari layer

11
▪ Atur pengaturan halamannya menjadi ; Sidebar menjadi No Sidebar,
Content Layout menjadi Full Width / Stretched, dan pilih Disable
Title.

12
 ▪ Klik tombol Update, kemudian klik tombol warna biru “Edit with
Elementor”

Setelah itu, halaman Elementor Page Builder akan muncul, di sinilah tempat untuk
membangun halaman-halaman pada website WordPress.

• Mengenal User Interface Elementor

Pada gambar di bawah, terdapat 2 bagian : kiri (bagian berwarna hijau)
dan kanan (bagian berwarna merah) yang mirip seperti fitur Costumizer
yang sudah digunakan sebelumnya.

13
 Di bagian kiri terdapat widget-widget yang bisa digunakan. Sedangkan
di bagian kanan adalah halalam yang akan dibangun. Cara menambahkan
widget ke dalam halaman adalah dengan cara drag & drop. Sama seperti
ketika menggunakan header dan footer builder dari tema Astra.

• Membangun Halaman Menggunakan Elementor

Pada langkah ini, akan menghabiskan lebih banyak waktu untuk
membangun halaman menggunakan Elementor Page Builder. Bagian ini
merupakan langkah yang cukup menyenangkan, karena caranya yang
cukup mudah, dan ad cukup banyak template dan block gratis yang
disediakan oleh Elementor untuk membantu membangun halaman.
Terdapat du acara yang dapat dilakukan untuk membangun halaman,
yang pertama merupakan cara termudah yaitu menggunakan template
jadi, hanya cukup melakukan modifikasi saja, yang kedua yaitu
mendesain halaman dari nol. Ini bukanlah cara yang bagus untuk pemula.

6) Launching Website
Jika panduan di atas benar-benar telah dilewati dari awal hingga akhir,
maka website yang telah dibuat akan siap untuk dilaunching.

14
 DAFTAR PUSTAKA
Penasihathosting.com. (2022, 19 Juli). Panduan Cara Membuat Website Dari Nol
Untuk Pemula. Diakses pada 20 Desember 2022, dari
https://penasihathosting.com/cara-membuat-website/

15