Skip to main content

Cara Membuat Website Profil HTML dan CSS

ANAKTEKNO.COM - Ada banyak cara membuat website profil pribadi atau pun web company profile. Untuk kamu yang tertarik dengan dunia programmer, bisa mulai dengan menggunakan HTML dan CSS.

Cara Membuat Website Profil HTML dan CSS

Setelah halaman siap, kamu bisa upload di Github atau pun hosting sendiri, baik berbayar maupun gratis. Namun jika kamu ingin cara yang lebih sederhana, bisa menggunakan CMS Wordpress atau Blogger dengan theme/template web profil gratis maupun premium.

Mana yang lebih bagus, buat web profil pakai HTML dan CSS atau menggunakan Wordpress? Untuk desain web yang menarik, HTML dan CSS saja tidak cukup, minimal kita membutuhkan framework CSS, yaitu Bootstrap. Selain itu, kita juga masih harus meng-online-kan halaman website yang telah kita buat tersebut.

Beda dengan Wordpress (self host), website bisa langsung jadi dan diakses secara online. Biasanya kita hanya perlu mengedit biodata dan tidak dipusingkan dengan desain website karena sudah tersedia banyak theme.

Hanya saja, untuk mendapatkan fitur maksimal, sering kali kita harus membeli template premium web profil pribadi maupun company profile.

Untuk perusahaan besar, umumnya mereka menggunakan jasa pembuatan website profesional atau pun memiliki tim IT sendiri.

Apa itu web profil?


Web profil adalah salah satu contoh web personal branding atau pun company profile yang digunakan untuk berbagai tujuan. Web personal branding yang berisi data diri dan pencapaian biasanya dibuat sebagai CV dan portofolio untuk melamar pekerjaan. 

Adapun web company profile biasanya digunakan sebagai landing page bisnis maupun informasi seputar perusahaan. Namun tidak ada aturan baku dalam hal ini. Sebagian web profil pribadi juga digunakan untuk keperluan bisnis seperti membuka jasa kursus dan lain-lain.

Semua tergantung tujuan pembuatan website itu sendiri. Untuk yang mencari cara membuat website profil menggunakan HTML dan CSS, kalau bukan untuk tugas kuliah, hanya sedang belajar HTML dan CSS aja.

Nah, untuk memudahkan kamu memahami tentang web profil pribadi HTML dan CSS untuk personal branding maupun company profile, ikuti panduan Anaktekno.com berikut ini.

Cara Membuat Web Profil Menggunakan HTML dan CSS


Berikut ini langkah-langkah membuat web profil menggunakan HTML dan CSS:
  • Pertama kamu bisa buka Notepad bawaan Windows.
  • Kedua copy script web company profile (di bawah).
  • Paste di aplikasi Notepad.
  • Klik File dan pilih Save As.
  • Pada File name, tambahkan di belakang nama file .html.
  • Pada Save as Type, pilih All Files.
  • Klik Save untuk menyimpan script web company profile dalam bentuk file HTML..
  • Selesai.

Berikut ini contoh script web profil perusahaan untuk branding maupun landing page.

<html>
<head >
<title>Contoh Web Company Profile</title>
<style type="text/css">
h1{
color: white;
background-color: navy;
padding: 3px;
}
h2{
color: white;
background-color: blue;
padding: 3px;
}
.menu {
text-align: center;
background-color: navy;
font-size:16px;
padding-top: 16pt;
}
.button {
background-color: white;
padding: 4px;
border-color: blue;
text-decoration: none;
}
.button:hover {
background-color: blue;
}
</style>
</head>
<body>
<div class="menu">
<a href="#profil" class="button">Profil Perusahaan</a>
<a href="#sejarah" class="button">Sejarah</a>
<a href="#visimisi" class="button">Visi Misi</a>
<a href="#layanan" class="button">Layanan</a>
<a href="#transaksi" class="button">Transaksi</a>
<a href="#kontak" class="button">Kontak</a>
<br><br>
</div>
<h1 align="center">CV PAYPAL ANAKTEKNO</h1>
<table align="center" border="1">
<tr><td colspan="2" bgcolor="#fff000"><img src="gambar.png" width="325px" height="200px" border="2"></td></tr>
<tr align="center">
<td> 085 396 717 324 </td>
<td> Lara4store@gmail.com </td></tr>
</table>
<center><h2 id="profil">PROFIL PERUSAHAAN</h2>
<b>CV PAYPAL ANAKTEKNO</b>
<p>Jasa Convert Paypal Anaktekno.com merupakan penyedia layanan penukaran saldo Paypal tanpa minimal saldo. Jasa CV Paypal Anaktekno hadir sebagai solusi bagi para pencari receh online dan freelancer dalam mencairkan saldo Paypal ke rekening, e-wallet atau pulsa dengan cepat kurang dari 5 menit.
<h2 id="sejarah">SEJARAH</h2>
Jasa CV Paypal Anaktekno.com lahir secara tidak disengaja. Kesulitan mencairkan saldo Paypal ke rupiah menjadi cikal bakal lahirnya jasa tukar saldo Paypal Anaktekno.
<h2 id="visimisi">VISI MISI</h2>
<b>VISI</b>
<p>Menjadi jasa tukar Paypal No. 1 di Indonesia.
<p><b>MISI</b>
<p>Memberikan pelayanan yang cepat dan ramah dengan mengedepankan prinsip aman, amanah dan terpercaya.
<h2 id="layanan">LAYANAN</h2>
Kami membuka jasa tukar saldo Paypal ke rupiah 24 jam dalam bentuk:</center>
<ul>
<li>Transfer bank BCA, BRI, BNI, Mandiri, dll.</li>
<li>Top up e-wallet DANA, OVO, GoPay, LinkAja, dan ShopeePay.</li>
<li>Isi pulsa all operator Telkomsel, Smartfren, XL, Indosat, dll.</li>
</ul>
<center>
<h2 id="transaksi">TRANSAKSI</h2>
Total 7324+ Berhasil
<h2 id="kontak">KONTAK</h2>
Hubungi kami di WhatsApp <a target="_blank" href="https://api.whatsapp.com/send/?phone=6282187338484&text=%2AJasa+Convert+Paypal+Terpercaya+Anaktekno.com%2A%0A%0AJumlah+Saldo+%3D+%24%0ANama+Pengirim+%3D+%0ATukar+ke+DANA%2Flainnya+%3D+%0ANomor+DANA+%3D+%0A%0APermintaan+Anda+sedang+diproses%E2%80%A6">085 396 717 324</a>
<footer>
<p align="center">
<font align="center" font color="blue">
<b>Copyright&copy; 2022</b> Dibuat dengan HTML & CSS <a href="https://www.anaktekno.com">Anaktekno.com</a>
</font>
</footer>
</body>
</html>

Kamu bisa gunakan script web company profile di atas untuk membuat website sendiri dengan menggunakan HTML dan CSS tanpa Bootstrap dan JavaScript. Kamu juga bisa mengubahnya menjadi web profil pribadi untuk CV, portofolio maupuan personal branding.

Untuk mengedit script, kamu bisa gunakan Notepad bawaan Windows. Intinya kamu hanya perlu belajar sedikit HTML dan CSS untuk pemula. 

Dengan memahami HTML dan CSS, kamu sudah punya modal menjadi web developer. Minimal saat ini kamu sudah memiliki keahlian web design pemula.


Demikianlah cara membuat website profil HTML dan CSS. Semoga bermanfaat!

Anak Tekno
Anak Tekno
Tertarik dengan dunia Blog dan SEO sejak 2017 dan terus belajar sampai detik ini..

Tentang
Anaktekno.com merupakan tempat berbagi tutorial aplikasi Android, Media Sosial, Windows, dan lain-lain. Kami juga menerima Jasa Convert Paypal, Content Placement, Unblock Link Facebook.

Informasi Lebih Lanjut
WhatsApp 085396717324
Email Lara4store@gmail.com

Alamat
Lara 4 Mukti Tama, Baebunta Selatan, Luwu Utara, Sulawesi Selatan, Indonesia - 92965
close