SHARE DESIGN WEB HOSTING / DOMAIN [HTML & CSS][APA ITU DOMAIN ?TANYA MBAH GOOGLE]

RayMantic · 14 Sep 2018

[HIDE]

DESIGN WEB BISNIS DOMAIN / PENYEDIA DOMAIN

[/HIDE]

[HIDE]

Kini cukup banyak bermunculan berbagai website penyedia hosting dan domain di Indonesia. Harga yang ditawarkan oleh setiap penyedia hosting dan domain cukup beragam sesuai dengan paket yang dipilih. Selain itu, terdapat juga yang menyediakan domain gratis yang dapat digunakan tanpa harus membayar. Kemudahan ini dapat dimanfaatkan oleh para netizen yang ingin membangun website sesuai dengan tema yang diinginkan. Terinspirasi dari hal tersebut, Kami mencoba untuk membuat desain sederhana untuk website penyewaan Hosting dan Domain.

STEP BY STEP

1. Buat Script HTML

Code:

<html>
<head>
<title>Hosting design by . ozynx</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>


<body>
 <table width="800" align="center" border="0" bgcolor="#ffffff" cellpadding="2">
<tr>
   <td rowspan="2" width="200"><img src="images/logo.png"></td>
   <td colspan="2" class="judul"><marquee>You all in one stop hosting solution</marquee></td>
  </tr>
<tr>
   <td colspan="2" class="menu">
    <a href="#">Home</a>
    <a href="#">Produk</a>
    <a href="#">Promo</a>
    <a href="#">Diskon</a>
    <a href="#">Kontak Kami</a>
    <a href="#">Tentang Kami</a>
 
   </td>
  </tr>
<tr>
   <td colspan="3"><img src="images/ads.jpg" width="100%"></td>
  </tr>
<tr  valign="top">
   <td rowspan="2"><img src="images/webhosting.jpg"></td>
   <td valign="top">
    <p>
CV Hosting Bebas menyediakan layanan jasa registrasi domain, personal web hosting, corporate hosting serta dedicated server dengan kebebasan pilihan server Indonesia/IIX dan USA.</p>
<p>
Dengan harga bijaksana dan relatif murah serta system keamanan yang handal dilengkapi dual remote backup, segenap team kami berkomitmen memberikan layanan yang terbaik pada anda.</p>
</td>
   <td><img src="images/hosting_header.jpg" width="400"></td>
  </tr>
<tr>
   <td colspan="2">
    <p class="subjudul">
Special Deal: Paket Hosting Gratis Domain</p>
<p>
Gratis domain .com/.net/.org/.biz/.info/.us/.name/.go.id/.mil.id/.web.id/.or.id/.sch.id/.ac.id (pilih salah 1). Space mulai 300MB s/d 4.800MB mulai Rp 15.000 per bulan/ Paket hemat dengan free domain.</P>
    <br>
   </td>
  </tr>
<tr>
   <td colspan="3">
      <table width="800" align="center" cellspacing="6" cellpadding="10">
<tr valign="top" class="paket">
        <td width="25%" bgcolor="#AAA">Personal Hosting</td>
        <td width="25%" bgcolor="#AAA">Profesional Hosting</td>
        <td width="25%" bgcolor="#AAA">Reseller Hosting</td>
        <td width="25%" bgcolor="#AAA">Harga Domain</td>
       </tr>
<tr valign="top" class="paketket">
        <td>Paket hosting dengan space 250MB s/d 1.250MB mulai Rp 10.0000 per bulan</td>
        <td>Dengan space mulai 1.500MB s/d 24.000MB mulai Rp 25.000 per bulan.</td>
        <td>Dengan space mulai dari 250MB s/d 80.000MB mulai Rp 50.000 per bulan.</td>
        <td>Untuk domain internasional, tidak ada syarat apapun untuk pendaftaran. Selama domain itu masih tersedia, anda bisa mendaftarkannya.</td>
       </tr>
</table>
</td>
  </tr>
<tr>
  <td colspan="5" class="menu">
    <a href="#">Home</a>
    <a href="#">Produk</a>
    <a href="#">Promo</a>
    <a href="#">Diskon</a>
    <a href="#">Kontak Kami</a>
    <a href="#">Tentang Kami</a>
 
   <br />
   <div class="footer">
Copyright © 2018 by.Ozynx.nxp. All rights reserved.</div>
</td>
  </tr>
</table>
</body>
</html>

2. Desain website dengan membuat script CSS

Code:

body
 {
  background-color: #ECECEC;
 }

p
 {
  font-family: verdana;
  font-size: 11px;
  text-align: justify;
 }

.menu
 {
  background-color: #0D7FFF;
  height: 50px;
  font-family: Tahoma;
  text-align:center;
 }

.menu a
 {
  color: #fff;
  padding: 15px 15px 2px 15px;
  text-decoration: none;
  font-weight: bold;
  font-size:11px;
 }
 
.menu a:hover
 {
  color: #ffffff;
  border-bottom: solid 4px #ffffff;
 }

.judul
 {
  font-family: Tahoma;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
 }

.subjudul
 {
  color: #cc6633;
  font-size: 16px;
  font-weight: bold;
  text-decoration:blink;
 }

.paket
 {
  color: #ffffff;
  font-family: Tahoma;
  font-weight: bold;
  font-size: 11px;
  height: 20px;
 }

.paketket
 {
  font-family: verdana;
  font-size: 11px;
 }

.quote
 {
  text-align:left;
 }

.footer
 {
  background-color: #0078FF;
  height: 20px;
  font-family: Tahoma;
  text-align: center;
  font-size: 13px;
  margin-top: 5px;
  color: #fff;
 }

[/HIDE]

SELESAI GAN PHPNYA MIKIR SNDIRI GAN

SHARE DESIGN WEB HOSTING / DOMAIN [HTML & CSS][APA ITU DOMAIN ?TANYA MBAH GOOGLE]

More options

RayMantic

Moderator

Similar threads