Web Desain Kota Batu

membuat eBook file CMH

<div style="text-align: justify;">
Cara software yang bisa membuat sebuah eBook .chm dengan berasal dari beberapa file .doc, bukan software eBook yang hanya bisa meng-compile file dari format html.  </div>
<div style="text-align: justify;">
Untuk membuat eBook ini, kita gunakan HelpNDoc v2.3.0.11 Karena ini adalah versi gratis, maka hasil eBook kita nanti akan terdapat tulisan Created with the Freeware Edition of HelpNDoc  dibagian paling bawah eBook</div>
 
 
LANGKAH 1: download dahulu Helpworkshop, dan install. link: <a href="http://msdn.microsoft.com/en-us/library/ms669985%28VS.85%29.aspx" style="background-color: white; color: #357798; text-decoration: none;" target="_blank">http://msdn.microsoft.com/en-us/libr…8VS.85%29.aspx</a> kemudian install HelpNDoc v2.3.0.11. Software ini bisa di download dari: <a href="http://www.helpndoc.com/download" style="background-color: white; color: #357798; text-decoration: none;" target="_blank">http://www.helpndoc.com/download</a> 
LANGKAH 2: Buka HelpNDoc v2.3.0.11 Klik New Project seperti dibawah ini: <img alt="" src="http://harymulyadi.files.wordpress.com/2010/02/020510_0002_tutorialmem1.jpg?w=468" style="-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; background-color: white; border: 1px solid rgb(220, 217, 217); box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; margin-top: 5px; overflow: hidden; padding: 6px;" /> 
Wlcome helpndoc Kemudian isi Project Titlenya, Copyright juga. Untuk membuat eBook kita nanti agar bisa terbaca tulisan Arabicnya. Klik define dan ubah scriptnya menjadi Arabic. <img alt="" src="http://harymulyadi.files.wordpress.com/2010/02/020510_0002_tutorialmem2.jpg?w=468" style="-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; background-color: white; border: 1px solid rgb(220, 217, 217); box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; margin-top: 5px; overflow: hidden; padding: 6px;" /> 
Ubah Define LANGKAH 3: Buat konten dari eBook (judul, bab, sub bab dan seterusnya) Caranya: Klik kanan icon judul > Insert as child > Insert a new topic as child <img alt="" src="http://harymulyadi.files.wordpress.com/2010/02/020510_0002_tutorialmem3.jpg?w=468" style="-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; background-color: white; border: 1px solid rgb(220, 217, 217); box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; margin-top: 5px; overflow: hidden; padding: 6px;" /> 
Insert child akan muncul jendela seperti ini: <img alt="" src="http://harymulyadi.files.wordpress.com/2010/02/020510_0002_tutorialmem4.jpg?w=468" style="-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; background-color: white; border: 1px solid rgb(220, 217, 217); box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; margin-top: 5px; overflow: hidden; padding: 6px;" /> 
Insert topic Misal kita isi Caption: Home, kemudian Insert Topic Lakukan cara yang sama untuk membuat bab dan sub bab. Pada Topic “HOME” ini adalah tampilan pertama kali dari eBook kita. Kita bisa membuat secara langsung dengan mengetik di jendela sebelah kanannya, seperti : <a href="http://i47.tinypic.com/21oalar.jpg" style="background-color: white; color: #357798; text-decoration: none;"><img alt="" src="http://harymulyadi.files.wordpress.com/2010/02/020510_0002_tutorialmem5.png?w=468" style="-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; border: 1px solid rgb(220, 217, 217); box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; margin-top: 5px; overflow: hidden; padding: 6px;" /></a> 
Isi Kita juga bisa copy-paste dokumen kita yang berasal dari .doc ataupun gambar kesini. <img alt="" src="http://harymulyadi.files.wordpress.com/2010/02/020510_0002_tutorialmem6.jpg?w=468" style="-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; background-color: white; border: 1px solid rgb(220, 217, 217); box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; margin-top: 5px; overflow: hidden; padding: 6px;" /> 
 
Isi lagi LANGKAH 4: Jika semua bahan sudah selesai, tingga melakukan comple menjadi .chm. Caranya Klik icon compile <a href="http://i45.tinypic.com/igkpb4.jpg" style="background-color: white; color: #357798; text-decoration: none;"><img alt="" src="http://harymulyadi.files.wordpress.com/2010/02/020510_0002_tutorialmem7.jpg?w=468" style="-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; border: 1px solid rgb(220, 217, 217); box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; margin-top: 5px; overflow: hidden; padding: 6px;" /></a> 
Compile Icon Akan muncul jendela baru seperti ini, silahkan centang yang paling atas pada: CHM Help Export 
 
Pilih dimana hendak menyimpan file .chm yang akan jadi nanti. Kemudian Regenerate. <img alt="" src="http://harymulyadi.files.wordpress.com/2010/02/020510_0002_tutorialmem8.jpg?w=468" style="-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; background-color: white; border: 1px solid rgb(220, 217, 217); box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; margin-top: 5px; overflow: hidden; padding: 6px;" /> 
Compile chm Jika ada yang salah akan ada pesan Error. Jika benar, maka hasilnya seperti ini: <img alt="" src="http://harymulyadi.files.wordpress.com/2010/02/020510_0002_tutorialmem9.jpg?w=468" style="-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; background-color: white; border: 1px solid rgb(220, 217, 217); box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; margin-top: 5px; overflow: hidden; padding: 6px;" /> 
Generation output Hasil akhir dari eBook yang sudah kita buat tadi adalah <img alt="" src="http://harymulyadi.files.wordpress.com/2010/02/020510_0002_tutorialmem10.jpg?w=468" style="-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; background-color: white; border: 1px solid rgb(220, 217, 217); box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; margin-top: 5px; overflow: hidden; padding: 6px;" /> 
Hasil CHM 1 <img alt="" src="http://harymulyadi.files.wordpress.com/2010/02/020510_0002_tutorialmem11.jpg?w=468" style="-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; background-color: white; border: 1px solid rgb(220, 217, 217); box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px; margin-top: 5px; overflow: hidden; padding: 6px;" /> 
Hasil CHM 
 
 Thanks Sumber Dari: Blog tetangga

membuat eBook file CMH

Cara software yang bisa membuat sebuah eBook .chm dengan berasal dari beberapa file .doc, bukan software eBook yang hanya bisa meng-compi...

Baca selengkapnya »

02.13

Sejarah desain grafis

Revolusi industri ini terjadi pada abad ke 
18SM sampai awal abad ke 19SM, dan pertama kali terjadi di negara inggris hal ini ditandai dengan adanya perubahan teknologi, budaya dan sosial  ekonomi yang dibuktikan dengan penggunaan mesin oleh para pekerja. 
Alasan utama terjadinya revolusi industri adalah terdorongnya kebutuhan energi bagi 
bangsa bangsa eropa khususnya dibidang industri, hal ini menyebabkan seorang ilmuan besar yakni James Watt melakukan penyempurnaan mesin uapnya dengan 
menggunakan bahan bakar batu bara, penemuan ini di aplikasikan pada industri tekstil sehingga kita bisa menggunakan pakain layak seperti saat ini, disamping 
itu juga revolusi industri ini menyebabkan adanya peradaban umat manusia dan mengantikan kehidupan nomaden pada saat itu.
Revolusi industri ini menyebabkan tingkat 
urbanisasi yang tinggi sehingga terjadinya pertumbuhan kota-kota dengan cepat, revolusi  industri sangat merangsang pertumbuhan ekonomi saat itu dengan pengembangan ilmu pengetahuan dan 
teknologi, hal ini mengakibatkan adanya produksi masa dan merangsang permintaan pasar. 
Perandesain grafis pada saat inilah yang sangat membantu meningkatkan pemasaran hasil pabrik dengan menciptakan berbagai desain yang menarik untuk mempromosikan produk-produk hal yang menurut saya sangat penting dari adanya revolusi industri ini adalah ditemukanya berbagai bentuk huruf, seperti huruf gemuk, huruf tigadimensi, 
dan ditemukannya huruf cetak san-serif pada tahun 1800-an, hal-hal inilah menyebabkan kita sebagai desainer dapat mengolah berbagai seni typography dengan adanya temuan huruf tersebut, pada masa ini juga diemukanya msin litografi oleh Alois Senefelder  yang membuat kita bisa untuk medapatkan gambar-gambar yang seperti tercetak sekarang ini,pengembangan fotografi, yang menggunakan teknik Daguerreotype oleh Niépce dan Louis Daguerre, sehingga sekarang kita bisa menggunakan teknik fotografi dalam sebuah karya desain kita sendiri. 
Selain hal tersebut banyak ditemukan juga gaya gaya desain seperti art nouveau yakni gaya desain yang memadukan seni, arsitektur 
bangunan dan desain. Gaya desain Constructivism yaitu Seni yang mangacu pada konstruksi, pahatan dan lukisan yang optimis dan tak mewakili apapun. Gaya desain De Stijl yakni gaya desain yang bentuk dekoratif kedalam bentuk  geometris dengan teori Neo Plasticism (Mondrian) hal ini di ungkapkan sperti berikut : “kreasi baru seni …hanya dapat didasarkan pada abstraksi dari semua bentuk dan warna (baca: garis tegas 
dan warna-warna utama).”(Le Moine 1987, 
p.29). 
Gaya desai Dadaisme yaitu rancangan seni 
pertunjukan, puisi, dan seni visual. Gaya desain EXPRESSIONISM seni yang mengekpresikan emosi mendalam. 
Dari yang terpapar di atas dapat saya 
simpulkan bahwa dengan adanya revolusi industri sangat mempengaruhi perkembangan desain desain sampai saat ini, dimana berkat terjadinya revolusi industri ini kita dapat mencitakan berbagai gaya desain yang sesuai dengan gaya desain kita sendiri, dan seorang desainer pun sudah sangat berperan penting bagi sebuah industri untuk mempromosikan 
ataupun menciptakan sebuah industri sendiri, jadi desain adalah sebuah media yang dapat digunakan menciptakan sebuah peradaban ekonomi dunia.
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2yp5FGhEyREGXYyekR9dSPt-znUsBaAP61AGdRpRPf9c7k0ATLBwgzts3aDB0PCQ7MY3oqZuccniihgacDaq7igPFM295XxFNELNfFdyBd1HVeO-5nJ1BeIqMyhrQ1bJBKqdy8a74ipc/s1600/1398416645629.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2yp5FGhEyREGXYyekR9dSPt-znUsBaAP61AGdRpRPf9c7k0ATLBwgzts3aDB0PCQ7MY3oqZuccniihgacDaq7igPFM295XxFNELNfFdyBd1HVeO-5nJ1BeIqMyhrQ1bJBKqdy8a74ipc/s640/1398416645629.jpg"> </a> </div>

Sejarah desain grafis

Revolusi industri ini terjadi pada abad ke 18SM sampai awal abad ke 19SM, dan pertama kali terjadi di negara inggris hal ini ditandai denga...

Baca selengkapnya »

02.05

Membuat Nomor Halaman Di Blog

<div style="text-align: justify;">
Assalamualaikum </div>
para blogger mania kali ini <a href="http://id-desing.blogspot.com/" target="_blank">ID desing  </a>akan membagikan ilmu tentang Membuat Nomor Halaman Di Blog - Dengan sobat Membuat Nomor Halaman Di Blog
 banyak manfaatnya, contoh: mempercantik halaman blog, memberikan sebuah
 shortcut atau jalan pintas bagi pengunjung blog guna mencari artikel 
yang dibutuhkan atau agar blog terlihat sempurna dll. Maka dari itu saya
 ingin mempostingkannya. Silahkan di lihat tutorial cara Membuat Nomor Halaman Di Blog. 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFFmoWNj2nibEA_A7-bJapxNqdFC4mkxU2OiccMVO8AZGltwomYWSwnAH8y80R_RghuwB7TXu34s7Vu5AO62tQZujUXVdwTsczwFnPN0Pk50US4PwuxrpzVwT4B7TFvK0qHOsCNBXkk6R/s1600/Nomor+Halaman.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Gambar Nomor Halaman Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFFmoWNj2nibEA_A7-bJapxNqdFC4mkxU2OiccMVO8AZGltwomYWSwnAH8y80R_RghuwB7TXu34s7Vu5AO62tQZujUXVdwTsczwFnPN0Pk50US4PwuxrpzVwT4B7TFvK0qHOsCNBXkk6R/s1600/Nomor+Halaman.png" title="Nomor Halaman Blog" /></a></div>
 
Membuat Nomor Halaman Di Blog: 
 
<ul>
<li>Langkah Pertama:</li>
</ul>
1. Login ke blogger --> Template --> Edit HTML 
 
2. Cari kode: ]]></b:skin> (tekan CTRL+F agar lebih mudah)  
 
3. Tekan Highlight All, copy dan paste diatas kode:  ]]></b:skin>  
<blockquote class="tr_bq">
</blockquote>
 
<div>
<form name="copy">
<div align="center">
 </div>
<div align="center">
<textarea cols="20" name="txt" rows="4" style="height: 80px; width: 180px;" wrap="VIRTUAL">.showpageArea
 a {text-decoration:underline;}.showpageNum a 
{text-decoration:none;border: 1px solid #cccccc;margin:0 
3px;padding:3px;}.showpageNum a:hover {border: 1px solid 
#cccccc;background-color:#cccccc;}.showpagePoint 
{color:#333;text-decoration:none;border: 1px solid #cccccc;background: 
#cccccc;margin:0 3px;padding:3px;}.showpageOf 
{text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid 
#cccccc;padding:3px;}.showpage a:hover 
{text-decoration:none;}.showpageNum a:link,.showpage a:link 
{text-decoration:none;color:#333333;}

Langkah Kedua:

1. Masih diposisi Template --> Edit HTML

2. Cari kode: </body> (tekan CTRL+F agar lebih mudah)

3. Tekan Highlight All, copy dan paste diatas kode: </body>

Simpan

Begitulah postingan tentang Membuat Nomor Halaman Di Blog yang bisa saya berikan untuk sobat. Semoga berhasil dan bermanfaat.

Read more: http://ridhotawaka.blogspot.com/ http://ridhotawaka.blogspot.com/#ixzz2zmbm9IWg

Membuat Nomor Halaman Di Blog

Assalamualaikum para blogger mania kali ini ID desing akan membagikan ilmu tentang Membuat Nomor Halaman Di Blog - Dengan sobat Membuat ...

Baca selengkapnya »

23.36

Web Desain Kota Batu

membuat eBook file CMH

Sejarah desain grafis

Membuat Nomor Halaman Di Blog

Tutorial

Trik Corel

Entri Populer