Nunu Amir Blog
  • Home
  • About
  • Disclosure
  • Features
    • Berbagi
    • Digital
    • Review
      • Gadget
      • Produk
      • Webinar
      • Website
      • Buku
      • Kesehatan
    • Slice of Life
    • Buku Saya
    • Religi
    • Traveling
    • Resep
  • Contact Us
Bismillahirrahmanirrahim....

Haloo... kawan.... 

Ketemu lagi dengan  tutorial saya yang ketiga. Kali ini kita akan membahas tentang gimana caranya sih mengatur properti halaman website. Btw, sebenarnya apa sih itu property, property itu adalah sekumpulan objek atau elemen-elemen yang ada didalam website contohnya latar belakang/background, jenis huruf, ukuran dan warna huruf, judul halaman, dan lain-lain. Untuk melakukan pengaturan ini melalui Page Properties

Ok... kawan... kita mulai saja step-stepnya...

Step 1

Buka dokumen baru dan pastikan dalam mode Design view 
Klik menu Modify lalu pilih Page Properties... (Ctrl+J)

 

Step 2
Untuk mengatur jenis font, pada bagian Page Font klik combo, dan pilih jenis huruf yang kalian inginkan. Misalnya :  Verdana, Arial, Helvetica,...

Untuk mengatur ukuran huruf, pada bagian Size klik combonya dan pilih ukuran huruf sesuai dengan keinginan kalian.

Untuk mengatur warna huruf atau text, pada bagian Color Text klik segitiga drop down    
 
Step 3
Untuk mengatur warna latar belakang/background halaman website kita, pada bagian Background Color, klik segitiga dropdown. lalu pilih warna yang kalian kehendaki.

Jika kalian tidak ingin menggunakan background berwarna, bisa juga menggunakan Background gambar. Caranya pada bagian Background Image klik tombol browse dan pilihlah gambar sesuai yang kalian inginkan.

Jika kalian mengambil gambar di luar site yang telah ditentukan, maka Dreamweaver  akan menampilkan kotak konfirmasi seperti gambar di bawah ini :
klik tombol Yes
Selanjutnya kalian akan diperintahkan untuk menyimpan file tersebut kedalam site melalui kotak dialog Copy File As. Klik tombol Save untuk mengcopynya.


Step 4
Untuk memberi judul website yang terletak di pojok kiri atas jendela browser, sebagai contoh lihat gambar dibawah :




caranya adalah pada bagian Category pilih Title/Encoding kemudian ketikkan judul website di bagian Title misalnya :: Welcome To My Website ::


Setelah melakukan semua setting property untuk halaman website kalian, klik tombol OK untuk mengakhirinya.


OK... Selamat mencoba kawan....

 


 
Bismillahirrahmanirrahim....

Haloo.... Kawan...
 
Gimana 3 tutorial yang lalu sudah dicoba belum????

Dicoba ya... karena masing-masing tutorial yang saya buat ini saling berhubungan satu sama lain. So... kalau bisa bacanya dan prakteknya jangan loncat-loncat ya....

Kali ini tema tutorial saya tentang link antar halaman. Sebuah website agar terlihat lebih menarik ada baiknya tidak hanya satu halaman saja tetapi beberapa halaman dan halaman-halaman tersebut disatukan dengan fasilitas link.

Ok.. kawan.. berikut ini ada dua contoh halaman yang sudah saya buat, dan kedua halaman ini nantinya akan saya link.


 



 

Tips untuk membuat design halaman seperti diatas :

  • Untuk membuat background. sama halnya seperti artikel lalu lakukan pengeditan pada Page Propertiesnya.
  • Untuk menambahkan garis bawah pada text, seperti pada tulisan www.nunu.com. Blok tulisan, klik kanan pada tulisan tersebut pilih Style lalu pilih Underline
  • Untuk memberi garis horizontal sebagai pemisah antar bagian, caranya adalah pada bagian Insert bar di tab common pilih tool Horizontal Rule
  • Untuk mengubah warna tulisan dan jenis huruf, dan ukuran huruf, lakukan pengeditan pada Property Inspector (dibagian bawah lembar kerja)     
  • Untuk menyisipkan gambar pada menu Common Insert Bar klik tombol Images
  • Kedua dokumen/design web tersebut disimpan kedalam file yang berbeda. Misalnya untuk design pertama disimpan dengan nama file home.htm dan design kedua dengan nama file tutorial.htm
Nah... untuk melakukan link antar dokumen/halaman. caranya adalah :


buka file home.htm yang tadi kita buat. Lalu blok pada tulisan tutorial dan lakukan pengaturan di Property Inspector. Pada bagian Link klik pada gambar folder 

 

lalu pilih file yang ingin di hubungkan misalnya tutorial.htm lalu klik OK



Begitu pula jika kita ingin memberikan link pada halaman tutorial.htm. buka file tutorial.htm setelah itu blok tulisan Beranda lakukan sama seperti langkah diatas pilih filenya misalnya home.htm lalu klik OK.

Sekian dulu tutorial dari saya....

OK... Selamat mencoba kawan...

Bismillahirrahmanirrahim....

Halooo... Kawan 

Ketemu lagi ditutorial kita yang kedua mengenai Macromedia Dreamweaver. Kali ini kita akan membahas tentang Site Dreamweaver.

Perlu kita ketahui bahwa sebuah website itu kawan terdiri dari beberapa file  yang saling berhubungan menjadi satu kesatuan utuh. Nah.. file-file tersebut jumlahnya bisa sangat banyak so... diperlukan pengaturan untuk memudahkan dalam proses mendesain, mengedit, dan mengupload file-file ke internet nantinya.

Di Macromedia Dreamweaver dikena istilah Site yang dapat digunakan untuk menampung semua folder dan file-file pendukung website kalian.

OK... sekarang kita mulai saja ya... prakteknya...

Step 1
Pertama-tama kawan, siapkan dulu folder lokal (terserah simpannya dimana) yang akan digunakan untuk menampung semua file website anda misalnya E:\Siteku sebelum didefinisikan menjadi sebuah site.

Step 2
Melalui Start Page klik Dreamweaver Site di bagian Create New atau ada juga cara lain yaitu melalui menu bar, klik Site lalu klik Manage Sites.. lalu klik New lalu klik Site

Step 3
Selanjutnya akan tampil jendela baru seperti gambar dibawah ini  :

 
pastikan tab Basic dalam kondisi aktif kemudian dibagian What would you like to name your site ketikkan nama situs web yang akan kalian buat misalnya Latih, setelah itu klik tombol Next.


Step 4
Tampil jendela baru lagi kan. Step selanjutnya kawan, adalah menentukan apakah akan menggunakan script server side atau tidak. Untuk saat ini pilih saja No i do not want to use a server technology.
 

Lalu klik tombol next. 

Step 5
Tahap selanjutnya adalah menentukan lokasi pengeditan file-file website kalian apakah kalian ingin meletakkan di komputer lokal  atau diletakkan dalam jaringan. Dan tak lupa pula tentukan folder mana yang akan digunakan untuk menampung file-file website kalian.
Jika ingin diletakkan di komputer lokal pilih. saja Edit local copies on my machine, then upload server when ready. Kalau kalian ingin meletakkan file-file website kalian di jaringan pilih Edit Directly on server  using local network.
Setelah itu dibagian Where on your computer do you want to store your file isi dengan folder yang telah anda tentukan sebelumnya (sesuaikan dengan tempat penyimpanan kalian) kalau dalam tutorial ini misalnya E:\siteku. Setelah itu klik Next

Step 6
Step selanjutnya adalah menentukan metode transfer file dari komputer lokal ke komputer server. Untuk saat ini pilih pilihan None. Lalu  klik Next. Tampil kotak dialog Summary yang menampilkan semua settingan yang telah kalian buat. Untuk mengakhiri settingan site klik Done.


Itulah tadi langkah-langkah pembuatan site di Dreamweaver lumayan panjang juga ya....
sekarang coba perhatikan dibagian panel file (sebelah kanan lembar kerja), site dengan nama latih dan folder E:\siteku akan tampil pada jendela panel.
Untuk selanjutnya kalian tidak perlu menentukan lokasi penyimpanan file karena secara otomatis file akan tersimpan dalam folder E:\siteku.

OK... kawan sekian tutorial saya kali ini.
Selamat mencoba dan sampai jumpa lagi di tutorial saya selanjutnya.





 Bismillahirrahmanirrahim...


Kali ini saya ingin buat postingan tentang tutorial. Menuruti saran teman saya, biar blog saya ramai dikunjungi mending buat tutorial saja yang berhubungan dengan komputer, pemprograman, dan internet dengan bahasa saya sendiri (bukan hasil copas loh). Ya.. dia benar juga sih. Tapi terus terang saya kurang PeDe untuk membuat postingan tentang tutorial, ilmu juga masih kurang, belum Expert/mahir. Waduh... saya takut salah dan ditertawakan sama yang lebih ahli.
Bismillahirrahamanirrahim...

Hey.. Sobat...... :D

Pernah merasa bete' ga???

So pasti pernah donk, baik itu bete' sama pacar, teman, pelajaran, pekerjaan, dll...

Ehm.. bukan manusia namanya kalau ga pernah bete'

Trus apa donk klu ga pernah bete' , MONYET...

Eits... Monyet bisa bete' juga loh...

Loh kok tau, pernah ngerasain jadi MONYET (Gubrak....) wkwkwkwkkwwk....  

Shut Up.... EGP deh... lo mo bilang apa...

Berikut ini aq mo bagi-bagi tips nih kepada awak-awak tercinta... biar bete'nya hilang OK... Ini dari pengalaman  aq sendiri sih....

OK.. inilah 7 Tips Menghilangkan bete' versi Nunu, bukan versin On The Spot loh...


Point Pertama :

Dengarin musik yang ngebit asyik kali ya.... sambil jingkrak-jingkrak di kamar. ga' ada salahnya donk... kamar-kamar gue, it's my privasi   

Point Kedua :

Nonton film komedi atau pun acara komedi.... example nonton OVJ bikin bete' kita ilang n buat kita crazy abis... 

Point Ketiga :

Main games... ya... mo PS, XBox, Games HP, Games FB, or Games2 yg lain...

Point Keempat :

Baca, bisa ilangin bete' juga tuh.... bisa baca Al-Quran, komik, novel, koran, majalah, dll.... + bisa nambah wawasan kan

Point Kelima :

Jalan-jalan keliling kota, cari udara yang segar....

Point Keenam :

Ngumpul-ngumpul ma teman2 n bisa ngakak bareng...

Point Ketujuh :

Online aja...
buka FB, Twitter, Chat di MIRC, YM, ato baca-baca blog n buat blog.....


Ya... itulah 7 tips dari aq, ada yang mau nambahin ga', yang jelas tipsnya harus positiff ya...
Yo... Wess... Silahkan >>>>>


Newer Posts Older Posts Home

Verified Blog

Seedbacklink

Search This Blog

ABOUT ME

POPULAR POSTS

  • Penting! Sehat dan Bersih Saat Menstruasi
  • 6 CARA SEDERHANA UNTUK MENGATASI GEJALA ANXIETY
  • Kartunet Kampanye Aksesibilitas Tanpa Batas | Menengok Aksesibilitas Di Kota Makassar
  • Bergerak Aktif dan Investasikan Sehatmu
  • 5 Aksi Kejahatan Siber Perbankan dan Cara Mencegahnya
  • Give Away Blog Nunu Sang Pemimpi
  • 7 Alasan Mengapa Harus Punya Kipas Angin Miyako?
  • Pustaka Kampung Impian: Menyalakan Literasi di Ujung Barat Nusantara
  • XL Axiata Peduli Disabilitas Siap Kerja: Kesempatan Upgrade Skill Digital Bagi Penyandang Disabilitas
  • ASUS Zenbook Pro 14 OLED (UX6404) Laptopnya Para Kreator
Powered by Blogger.

Followers

Labels

agritech ai aksesibilitas artificial intellegence asuransi asus Award baju distro baju lebaran Bantimurung Objek Wisata Terbaik Di Sulawesi Selatan BCA beasiswa lpdp berbagi bihun goreng blockchain blogger Blogger Nusantara Blogger Perempuan bloggerday blogging blogholicid bloglicious bodysuit bts bubur bubur manado budaya Buku busana muslim buzzer casio cerita challenge cheddar cloud computing Curhat Descendants of The Sun digital digitalisasi disabilitas Disclosure doa anak doa bangun tidur drama korea E-Business e-voting Email film fotografi gadget galaukan setan Gerak Jalan Santai handsock hijab HUT Sulawesi Selatan IndiHome indonesia Info Info. Blogging inovasi internet internet provider iot job review kartu AS kecerdasan buatan keju kesehatan Kipas Angin Miyako klinik komunitas kopdar kraft Kucing Kuliah kuliner laptop LAPTOP GAMING lebaran Lomba lpdp makanan indonesia makassar manado maros masyarakat media Media Sosial medikids Mind Miss Deaf mom blogger Monetize multigrain musik Nunu Nunu Amir Nunu Talk oreo other pandangan pantai losari pemilu pengalaman personal branding Pesantren Impian Puisi pustaka kampung impian radio ramadhan RBT religi reportase resensi buku resep Resolusi Juara review robotic robotic process automation samsung galaxy s6 samsung galaxy s6 edge sehat Sekolah Blog SEO sharing sinarmas slice of life smart contract smartphone Social Media Song Hye Kyo Song Joong Ki sosial sponsored post startup strartup surat cinta untuk kartini tabungan online telkom university TelkomIndonesia Teman Wajib Anda time toefl toleransi Tourism transformasi digital traveling tutorial Tutorial Blog Tutorial Web Design uang panai unik uricran useetv video waktu webinar website wonderful Workshop Writing zenfone 9

Blog Archive

  • ▼  2025 (4)
    • ▼  December (1)
      • ASUS Vivobook S14 M3407KA Berikan Pengalaman Lapto...
    • ►  September (2)
    • ►  April (1)
  • ►  2024 (35)
    • ►  November (1)
    • ►  October (1)
    • ►  August (1)
    • ►  July (2)
    • ►  April (2)
    • ►  March (12)
    • ►  February (7)
    • ►  January (9)
  • ►  2023 (7)
    • ►  August (2)
    • ►  July (2)
    • ►  May (2)
    • ►  April (1)
  • ►  2022 (35)
    • ►  December (1)
    • ►  November (1)
    • ►  October (2)
    • ►  September (6)
    • ►  August (6)
    • ►  July (2)
    • ►  June (3)
    • ►  May (5)
    • ►  April (1)
    • ►  February (5)
    • ►  January (3)
  • ►  2021 (22)
    • ►  December (2)
    • ►  November (6)
    • ►  October (2)
    • ►  September (3)
    • ►  August (2)
    • ►  June (2)
    • ►  May (1)
    • ►  April (1)
    • ►  March (1)
    • ►  February (1)
    • ►  January (1)
  • ►  2020 (18)
    • ►  November (1)
    • ►  September (4)
    • ►  August (1)
    • ►  June (1)
    • ►  May (1)
    • ►  April (4)
    • ►  March (1)
    • ►  February (3)
    • ►  January (2)
  • ►  2019 (2)
    • ►  February (1)
    • ►  January (1)
  • ►  2018 (13)
    • ►  December (2)
    • ►  November (3)
    • ►  October (1)
    • ►  September (1)
    • ►  August (2)
    • ►  July (1)
    • ►  March (1)
    • ►  January (2)
  • ►  2017 (26)
    • ►  July (4)
    • ►  June (2)
    • ►  May (3)
    • ►  April (5)
    • ►  March (2)
    • ►  February (3)
    • ►  January (7)
  • ►  2016 (75)
    • ►  December (2)
    • ►  November (14)
    • ►  October (8)
    • ►  September (13)
    • ►  August (1)
    • ►  July (5)
    • ►  June (13)
    • ►  May (6)
    • ►  April (10)
    • ►  March (3)
  • ►  2015 (18)
    • ►  December (1)
    • ►  November (1)
    • ►  October (2)
    • ►  September (1)
    • ►  August (1)
    • ►  July (2)
    • ►  June (2)
    • ►  May (2)
    • ►  March (1)
    • ►  February (3)
    • ►  January (2)
  • ►  2014 (13)
    • ►  December (2)
    • ►  November (1)
    • ►  July (3)
    • ►  June (2)
    • ►  April (1)
    • ►  March (2)
    • ►  February (2)
  • ►  2013 (32)
    • ►  December (4)
    • ►  November (1)
    • ►  October (3)
    • ►  September (1)
    • ►  July (1)
    • ►  June (1)
    • ►  May (6)
    • ►  April (2)
    • ►  March (3)
    • ►  February (7)
    • ►  January (3)
  • ►  2012 (46)
    • ►  December (1)
    • ►  November (3)
    • ►  October (4)
    • ►  September (6)
    • ►  August (2)
    • ►  July (3)
    • ►  June (4)
    • ►  May (1)
    • ►  April (6)
    • ►  March (4)
    • ►  February (6)
    • ►  January (6)
  • ►  2011 (57)
    • ►  December (4)
    • ►  November (13)
    • ►  October (14)
    • ►  September (2)
    • ►  August (5)
    • ►  July (8)
    • ►  June (7)
    • ►  May (1)
    • ►  April (3)

Sidebar Ads

Total Pageviews

Subscribe To

Posts
Atom
Posts
All Comments
Atom
All Comments

Designed by OddThemes | Distributed By Gooyaabi Template