Cara Membuat Website Sampai Hosting

Selasa, 18 Desember 2012

Cara Membuat Website Sampai Hosting

Kali ini admin LC akan membahas mengenai cara membuat web sederhana sampai melakukan hosting, sebenarnya saya masih awan mengenai web ini , namun karena ini bagian dari tugas di kampus saya akan coba untuk membuat tutorialnya . ^^:LC
Disini saya tidak akan membuat tutorial secara detail cara menggunakan dreamweavernya atau cara membuat web dinamisnya, namun disini saya akan membuat bagaimana cara membuat website untuk sampai ke proses hostingnya.
Untuk cara membuat webnya bisa dipelajari dari sini w3schools

Siapkan dulu alat tempurnya
- Dreamweaver / notepad juga bisa
- Xampp
- Koneksi Internet
Jalankan dulu xampp nya , dan running apache sama my sql nya! nah kalau ada masalah dalam melakukan running apachenya bisa lihat tutorialnya di blog kerabat leni4869.blogspot.com , nah biasanya alasan kenapa apache gagal running adalah bentroknya port 80 yang digunakan oleh XAMPP dengan yang digunakan oleh web browser.


Selanjutanya buat design webnya sesuka anda, karena keterbatasan pengetahuan admin jadi disini saya hanya membuat halaman web statis sederhana. saya hanya menggunakan notepad.
ini listing scriptnya.
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>DJUNEARDY SAPUTRA</title>

<style type="text/css">
<!--
.style6 {
font-weight: bold;
font-size: 36px;
font-family: fantasy;
font-style: normal;
font-variant: normal;
color: #FFFF00;
text-decoration: underline overline blink;
}
.style10 {font-weight: bold; font-size: medium; font-family: "Comic Sans MS"; font-style: normal; font-variant: normal; text-decoration: blink; color: #FFFFFF; }
body {
background-image: url();
background-color: #990000;
}
body,td,th {
color: #FFFF00;
}
a:link {
color: #00FFCC;
}
.style11 {color: #0000CC}
.style12 {font-size: x-large; font-family: "Niagara Solid"; font-style: normal; font-variant: normal; text-decoration: underline overline blink; background-color: #000099; font-weight: bold;}
.style14 {font-style: normal; font-variant: normal; text-decoration: blink; font-weight: bold; font-family: "Comic Sans MS";}
.style16 {color: #FFFF00}
.style17 {font-weight: bold; font-size: medium; font-family: "Comic Sans MS"; font-style: normal; font-variant: normal; text-decoration: blink; color: #FFFF00; }
-->
</style>
</head>
<body>
<p align="center" class="style6">Tugas Softskill Web To Hosting </p>
<p align="left" class="style11"><img src="IMAGES/Background.jpg" width="532" height="335" align="left" class="style12"><img src="IMAGES/LOGO%20Kamvak.png" alt="" width="566" height="339" align="right"></p>
<p align="center" class="style10">&nbsp;</p>
<p align="center" class="style11">&nbsp;</p>
<p align="center" class="style11">&nbsp;</p>
<p align="center" class="style11">&nbsp;</p>
<p align="center" class="style11">&nbsp;</p>
<p align="center" class="style11">&nbsp;</p>
<p align="center" class="style10">&nbsp;</p>
<p align="center" class="style10">&nbsp;</p>
<p align="center" class="style10">&nbsp;</p>
<p align="center" class="style10">&nbsp;</p>
<marquee>
<p align="center" class="style10"><span class="style16">NAMA : DJUNEARDY SAPUTRA</span></p>
<p align="center" class="style17">KELAS : 2 IA 13</p>
<p align="center" class="style17"><span class="style14">TEKNIK INFORMATIKA</span></p>
<p align="center" class="style11">&nbsp;</p>
</marquee>
</body>
</html>
Kembali lagi ke XAMPP
  • Buka Windows Explorer pada windows, lalu buka folder c:\xampp\htdocs. Pada folder htdocs buatlah folder baru ( nama folder bebas dianjurkan dengan huruf kecil) misalnya “belajarweb”.
  • Local Root Folder, isikan file html pada folder yang telah kita buat sebelumnya pada langkah satu yaitu: C:\xampp\htdocs\belajarweb
  • Default Image Folder adalah tempat menyimpan gambar/images : Isikan C:\xampp\htdocs\images
  • Sebelum menjalankan web dilocal pastikan file sudah tersimpan dengan nama  index.html. Sebab penamaan tersebut sudah didefiniskan pada Apache Server yang tidak akan mengakses langsung apabila diberi nama selain index.html.
  • Jalankan web browser dengan perintah http://localhost/belajarweb maka web anda harus tampil di monitor, selama tidak ada kesalahan pada pendefinisan situs, dan penamaan file.
  • ini contoh screenshot lewat localhostnya xampp.

Setelah selesai dan berhasil uji coba di local, langsung saja kita menuju web hostingnya . di sini saya menggunakan byethost

Berikut langkah langkahnya
  • Buka situsnya byethost.com . kalau yang belum punya akunnya daftar dulu, klik kolom free hosting lalu signup.
  • Setelah punya akun. lalu masuk ke http://cpanel.byethost7.com
  • Login sesuai dengan konvirmasi akun yang sudah dikirimkan lewat email
  • Maka akan muncul tampilan awal cpanel berikut

  • Lalu klik menu Online File Manager. maka akan muncul direktori-direktori sekaligus tempat untuk mengupload file web yang sudah kita buat tadi. lihat gambar berikut



  • Apa bila tidak ada kesalahan penempatan direktori maka web akan langsung bisa kita lihat, seperti pada gambar dibawah.
  • Sebenarnya ada cara yang lebih mudah yaitu menggunakan filezilla , namun karena saya fokuskan pada fasilitas byethost maka saya tidak mempergunakannya.
Nah sekian tutorial dari saya semoga bermanfaat, dan dapat memuaskan hasilnya yang ditujukan kepada dosen softskill saya yaitu ibu Tri Sulistyorini.
Referensi (akses tanggal 18 Desember 2012, selesai 7:46 AM)

40 komentar:

  1. hei kawan, karena kita ini mahasiswa gundar, tolong ya blognya di kasih link UG, seperti
    - www.gunadarma.ac.id
    - www.studentsite.gunadarma.ac.id dan lain lain
    karna link link tersebut mempengaruhui kriteria penilaian mata kuliah soft skill

    Selain itu, Yuk kita ikut lomba 10 kategori lomba khusus bagi mahasiswa Universitas Gunadarma. Edisi
    Desember2012 ini diperuntukan bagi mahasiswa S1 dan D3. Tersedia 100 pemenang, atau 10 pemenang
    untuk setiap kategori. link
    http://studentsite.gunadarma.ac.id/news/news.php?stateid=shownews&idn=755

    oh iya, kalian nggak mau ketinggalan kan untuk update terhadap berita studentsite dan baak , maka dari itu, yuk pasang RSS di Studentsite kalian.. untuk info lebih lanjut bagaimana cara memasang RSS , silahkan kunjungi link ini
    http://hanum.staff.gunadarma.ac.id/Downloads/folder/0.5

    makasi :)

    BalasHapus
    Balasan
    1. udah kok ,, liat napah itu di sebelah kanan, hampir komplit . but thanks for info

      Hapus
  2. "Buka Windows Explorer pada windows, lalu buka folder c:\xampp\htdocs. Pada folder htdocs buatlah folder baru ( nama folder bebas dianjurkan dengan huruf kecil) misalnya “belajarweb”.
    Local Root Folder, isikan nama folder yang telah kita buat sebelumnya pada langkah satu yaitu: C:\xampp\htdocs\belajarweb"

    Bikin bingung ini, coba diperbaiki kata-katanya, trims

    BalasHapus
    Balasan
    1. oke saya perbaiki

      - Buka Windows Explorer pada windows,
      - lalu masuk ke folder c:\xampp\htdocs.
      - Pada folder htdocs buatlah folder baru (nama folder bebas dianjurkan dengan huruf kecil) misalnya “belajarweb”.

      - Local Root Folder, isikan pada folder yang telah kita buat sebelumnya pada langkah satu yaitu: C:\xampp\htdocs\belajarweb"

      local root folder maksudnya tempat kita menyimpan index.html
      isikan pada folder yang telah kita buat sebelumnya pada langkah satu yaitu: C:\xampp\htdocs\belajarweb"
      yg di isikan adalah file index.html dan file2 html lainnya yg kita sudah buat, (sesuai keinginan)

      terima kasih sarannya ^^:LC

      Hapus
  3. That is a good tip especially to those fresh to the blogosphere.
    Simple but very accurate info… Thanks for sharing this one.
    A must read article!You'll be able to take a look at to http://www.chitchat4you.com/profile/KatrinAyr over the internet via site

    Check out my weblog football kit

    BalasHapus
  4. Good response in return of this query with solid arguments and describing all about
    that.

    Here is my homepage :: zambia soccer jersey 2012

    BalasHapus
  5. Thankfulness to my father who shared with me
    about this website, this web site is genuinely awesome.


    Feel free to visit my web site :: palmaris

    BalasHapus
  6. Wonderful goods from you, man. I've understand your stuff previous to and you're just too magnificent.

    I actually like what you have acquired here, really like what you are stating and the way in which you
    say it. You make it enjoyable and you still take care of
    to keep it wise. I can not wait to read much more from you.

    This is actually a great web site.

    Look at my blog post :: deaths

    BalasHapus
  7. I'm gone to convey my little brother, that he should also pay a quick visit this webpage on regular basis to get updated from hottest reports.

    Stop by my webpage: lohitech

    BalasHapus
  8. Nice blog here! Also your site loads up very fast! What web
    host are you using? Can I get your affiliate link to your host?

    I wish my website loaded up as fast as yours lol

    Also visit my web page - latrine

    BalasHapus
  9. It's the best time to make a few plans for the future and it's
    time to be happy. I've learn this submit and if I could I desire to recommend you some attention-grabbing things or advice. Maybe you could write next articles referring to this article. I desire to read more issues approximately it!

    My web page: lombardic

    BalasHapus
  10. Definitely imagine that which you stated. Your favorite justification appeared
    to be at the web the easiest thing to bear in mind of.

    I say to you, I certainly get annoyed even as other folks
    think about concerns that they just do not recognise about.
    You managed to hit the nail upon the top and also defined out the entire thing without having side
    effect , other people can take a signal. Will probably be again to
    get more. Thank you

    Feel free to visit my web blog: localhistory

    BalasHapus
  11. Today, I went to the beach with my kids. I found a sea
    shell and gave it to my 4 year old daughter and said "You can hear the ocean if you put this to your ear." She placed
    the shell to her ear and screamed. There was a hermit crab inside and it pinched
    her ear. She never wants to go back! LoL I know this is completely off topic but I had to
    tell someone!

    Also visit my web site; hippies

    BalasHapus
  12. Somebody essentially lend a hand to make seriously articles I'd state. This is the very first time I frequented your website page and thus far? I amazed with the analysis you made to make this actual publish incredible. Fantastic activity!

    Also visit my blog post ... poems

    BalasHapus
  13. Great post. I was checking continuously this blog
    and I am impressed! Very helpful info specially
    the ultimate part :) I handle such information much. I used to be
    looking for this certain information for a long time. Thank you and best of luck.


    my website rosenbloom

    BalasHapus
  14. Hmm it seems like your blog ate my first comment (it was super long) so I guess I'll just sum it up what I submitted and say, I'm thoroughly enjoying your
    blog. I too am an aspiring blog blogger but I'm still new to the whole thing. Do you have any points for first-time blog writers? I'd definitely appreciate it.


    Stop by my website - nobodys

    BalasHapus
  15. Hi! Quick question that's totally off topic. Do you know how to make your site mobile friendly? My site looks weird when browsing from my iphone 4. I'm trying to find
    a theme or plugin that might be able to resolve this problem.
    If you have any suggestions, please share. Many thanks!

    My blog :: schleining

    BalasHapus
  16. Thanks a bunch for sharing this with all people you really recognize what you are speaking approximately!
    Bookmarked. Kindly additionally discuss with my site =).
    We may have a hyperlink trade arrangement between us

    Look at my weblog ... mathematique

    BalasHapus
  17. I like what you guys tend to be up too. This
    type of clever work and coverage! Keep up the
    terrific works guys I've added you guys to our blogroll.

    Take a look at my web blog :: trawl

    BalasHapus
  18. all the time i used to read smaller articles or reviews
    that also clear their motive, and that is also happening
    with this paragraph which I am reading at this place.

    Take a look at my webpage - equiplent

    BalasHapus
  19. Hi, There's no doubt that your site could possibly be having internet browser compatibility problems. Whenever I look at your website in Safari, it looks fine however, if opening in Internet Explorer, it's
    got some overlapping issues. I merely wanted to give
    you a quick heads up! Besides that, fantastic site!


    my page :: sokolove

    BalasHapus
  20. You are so interesting! I do not suppose I've truly read anything like that before. So good to discover someone with genuine thoughts on this subject. Really.. thanks for starting this up. This web site is one thing that's needed on the internet, someone with some originality!



    Here is my blog; interne

    BalasHapus
  21. Pretty nice post. I simply stumbled upon your blog
    and wished to mention that I have really enjoyed surfing around your weblog posts.
    After all I'll be subscribing for your feed and I'm
    hoping you write once more very soon!

    Here is my homepage lochmann

    BalasHapus
  22. Hello There. I found your blog using msn. This is an extremely well written article.
    I'll make sure to bookmark it and return to read more of your useful information. Thanks for the post. I will definitely return.

    My blog :: dwarves

    BalasHapus
  23. When I initially commented I clicked the "Notify me when new comments are added" checkbox and now each
    time a comment is added I get four e-mails with the same comment.
    Is there any way you can remove me from that service?
    Bless you!

    Here is my web site ... modifying

    BalasHapus
  24. It's an remarkable piece of writing in favor of all the internet people; they will obtain advantage from it I am sure.

    Feel free to surf to my web-site; husqavarna

    BalasHapus
  25. Good day! Do you use Twitter? I'd like to follow you if that would be ok. I'm undoubtedly enjoying your blog and look forward to
    new posts.

    Here is my web site; locellus

    BalasHapus
  26. I blog often and I genuinely thank you for your content.
    This article has really peaked my interest. I am going to bookmark your website and keep checking for new information about once a week.
    I subscribed to your RSS feed too.

    My web site; lazarets

    BalasHapus
  27. These are in fact impressive ideas in regarding blogging.
    You have touched some fastidious factors here. Any way keep up wrinting.



    Feel free to surf to my web blog; venom

    BalasHapus
  28. My brother recommended I would possibly like this blog.
    He was once totally right. This submit actually made my day.

    You cann't believe simply how a lot time I had spent for this information! Thank you!

    Feel free to visit my page vibrant

    BalasHapus
  29. You could certainly see your skills within the article you write.
    The sector hopes for more passionate writers like you who are not afraid to mention how they believe.
    At all times go after your heart.

    Feel free to surf to my webpage - reversible

    BalasHapus
  30. I was suggested this website by my cousin. I'm not sure whether this post is written by him as no one else know such detailed about my problem. You are wonderful! Thanks!

    Take a look at my weblog; tranquillity

    BalasHapus
  31. Informative article, exactly what I wanted to find.

    Feel free to visit my web-site worldguide

    BalasHapus
  32. I'm gone to convey my little brother, that he should also go to see this blog on regular basis to take updated from most up-to-date information.

    My web page ... importance

    BalasHapus
  33. I have been exploring for a little bit for any high-quality articles or blog posts in this
    sort of space . Exploring in Yahoo I ultimately stumbled upon this web site.
    Studying this information So i'm happy to show that I've a very just right uncanny feeling I found out just what I needed.

    I so much definitely will make sure to don?t fail to remember this site and give it a glance
    on a relentless basis.

    Feel free to visit my site - airpots

    BalasHapus
  34. If you wish for to get much from this post then you
    have to apply such methods to your won website.


    Also visit my homepage; cribbs

    BalasHapus
  35. Hi there to all, how is everything, I think every one is getting more from
    this website, and your views are pleasant in support of new viewers.


    Here is my web page :: toothbrush

    BalasHapus
  36. I'm gone to inform my little brother, that he should also go to see this webpage on regular basis to get updated from hottest gossip.

    Feel free to visit my website - http://gameforfreeonline.com/groups/timely-comprar-viagra-routines-kegel-work-outs-for-males/

    BalasHapus
  37. Very good info. Lucky me I discovered your site by chance (stumbleupon).
    I have bookmarked it for later!

    my blog: http://shatop.ru/profile/vernitawar

    BalasHapus
  38. Hey there! This is kind of off topic but I
    need some guidance from an established blog.
    Is it tough to set up your own blog? I'm not very techincal but I can figure things out pretty fast. I'm thinking about
    creating my own but I'm not sure where to begin. Do you have any tips or suggestions? Cheers

    Feel free to surf to my web-site :: http://gameforfreeonline.com/groups/essential-how-one-can-escape-hasty-comprar-viagra-asserted-comprar-viagra-precoce/

    BalasHapus

Thanks For Your Comment !! ^^:LC

LinkWithin

Related Posts Plugin for WordPress, Blogger...