Newest Post
Bagaimana langkah awal setting project pada Dreamweaver?
|
Baca selengkapnya »
Langkah awal dalam
setting project pada dreamweeaver adalah dengan membuat site, hal ini sangat
penting karena site merupakan suatu tempat yang digunakan untuk menyimpan
,mengatur dan mengelompokan halaman dan file-file dari suatu website. Dengan
site kita akan mudah mengelola setiap halaman dari website yang kita buat,
selain itu juga akan memudahkan anda dalam mengupload file-file web anda.
Langkah – langkah
membuat site :
1. Buka aplikasi dreamweaver
2. Pilih Site → new site
3. Pada Site Name, ketik nama yang anda inginkan
Lokal Site Folder, pilih tempat untuk penyimpanan data anda
4. Save
5. Pada sidebar sebelah kanan bawah, cari local files kemudian klik kanan pada nama folder yang sudah disimpan tadi
6. Pilih new file
7. Ketik nama yang anda inginkan, enter
8. Kemudian double klik file tadi, site siap digunakan
1. Buka aplikasi dreamweaver
2. Pilih Site → new site
3. Pada Site Name, ketik nama yang anda inginkan
Lokal Site Folder, pilih tempat untuk penyimpanan data anda
4. Save
5. Pada sidebar sebelah kanan bawah, cari local files kemudian klik kanan pada nama folder yang sudah disimpan tadi
6. Pilih new file
7. Ketik nama yang anda inginkan, enter
8. Kemudian double klik file tadi, site siap digunakan
Apa yang dimaksud dengan Fluid Grid Layout?
|
Baca selengkapnya »
Fluid Grid Layout adalah suatu sistem pembuatan halaman web menjadi
berkolom-kolom dengan teknologi less, sehingga Elemen-elemen dalam halaman
tersebut nantinya dapat diatur berdasarkan kolom-kolom yang ada sehingga tidak
perlu lagi mendefinisikan lebar tiap elemen secara manual dalam tampilan
persent.
Apa yang dimaksud dengan JQuery Mobile Switch pada Dreamweaver?
|
Baca selengkapnya »
J-querry mobile switches adalah fasilitas yang ada
pada dreamweaver untuk mengatifkan dokumen web supaya web bisa di akses via
ponsel yang berbasis android.
Bagaimana script CSS pada baris dokumen, ?berikan contoh !
|
Baca selengkapnya »
Ada 3 cara dalam penempatan script css pada baris dokumen
yaitu
• Internal CSS : yaitu penempatan script CSS langsung pada
file HTML dokumen tersebut. Contohnya :
Belajar CSS
p {color: white; }
body {background-color: black; }
body {background-color: black; }
Selamat Datang CSS
• Eksternal CSS : yaitu memanggil file CSS dari
tempat/folder/lokasi lain, dengan kata lain file CSS terpisah dengan file HTML.
Browser akan membaca definisi style dari file test.css dan akan mengikuti
format tersebut. Eksternal style ditulis di text editor lain dengan ekstention
***.css. Contohnya :
Belajar CSS
p {color: white; }
body {background-color: black; }
body {background-color: black; }
Selamat Datang CSS
• Inline CSS : yaitu penulisan script CSS langsung pada tag
HTML yang bersangkutan. Contohnya :
Belajar CSS
p {color: white; }
body {background-color: black; }
body {background-color: black; }
Apa yang dimaksud dengan tag HTML, berikut : - < html > - < body > - < table > - < form > - < script >
|
Baca selengkapnya »
< html >
: Sebagai text pembuka pada dokument HTML
< body > :
Mendefinisikan badan HTML
< table > : Membuat
table dalam halaman web
< form > :
Mendefinisikan sebuah form masukan pengguna
< script > : Mendefinisikan
client side scripting
Apa yang dimaksud dengan Web Responsive?
|
Baca selengkapnya »
WEB RESPONSIF
Adalah konten untuk menyesuaikan secara otomatis kemana
layar pada saat itu dilihat,misal pada smartphone,maka situs muncul pada
smartphone itu akan sama tampilanya dengan yang dilihat pada desktop
komputer/laptop anda.
Apa perbedaan . (titik), # dan ; (titik koma) pada CSS?
|
Baca selengkapnya »
Perbedaan .(titik)# dan ;(titik koma)pada CSS
.(titik) dan # di CSS ini untuk membedakan selector
a) SELECTOR
CLASS(.)titik
Selector class digunakan untuk menentukan style dari sebuah
group elemen,ini dapat digunakan berulangkali pada elemen-elemen yang ada
pada sebuah halaman web.Artinya sebuah nama class dapat dipanggil beberapa kali
pada elemen-elemen yang ada pada sebuah halaman web.Selector class
dituliskan dengan ditandai dengan tanda”.”(titik) contohnya:
<html>
<head>
<title>Pemakaian Selector ID dan Selector Class pada CSS</title>
<link href=”css/style.css” type=”text/css” rel=”stylesheet”/>
</head>
<body>
<p>
Pemakaian Selector ID dan Selector Class pada CSS
</p>
<p class=”namaclass”>Pemakain Selector CLASS pada CSS akan memakai Atribut (.)
</p>
</body>
</html>
<head>
<title>Pemakaian Selector ID dan Selector Class pada CSS</title>
<link href=”css/style.css” type=”text/css” rel=”stylesheet”/>
</head>
<body>
<p>
Pemakaian Selector ID dan Selector Class pada CSS
</p>
<p class=”namaclass”>Pemakain Selector CLASS pada CSS akan memakai Atribut (.)
</p>
</body>
</html>
Setelah menentukan CLASS nya semisal “namaclass”
(anda bebas menentukannya) , maka pada file CSS anda menggunakan selector (.)
atau titik/dot berikut contohnya :
Pada file CSS :
.namaclass{
font-family:Verdana;
color:#3300FF;
font-size:16px;
font-weight:bold;
}
font-family:Verdana;
color:#3300FF;
font-size:16px;
font-weight:bold;
}
b) SELECTOR
ID(#)
Selector ID digunakan untuk menentukan style bagian unik
dari HTML.unik disini artinya satu nama id hanya bisa digunakan satu kali pada
sebuah halaman web.Apabila satu nama ID digunakan lebih dari satu nama ID maka
yang akan dipakai adalah ID yang pertama saja,syntax ID pada css ditandai
dengan(#).contohnya:
< html >
< head >
< title >Pemakaian Selector ID dan Selector Class pada CSS</title>
< link href=”css/style.css” type=”text/css” rel=”stylesheet”/>
< /head >
< body >
< p >
Pemakaian Selector ID dan Selector Class pada CSS
< /p >
< p id=”namaid”>Pemakain Selector ID pada CSS akan memakai Atribut #
< /p >
< /body >
< /html >
< head >
< title >Pemakaian Selector ID dan Selector Class pada CSS</title>
< link href=”css/style.css” type=”text/css” rel=”stylesheet”/>
< /head >
< body >
< p >
Pemakaian Selector ID dan Selector Class pada CSS
< /p >
< p id=”namaid”>Pemakain Selector ID pada CSS akan memakai Atribut #
< /p >
< /body >
< /html >
Setelah menentukan ID nya semisal “namaid”
( anda bebas menentukannya ) , maka pada fileCSS anda
menggunakan selector # berikut contohnya :
Pada file CSS :
#namaid{
font-family:Verdana;
color:#3300FF;
font-size:16px;
font-weight:bold;
}
font-family:Verdana;
color:#3300FF;
font-size:16px;
font-weight:bold;
}
c ) GAYA
INLINE(;)titik koma
Menuliskan langsung kedalam Tag HTML menggunakan atribut style,hal yang penting diperhatikan adalah sedapat mungkin Tag HTML yang digunakan berdiri sendiri,sehingga penggunaan gaya inline tidak terlalu sering di gunakan,attribut style yang digunakan dalam gaya inline dapat berisi property CSS.Dan jika menggunakan deklarasi CSS lebih dari satu maka wajib dipisahkan dengan tanda (;)titik koma,contohnya:
Menuliskan langsung kedalam Tag HTML menggunakan atribut style,hal yang penting diperhatikan adalah sedapat mungkin Tag HTML yang digunakan berdiri sendiri,sehingga penggunaan gaya inline tidak terlalu sering di gunakan,attribut style yang digunakan dalam gaya inline dapat berisi property CSS.Dan jika menggunakan deklarasi CSS lebih dari satu maka wajib dipisahkan dengan tanda (;)titik koma,contohnya:
<div style="color: #ff2500; background-color:
#001530; margin: 10px; padding: 5px;border: 1px solid #000558;">Ini
adalah contoh penggunaan gaya inline.</div>
Kelihatannya hampir sama ya untuk penggunaan selector ID dan
Class, mari kita bahas perbedaanya…
Perbedaan antara Selector ID dan Selector Class
Perbedaan antara pengunaan selector ID dan Class adalah:[ad#ad-2]
· Jika
pada selector ID anda tidak bisa menambahkan lebih dari 1(satu)nama ID pada Tag
HTML
· Pada
selector Class anda bisa menaruh lebih dari satu atau
berapapun yang anda butuhkan.
Jadi kesimpulannya untuk selector ID digunakan
untuk pengaturan yang spesifik pada Tag
HTML.
Apa yang dimaksud dengan CSS?
|
Baca selengkapnya »
CSS ( Cascading Style Sheets )
Merupakan salah satu bahasa pemrograman web untuk
mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih
terstruktur dan seragam.Sama halnya styles dalam aplikasi pengolahan kata
seperti Microsoft Word yang dapat mengatur beberapa style,misalnya
heading,footer, images dan style lainya untuk dapat digunakan bersama-sama
dalam beberapa file.pada umum nya CSS dipakai untuk memformat tampilan halaman
web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar,warna body teks,warna
tabel,ukuran border,warna border,warna hyper link,warna mouse over,spasi antar
paragraf,spasi antar teks,margin kiri/kanan/atas/bawah,dan parameter
lainnya,CSS adalah style sheet yang digunakan untuk mengatur ampilan
dokument,dengan adanya CSS memungkinkan kita untuk mnampilkan halaman yang sama
dengan format yang berbeda
Apa hubungan antara Internet dan HTML?
|
Baca selengkapnya »
HUBUNGAN HTML DAN INTERNET
Sebenarnya hubungan antara HTML dan INTERNET itu sangat erat
kaitan nya,karena HTML(hyper text markup language) adalah bahasa markup yang
digunakan untuk membuat halaman web dan menampilkan berbagai informasi di dalam
browser internet.
INTERNET dan HTML →Interconected Network
→Client
dan Server
Basic INTERNET dan HTML Pengguna data dan Penyedia data
Apa yang dimaksud Internet?
|
Baca selengkapnya »
INTERNET
Internet (interconnection-networking) adalah seluruh
jaringan komputer yang saling terhubung menggunakan standar sistem
Global Transmission Control Protocol/internet protocol suite (TCP/IP)sebagai
protocol pertukaran packet(packet switching communication protocol)untuk
melayani miliaran pengguna di sluruh dunia.Rangkaian internet ya ng terbesar
dinamakan INTERNET.cara menghubungkan rangkaian dengan kaidah ini dinamakan
internetworking(antar jaringan).
Avenged Seven Fold A7x - So Far Away
|
Baca selengkapnya »
SALAH SATU LAGU FAFORIT SAYA .. !! MENGENANG SAHABAT YANG TELAH MENINGGAL DUNIA !!!
Internet dan HTML
|
Minggu, 05 Januari 2014
Baca selengkapnya »
Assalaamu'alaikum Wr Wb...
Ni blog saya yang sederhana, kana hanya ini kemampuan saya, semoga bermanfaat bagi yang membacanya ..
Di Blog ini juga disediakan video musik, Mp3, Poto2, DLL...
1. Apa yang dimaksud Internet?
2. Apa hubungan antara Internet dan HTML?
3. Apa yang dimaksud dengan CSS?
4. Apa perbedaan . (titik), # dan ; (titik koma) pada CSS?
5. Apa yang dimaksud dengan Web Responsive?
6. Apa yang dimaksud dengan tag HTML, berikut :
- < html >
- < body >
- < table >
- < form >
- < script >
7. Bagaimana script CSS pada baris dokumen, ?berikan contoh !
8. Apa yang dimaksud dengan JQuery Mobile Switch pada Dreamweaver?
9. Apa yang dimaksud dengan Fluid Grid Layout?
10. Bagaimana langkah awal setting project pada Dreamweaver?
Ni blog saya yang sederhana, kana hanya ini kemampuan saya, semoga bermanfaat bagi yang membacanya ..
Di Blog ini juga disediakan video musik, Mp3, Poto2, DLL...
1. Apa yang dimaksud Internet?
2. Apa hubungan antara Internet dan HTML?
3. Apa yang dimaksud dengan CSS?
4. Apa perbedaan . (titik), # dan ; (titik koma) pada CSS?
5. Apa yang dimaksud dengan Web Responsive?
6. Apa yang dimaksud dengan tag HTML, berikut :
- < html >
- < body >
- < table >
- < form >
- < script >
7. Bagaimana script CSS pada baris dokumen, ?berikan contoh !
8. Apa yang dimaksud dengan JQuery Mobile Switch pada Dreamweaver?
9. Apa yang dimaksud dengan Fluid Grid Layout?
10. Bagaimana langkah awal setting project pada Dreamweaver?
Next →
