Panduan Lengkap Membuat Website Portfolio untuk Pemula

Fasilitas Pembuatan Web yang Sangat Mudah digunakan Gunakan Rumahweb SiteBuilder untuk membuat website sendiri dengan mudah dan cepat. Mulai dari memilih template, membuat halaman baru, atau mengedit halaman website. Semuanya dapat dilakukan dalam beberapa klik saja.

Rumahweb SiteBuilder dilengkapi dengan 400 pilihan template yang sangat fleksibel untuk diubah sesuai keinginan Anda. Selain itu, Rumahweb SiteBuilder juga dilengkapi dengan berbagai modul dasar yang dibutuhkan sebuah website seperti modul berita, polling, form kontak, bookmarking, dll.

Fasilitas ini kami sediakan GRATIS bagi semua pelanggan Rumahweb yang menggunakan paket hosting minimal Personal-100. Jadi tunggu apalagi, gunakan layanan hosting Rumahweb dan dapatkan fasilitas Sitebuilder ini gratis!

Website portfolio adalah situs pribadi yang berisi informasi tentang diri, keahlian, dan hasil karya kita. Website ini sangat penting bagi desainer, fotografer, programmer, penulis, dan freelancer untuk menunjukkan kemampuan mereka secara profesional di dunia online.

Manfaat Website Portfolio:

• Menampilkan karya secara rapi dan menarik.
• Meningkatkan kredibilitas profesional.
• Memudahkan klien atau perekrut menghubungi.
• Bisa menjadi sarana personal branding.

Menentukan Tujuan Portfolio

Sebelum membuat, tentukan tujuan website:

• Apakah untuk melamar kerja?
• Menarik klien freelance?
• Memamerkan karya seni atau desain?

Memilih Platform Website

Ada dua pilihan utama:

1. Website Builder (Tanpa Koding)
• Contoh: Wix, Squarespace, WordPress.com, Webflow.
• Kelebihan: Praktis, banyak template.
• Kekurangan: Fleksibilitas terbatas.
2. Custom Website (Dengan Koding)
• Menggunakan HTML, CSS, JavaScript, atau framework seperti Laravel, React, atau Tailwind CSS.
• Kelebihan: Bebas kustomisasi.
• Kekurangan: Butuh skill teknis.

Menentukan Domain dan Hosting

• Domain: Alamat website, misal namakamu.com.
• Hosting: Tempat menyimpan file website.
• Untuk pemula, bisa mulai dengan hosting murah atau bahkan hosting gratis seperti GitHub Pages (untuk web statis).

Menyusun Struktur Website

Umumnya, website portfolio terdiri dari:

1. Halaman Utama (Home) – perkenalan singkat dan visual menarik.
2. Tentang Saya (About) – biodata, pengalaman, dan skill.
3. Portfolio / Karya – galeri foto atau deskripsi proyek.
4. Blog (Opsional) – tulisan terkait bidang yang ditekuni.
5. Kontak – email, form kontak, atau link media sosial.

Mendesain Tampilan Website

• Gunakan warna yang konsisten.
• Pilih font yang mudah dibaca.
• Sertakan foto diri profesional.
• Gunakan layout yang simpel dan rapi.

Tools Desain:

• Canva (untuk banner dan gambar).
• Figma (untuk membuat mockup UI).

Membuat Konten yang Menarik

• Gunakan bahasa singkat dan jelas.
• Sertakan foto berkualitas tinggi untuk setiap karya.
• Jelaskan peran Anda di setiap proyek.
• Tambahkan testimoni dari klien jika ada.

Optimasi SEO (Supaya Mudah Ditemukan di Google)

• Gunakan kata kunci yang relevan.
• Buat judul halaman yang jelas.
• Gunakan gambar dengan deskripsi (alt text).
• Pastikan website cepat diakses.

Untuk pengguna layanan hosting server US, silahkan klik disini

untuk menggunakan Rumahweb Sitebuilder download

Samsung Galaxy Grand Prime SM-G530 - 8GB - Grey  

Lihat Rincian

Product details of Samsung Galaxy Grand Prime SM-G530 - 8GB - Grey

Samsung Grand Prime G530H Selfie - Grey

Samsung kembali melahirkan teknologi modern untuk Anda, Samsung Galaxy Grand Prime. Hadir dengan kamera belakang 8 MP dan kamera depan 5 MP, Samsung Galaxy Grand Prime siap untuk membantu Anda mengabadikan momen berharga dalam hidup Anda, serta memberikan hasil selfie keren yang bisa dengan mudah Anda bagikan dengan orang-orang terdekat. Dengan platform Android canggih dan prosesor Quad-core, Anda dapat menikmati begitu banyak aplikasi terkini dan menikmatinya tanpa gangguan.

Performa Optimal

Rasakan teknologi canggih yang lancar dengan Samsung Galaxy Grand Prime. Berbekal Quad-core dengan kecepatan 1.2 GHz, multitasking pun dapat dilakukan dengan mudah. Anda dapat menikmati konten media favorit, menonton video berkualitas HD, semua dengan lancar. Didukung oleh sistem operasi terkini Android v4.4 KitKat, Anda dapat mengakses ribuan aplikasi favorit dari Google Play, dan mengoperasikannya tanpa hambatan.

Dual Kamera

Abadikan momen berharga Anda menggunakan kamera belakang yang berkekuatan 8 MP. Dengan dilengkapi teknologi Auto Focus, Anda dapat dengan mudah menangkap gambar yang bagus untuk momen yang tak terlupakan. Mengambil foto di tempat gelap pun tidak menjadi masalah dengan adanya flash light yang melengkapinya. Anda juga bisa mengambil foto selfie dengan kualitas terbaik menggunakan kamera depan 5 MP.

Konektivitas Tanpa Batas

Tetap terhubung kapanpun dan dimanapun Anda berada bersama Samsung Galaxy Grand Prime. Dibekali dengan fitur WiFi, Anda dapat menjelajahi dunia internet setiap saat. Fitur Bluetooth 4.0 memudahkan pemindahan data dengan perangkat teknologi lainnya.

Spesifikasi Samsung Galaxy Grand Prime SM-G530 - 8GB - Grey
SKU	SA848ELAV51YANID-852656
Warna	Hitam
Ukuran layar	5.0
Megapiksel	8.0
Model	Samsung Grand Prime G530H
Sistem Operasi	Android
Product Line	Android
Ukuran (L x W x H cm)	14.48 x 7.21 x 0.86 cm
Garansi produk	Garansi Samsung Resmi 1 Tahun
Berat (kg)	0.156 kg
Kapasitas Penyimpanan	8
Sistem Operasi	Android Kitkat
Tipe Baterai	Li-Ion2600
Koneksi Nirkabel	Bluetooth|WiFi|3G
Kecepatan CPU	1.20
Fitur Tampilan	HD

Pembelian Klik Disini

Download UC Browser Part 1 Part 2

10 Ways A Kid Can Make Money -Ways To Make 50,000 A Month With Online

10 Ways A Kid Can Make Money -Ways To Make 50,000 A Month With Online

In today's digital age, children can not only learn from the internet, but also use it to earn money. With parental guidance and creativity, children can start small online businesses. Even a simple target of Rp 50,000 per month can be achieved in a fun way.

1. Selling Artwork or Handicrafts : Children who like to draw, make bracelets, or origami can sell them through social media or marketplaces. Example: Selling 5 handmade bracelets for Rp 10,000 → Rp 50,000/month. Tools: Instagram, WhatsApp, or Shopee.
2. Offer Simple Digital Design Services : Use apps like Canva to create posters, greeting cards, or digital invitations. Customers can be school friends or family members. Example: 5 greeting card orders @$10,000.
3. Become an Online Short Story Writer : Children who enjoy writing can publish their work on platforms such as Wattpad, then monetize it through story orders or reader tips. They can also sell simple PDF stories.
4. Creating Educational Content on YouTube : Content can include educational videos, simple science experiments, or tips for playing educational games. With enough viewers, you can generate income from ads or sponsors. Note: Parental supervision is required for content creation and monetization.
5. Sell Photos or Illustrations : Use your cell phone camera or digital images, then sell them on platforms such as Shutterstock or Freepik. Landscape photos, food photos, or funny images often sell well.
6. Start a toy or book review service : Children can review their toys or books on TikTok/Instagram. If they become popular, they can get free items or payment from sellers.
7. Help Your Family Sell Online : Children can help photograph products, write descriptions, or respond to customer chats. Commissions are paid based on sales.
8. Sell Small E-Books : Create simple e-books such as “Tips for Learning Mathematics,” “A Collection of Funny Riddles,” or “Recipes for Children's Snacks.” Sell them for Rp 5,000–Rp 10,000.
9. Participate in Online Contests with Prizes : There are many writing, drawing, or video-making contests open to children. Cash prizes can be a source of additional income.
10. Become a Social Media Content Assistant : Children can help create captions, content ideas, or edit short videos for the family business. Payment can be calculated per post.

Tips for Children to Achieve a Target of 50,000/Month

1. Focus on one or two ideas that are most popular.
2. Set weekly targets (e.g., $12.50/week).
3. Use social media for promotion.
4. Create a light work schedule so it doesn't interfere with school.
5. Ask for parental support with payments and online security.

Perancangan Web Dasar

Langkah - Langkah Perancangan Web Dasar

1. Pengertian Perancangan Web

Perancangan web adalah proses membuat struktur dan desain sebuah halaman atau aplikasi berbasis web. Ini mencakup perencanaan layout, tampilan visual, navigasi, serta interaksi pengguna.

Tujuan utamanya adalah:

• Menyajikan informasi secara menarik dan mudah diakses.
• Memberikan pengalaman pengguna (user experience) yang baik.
• Mencapai tujuan bisnis atau komunikasi dari pemilik website.

2. Komponen Utama dalam Perancangan Web

• Layout: Struktur penempatan elemen seperti header, menu, konten, dan footer.
• Navigasi: Cara pengguna berpindah antar halaman (menu, link).
• Desain Visual: Penggunaan warna, font, gambar, dan ikon.
• Responsif: Web harus tampil baik di berbagai perangkat (laptop, tablet, hp).
• Konten: Informasi berupa teks, gambar, video yang ingin disampaikan.

3. Langkah-langkah Perancangan Web Dasar

1. Menentukan Tujuan Website

Apa fungsi utama web? (misalnya: promosi produk, profil perusahaan, blog pribadi)

2. Menentukan Target Pengguna

Siapa yang akan mengunjungi? Anak muda, pebisnis, pelajar, umum?

3. Membuat Wireframe

Sketsa kasar tentang susunan halaman.

4. Memilih Teknologi yang Digunakan
• Frontend: HTML, CSS, JavaScript
• Backend (opsional): PHP, Laravel, Node.js
• Database (opsional): MySQL, MongoDB
5. Mendesain dan Membangun Website

Koding bagian frontend dan backend sesuai kebutuhan.

6. Melakukan Uji Coba dan Revisi

Cek apakah web berjalan baik di berbagai perangkat.

 

Contoh Kasus: Membuat Website Profil Usaha "Kedai Kopi Seduh"

Deskripsi Kasus:

Seorang pemilik kedai kopi kecil ingin memiliki website sederhana untuk memperkenalkan usahanya.

Kebutuhan:

• Halaman Home: Menampilkan gambar dan deskripsi singkat kedai.
• Halaman Menu: Daftar minuman dan makanan yang tersedia.
• Halaman Kontak: Lokasi, nomor telepon, dan link WhatsApp.

Wireframe Kasar:

[HEADER] -> Logo | Menu (Home | Menu | Kontak)

[HOME PAGE]

-Banner Gambar Kedai

-Deskripsi Kedai

-Tombol "Lihat Menu"

[MENU PAGE]

-Daftar Produk (Nama + Harga + Foto)

[KONTAK PAGE]

-Alamat

[KONTAK PAGE]

-Alamat

-Nomor WhatsApp (Tombol Chat)

-Embed Google Map

[FOOTER]

-copyright

-Sosial Media Link

Struktur Folder:

Contoh Potongan Kode:

HTML (index.html)

CSS (css/style.css)

Menentukan Tujuan Website

Langkah paling awal adalah menentukan tujuan web.
Pertanyaan yang perlu dijawab:

• Website ini untuk apa? (profil sekolah, blog, toko online, sistem informasi)
• Siapa target penggunanya?
• Informasi apa yang paling dibutuhkan pengunjung?

Contoh:

• Website sekolah → informasi profil, berita, pengumuman
• Website toko → produk, harga, transaksi

Mengumpulkan Kebutuhan (Requirement)

Pada tahap ini, tentukan fitur dan konten yang dibutuhkan.

Contoh kebutuhan dasar:

• Halaman Beranda
• Halaman Tentang
• Halaman Kontak
• Formulir (login, pendaftaran, pesan)
• Gambar dan teks

Tujuan tahap ini agar web tidak dibuat “asal jadi”.

Membuat Struktur Website (Sitemap)

Sitemap adalah peta halaman website agar alur navigasi jelas.

Contoh sitemap sederhana:

Home
├── Tentang
├── Layanan
├── Blog
└── Kontak

Manfaat:

• Memudahkan pengguna
• Membantu perancangan menu navigasi

Mendesain Wireframe (Kerangka Tampilan)

Wireframe adalah sketsa kasar tampilan halaman web, belum berisi warna atau gambar detail.

Biasanya berisi:

• Header
• Menu navigasi
• Konten utama
• Sidebar (opsional)
• Footer

Fokus wireframe: fungsi & tata letak, bukan estetika.

Menentukan Desain Visual

Setelah wireframe selesai, masuk ke desain visual.

Hal yang ditentukan:

• Warna utama website
• Jenis font
• Ukuran teks
• Gaya tombol & ikon

Prinsip penting:

• Konsisten
• Mudah dibaca
• Tidak terlalu banyak warna

Menentukan Teknologi yang Digunakan

Untuk web dasar, teknologi yang umum dipakai:

Frontend:

• HTML → struktur
• CSS → tampilan
• JavaScript → interaksi

Backend (opsional):

• PHP / .NET / Node.js
• Database (MySQL, SQL Server)

Untuk pemula, fokus dulu di HTML + CSS.

Proses Pengkodean (Coding)

Tahap ini adalah mengubah desain menjadi website nyata.

Urutan yang disarankan:

1. Buat struktur HTML
2. Tambahkan CSS untuk tampilan
3. Tambahkan JavaScript jika diperlukan

Tips:

• Gunakan folder terstruktur (css, js, images)
• Penamaan file harus jelas

Pengujian Website

Sebelum dipublikasikan, web harus diuji.

Yang diuji:

• Link berfungsi atau tidak
• Tampilan di berbagai ukuran layar
• Form berjalan dengan benar
• Tidak ada error

Bisa diuji di:

• Google Chrome
• Mozilla Firefox
• Smartphone

Publikasi Website

Website siap dipublikasikan menggunakan:

• Hosting & domain
• Local server (untuk pembelajaran)
• Platform sekolah / internal server

Setelah online, tetap lakukan perawatan & update.

Evaluasi dan Pengembangan

Website yang baik adalah website yang terus berkembang.

Contoh pengembangan:

• Menambah fitur login
• Menambahkan database
• Optimasi kecepatan
• SEO dasar

Perancangan web dasar fokus pada membangun struktur dan desain yang sederhana namun efektif. Setelah menguasai dasar ini, Anda bisa melanjutkan ke tahapan yang lebih kompleks seperti membuat website dinamis, menggunakan framework CSS, hingga membuat backend server.