Dunia Teknologi: Pemrograman

Home Posts filed under Pemrograman

Showing posts with label Pemrograman. Show all posts

Thursday, 6 July 2017

Pemahaman Tag Dasar HTML

html

Menjadi seorang programmer adalah hal yang saya impikan namun menjadi seorang programmer sangatlah susah harus mengetahui atau memahami sebuah bahasa pemerograman ,Agar mudah menjadi sebuah programmer itu bukan hanya hafal script atau bahasa pemrograman namun harus mengetahui maksud script tersebut.Dunia Teknologi kali ini akan membahas tentang pengertian atau arti dari Script Dasar yang di gunakan pada tag yang harus ada pada Htlm ,silahkan baca di bawah ini.

Apa saja pengertian dari tag Html,Header,Body,Heading,Title itu?

<HTML>

HTML adalah dasar atau Pondasi dalam pembuatan website. Dalam setiap file HTML akan selalu didahului dengan tag <Html> dan di akhiri dengan penutup </Html> .

<HEAD>

Dalam penulisan script di Html Head adalah Header ,Fungsi dari script Head adalah sebagai tanda pengenal sutau website yang anda buat. Untuk mendefinisikan header dalam tag HTML maka anda harus menambahkan <Head> untuk pembuka dan </Head>Untuk menutupnya.

<BODY>

Dilihat Dari namnya saja Body yang arti badan dan dalam sebuah website inti dalam sbuah website adapun inti dari sebuah website adalah artikel atau informasi jadi kita dapat simpulkan body merupakan bagian isi dari sebuah website yang kalian buat. Untuk mendefinisikan header dalam tag HTML maka anda harus menambahkan <body> untuk pembuka dan </Body>Untuk menutupnya.

<Title>

Untuk memberikan judul pada halaman web yang akan kita buat maka kita menggunakan <Title>. Judul ini akan terlihat pada sudut kiri atas pada halaman web. Tag akan berada di dalam tag <Head> . Untuk mendefinisikan header dalam tag HTML maka anda harus menambahkan <Title> untuk pembuka dan </Title>Untuk menutupnya.Contoh penulisanya sebagai berikut:<Head><Title>Nama Halaman Html Yang anda buat</Title></Head>.

Baca: Pengenalan Html
Cara Membuat Layout sederhana

Dalam sebuah penulisan script HTML intinya sangatlah muda dan penulisannya awalnya di awali dengan tag pembuka < > dan untuk menutupnya </> intinya seperti itu buka dan tutup.Mungkin itu saja yang Dunia Teknologi bisa sampaikan kepada teman-teman semu Terimakasih Sudah mengunjungi blog yang sederhana ini semoga ilmu tadi bisa bermanfaat bagi kalian yang belajar html untuk lebih lanjut bisa tunggu artikel berikutnya

Monday, 26 June 2017

Pemrograman

Langkah-Langkah Pembuatan Weebsite Di Dreamweaver 8

Rozi 10:11

Web Developer

Dunai Teknologi kali ini akan membahas tentang langkah-Langkah awal pembuatan website dan sebelum melangkah ke pembuatan website kita terlebih dahulu belajar pengenalan yang namanya Domain dan Cara pembuatan site website.

Langkah yang Pertama kita harus menentukan nama website , untuk menentukan suatu nama weeb kita bisa menggunakan nama yang unik atau juga bisa menggunakan nama perusahaan atau yang lain.Apabila nama sudah di tentukan langkah selanjutnya yaitu memilih extetion nama domain,Adapun nama extention domain sebagi berikut:

Domain Internasional :
- com (komersil)
- org (organisasi)
- net (network)
- info (informasi)
- biz (bisnis)

Domain lokal Indonesia :
- co.id (perusahaan)
- or.id (organisasi)
- ac.id (akademik/universitas)
- sch.id (sekolah)
- go.id (pemerintahan)
- war.net.id (warnet)
- web.id (bebas)

Ada domain internasional dan domain lokal indonesia yang sama-sama bisa di akses dan perbedaanya yaitu dari segi lokasi contohya kalau domain berakhiran .id menunjukan bahwa website anda berdomisili atu terletak di indonesia.

Langkah yang kedua yaitu kita harus siap denga konten atau artikel yang mau di masukkan ke dalam sebuah website yang mau anda buat.Sebelum itu kita perlu membuat design website terlebih dahulu dengan menggunakan tools atau software designer Dreamweaver.

Apa Macromedia designer Dreamweaver itu?

Macromedia Dreamweaver adalah sebuah perangkat lunak (software) untuk membuat dan mendesign sebuah halaman website.Dengan software ini kita tidak perlu memasukkan script atau kode-kode HTML atau script yang lain secara manual.

Di bawah ini langkah awal pembuatan site pada website menggunakan Dreamweaver secara singkat dan dreamweaver banayk versi namun di sini kita menggunakan macromedia dreamweaver 8.

Langkah-Langkah Membuat Site Website di Dreamweaver 8.

1. Pilih menu Site -> New Site.

2.Isikan nama website dan alamat website. Kemudian klik tombol Next.

3.Pada tampilan selanjutnya, silakan pilih “No, I do not want” dan kemudian klik tombol Next.

4.Selanjutnya, pilih “Edit directly on server using local network”, dan klik tombol bergambar folder
untuk menentukan dimana file-file website anda disimpan. Setelah itu tekan tombol Next.

5.Selanjutnya klik tombol Done.

Mungkin Itu tadi langkah -langkahnya yang Dunia Teknolgi bisa ketik dan apabila ada salah - salah kata atu kurang faham saya minta maaf dan saya bertrima kasih teman-teman bisa berkunjung di blog yang sederhana ini.

Saturday, 20 May 2017

Pemrograman

Pengenalan Java Script

Rozi 21:21

Java Script

Hello Guys Selamat Malam kali ini Dunia Teknologi akan membahs tentang Script dan tepatnya saya akan membahas apa sih Java script itu..?

JavaScript merupakan bahasa pemrograman yang digunakan untuk membuat program pada website atau program yang lain dan biasanya digunakan pada file HTML, yang tujuannya agar tampilan pada browser menjadi interaktif dan indah untuk di lihat atau di pandang.

Bagaimanakah Penulisan Java Script..?

Penulisan Java Script Ada 3 di antaranya sebagai berikut.

1.Memulai Tag scriptnya diawali dengan <script type=”text/javascript” > dan Penutupnya dengan </script>.

2.Memulai Tag scriptnya diawali dengan <script language=”javascript” > dan diakhir masi tetap di akhiri dengan </script> karna itu penutup untuk java script.

3.Memulai Tag scriptnya diawali dengan <script language=”javascript” type=”text/javascript” > dan pada tag penutupnya diakhir dengan </script.

Nah itu tadi Tata cara penulisan java script yang saya bisa share kepada kalian dan kita langsung saja menuju ke TKP Contoh Java Script.

Judul

<html>
<head>
<tittle> Java Script </title>
</head>
<body bgcolor=Navy>
<h1> Hello Selamat Datang Di Dunia Teknologi </h1>
<script type=”text/javascript>
Document.write(“Selamat Datang Di Dunia Teknologi”);
</script>
</body>
</html>

Nah itu saja yang bisa share pada kalian mohon maaf jika ada ketidak pahaman pada artikel saya ini .Selamat Mencoba.

Sunday, 7 May 2017

Pemrograman

Cara Membuat Layout sederhana

Rozi 10:49

Html/Css

Selamat Malam semua ,Bertemu lagi dengan Dunia Teknologi kali ini saya akan memebahas tentang pemrograman web nah saat ini saya akan menerangkan bagaimana cara membuat layout pada web secara sederhana menggunakan HTML dan CSS.

Gimana gan...??

Iya tunggu bentar gan ini ane masi ngarang scriptnya maklum ane masi belajar juga (newbie)yuk lansung saja kita kulas pembahsan di atas Gini pertama anda harus membuat dasar-dasar script HTML anda bisa copy kan scriptnya di bawah ini.

Copy Script Dibawah ini dan Tulisakan Formatnya Index.html

Script Css

<title>Dunia Teknologi</title>
    <style type ="text/css">
    #wrapper{
    border-radius:8px;
    background:#11a9e5;
    width:950px;
    height: 996px;
    margin-left:auto;
    margin-right:auto;
    padding-top:1px;
    padding-left:6px;
    }
    #header{
    border-radius:8px;
    background:#407f98;
    width:930px;
    margin:10px 2px 10px 2px;
    height:150px;
    border:3px solid white;
    }

    #menu{
    border-radius:8px;
    position: Reelative;
    width: 930px;
    height: 40px;
    background:#8dcff4 ;
    border: 5px solid white;
    font-size: 2em;
    }
    #menu li{
    padding:2px;
    margin:0px 20px;
    list-style:none;
    float: left;
    position: relative;
    border-right: 3px solid white;
    text-align: center;
    }
    #menu li a{
        text-decoration: none;
    }
    #content{
    width: 610px;
    height:680px;
    background: #407f98;
    border: 5px solid white;
    margin: 10px 2px 10px 2px;
    float: left;
    }
    #seidebar{
    width: 302px;
    height: 680px;
    background:#407f98 ;
    border: 5px solid white;
    margin: 10px 2px 10px 5px;
    float: left;
    }
    #footer{
    width: 930px;
    height: 35px;
    background: #8dcff4;
    border: 5px solid white;
    float: left;
    }
    </style>

Dan apakah sudah selesai gan belom gan ini ada script css nya letakkan di bawah titile.

Script Html

<!doctype html>
<html>
<head>
</head>
<body>
<div id ="wrapper">
<div id ="header">
</div>
<div id ="menu">
    <li><a href ="#">Home</a></li>
    <li><a href ="#">Contact</a></li>
    <li><a href ="#">Privasi</a></li>
    <li><a href ="#">Pengetahuan</a></li>
    <li><a href ="#">Profil</a></li>

</div>
<div id ="content">
</div>
<div id ="seidebar">
</div>
<div id ="footer">
    <center>Copy Right All 2017 By Dunia Teknologi</center>
    </div>
</div>
</body>
</html>

Adapun script lengkapnya anda bisa copas script di bawah ini Dan pemasngan script nya pun anda bisa lihat pada script di bawah ini .

Script Lengkap

<!doctype html>
<html>
<head>
    <title>Dunia Teknologi</title>
    <style type ="text/css">
    #wrapper{
    border-radius:8px;
    background:#11a9e5;
    width:950px;
    height: 996px;
    margin-left:auto;
    margin-right:auto;
    padding-top:1px;
    padding-left:6px;
    }
    #header{
    border-radius:8px;
    background:#407f98;
    width:930px;
    margin:10px 2px 10px 2px;
    height:150px;
    border:3px solid white;
    }

    #menu{
    border-radius:8px;
    position: Reelative;
    width: 930px;
    height: 40px;
    background:#8dcff4 ;
    border: 5px solid white;
    font-size: 2em;
    }
    #menu li{
    padding:2px;
    margin:0px 20px;
    list-style:none;
    float: left;
    position: relative;
    border-right: 3px solid white;
    text-align: center;
    }
    #menu li a{
        text-decoration: none;
    }
    #content{
    width: 610px;
    height:680px;
    background: #407f98;
    border: 5px solid white;
    margin: 10px 2px 10px 2px;
    float: left;
    }
    #seidebar{
    width: 302px;
    height: 680px;
    background:#407f98 ;
    border: 5px solid white;
    margin: 10px 2px 10px 5px;
    float: left;
    }
    #footer{
    width: 930px;
    height: 35px;
    background: #8dcff4;
    border: 5px solid white;
    float: left;
    }

    </style>
    </head>
<body>
<div id ="wrapper">
<div id ="header">
</div>
<div id ="menu">
    <li><a href ="#">Home</a></li>
    <li><a href ="#">Contact</a></li>
    <li><a href ="#">Privasi</a></li>
    <li><a href ="#">Pengetahuan</a></li>
    <li><a href ="#">Profil</a></li>

</div>
<div id ="content">
</div>
<div id ="seidebar">
</div>
<div id ="footer">
    <center>Copy Right All 2017 By Dunia Teknologi</center>
    </div>
</div>
</body>
</html>

Jika sudah maka otomatis anda akan membuat layout web anda seperti di bawah ini .

Layout

Itu saja yang Dunia Teknologi bisa sampaikan jika ada kata-kata yang kurang jelas atau salah mohon maaf sekian dan terimakasih selamat mencoba kawan

Thursday, 30 March 2017

Pemrograman

Pengenalan Css Dan Penempatannya.

Rozi 15:03

Css

Selamat siang Dunia Teknologi kali ini Dunia Teknologi akan membahas materi tentang pemrograman web nah di sini apa ada yang pernah mendengar tentang CSS.

Belum gan,Emang apa Css itu...?

Css singakatan Dari (CASCADING STYLE SHEETS) yang berfungsi untuk mendeskripsikan atau memperindah tampilan document Html.

Nah di sini penempatan css ada tiga di antarnya sebagai berikut

1.    External Style Sheet
2.    Internal Style Sheet
3.    Inline Style sheet

Mau nanyak gan emang apa bedanya dari ketiga macam css di atas itu ...??

Menurut saya sih sama saja tapi yang membedakan Cuma penempatan script css nya di taruh di mana.

Contohnya gan dari macam-macam penempatan css di atas..??

Baik pertanyaan yang bagus,Iya saya akan menjelas kan dan memberikan contoh di bawah ini mari kita simak dengan cermat.

1.Ekternal Style Sheet

1. Internal Style Sheet

Pemanggilan Css nya berada di antara <head > dan setelah <title>.

Contoh pemanggilan css:

<Style type=”text/css”>

Nah script nya pun sangat sedikit untuk memanggil css beda sama yang tadi di atas saya sering menggunakan css internal style sheet karna mudah dan sangat simpel dan tidak perlu membuat documen baru cukup dengan satu halaman.

Contoh script css Internal Style Sheet

Script Internal Style Sheet

<Html>

<Head>

<Title>Dunia Teknologi</Title>

body {

color: white;

background: navy;

font-family : jokerman;

}

</Style>

</Head>

<Body>

<H1><center>Dunia Teknologi</center></H1>

<P>Dunia Teknologi adalah Blog yang menerangkan tentang semua teknologi

</Body>

</Html>

3. Inline Style sheet
Jika Inline sheet pemanggilan css nya berada di dalam struktur body ,seperti di bawah ini

Script css

<Html>
<Head>
<Title>Dunia Teknologi</Title>
</Head>
<Body style="Color: white;
Background: navy;
Font-family : Jokerman;">
<H2><center>Dunia Teknologi</center></H2>
<P>Dunia Teknologi Blog yang menerangkan tentang semua teknologi
</Body>
</Html>

Adapun aturan penulisan ada 2 macam

1.Selector
Pada selector Berisi Tag Id dan class.

2.Declaration
Sedangkan pada Declaration mendeskripsikan sebuah value dan property.

Nah itu tadi jenis jenis Css Silahkan mencoba bagi sahabat Dunia Teknologi ,sekian dan terima kasih

Wednesday, 29 March 2017

Pemrograman

Pengenalan Html

Rozi 17:34

Dunia Teknologi

Sekarang anda Jumpa lagi dengan Dunia Teknologi,Hari ini Dunia Teknologi akan mengulas tentang materi Web atau Tentang bagaimana cara embuat web nah disini saya juga masi belajar tentang pemrograman web nah agar ilmu saya bermanfaat sekarang kita belajar Pemrograman Web.

Pada dasarnya web di ciptakan ada dua tujuan yang pertama yaitu agar semua orang bisa mendapatkan informasi dari suatu web dan yang kedua yaitu untuk mendapatkan uang
Bagi seorang pembuat web kita harus belajar mulai dasar dan jika di sekolah kalian ada jurusan yang berbau dengan IT kalian bisa daftar pada jurusan tersebut nah di sana ita akan di ajari dan di kenalkan pada suatu bahasa pemrograman.

Nah disni Dunia Teknologi akan memperkenalkan Dasar tentang pemrograman web ya disini siapa yang pernah membuat web..?
Di dalam suatu web terdapat beberapa struktur dasar yang di mana di dalamnya terdapat script yang penting ,script yang penting itu merupakan script yang ada pada suatu pembuatan web nah di sini saya akan mengenalkan kalan pada scrip penting tersebut simak script di bawah ini.

Apakah kalian penah denger kata Html?

Tidak,emang apa html ituu?Html singkatan dari (Hypertext Markup Language) yang berfungsi untuk menampilkan dokumen yang anda masukan yang bisa di kenal dengan sebuatan web page.

HTML

<!doctype html>
<html>
<head>
<title>Dunia Teknologi</title>
</head>
<body>
<p>Di dalam body ini kalian bisa memasukan materi atau informassi tentang web yang ingin kalian buat</p>
</body>
</html>

Keterangan:
<html> berfungsi untuk menentukan bahwa web ini termasuk bahasa pemrograman yang mengunakan Html.

<Head> di lihat dari namanya aja head yang berati kepala jadi Head adalah kepala dari suatu struktur html.

<Title> yaitu berfungsi unutuk membuat judul dokumen pada suatu website.

<Body> body di sini berfungsi untuk memasukkan file yang berupa text,gambar,bahkan vidio atau berfungsi untuk menampilkan informasi yang anda buat.

Nah itu saja materi yang saya bisa bahas hari ini lain ingin tau tentang script yang lain tunggu artikel Dunia Teknologi yang insyallah saya update dan mudah-mudahan bermanfaat bagi sahabat Dunia Teknologi.

Thursday, 6 July 2017