Cara Mengatur Size, Color dan Style Huruf (Font) di HTML

Gambar 271. 

Mengatur Font di HTML

A. Pengertian HTML

HTML atau yang merupakan singkatan dari Hypertext Mark Up Language adalah bahasa standar pemrograman untuk membuat suatu website yang bisa diakses dengan internet.

Dengan kata lain halaman website yang kita lihat dan kita baca disusun dengan menggunakan bahasa ini dan kemudian diterjemahkan oleh komputer agar dapat dipahami oleh penggunanya.

HTML merupakan standar pembuatan website secara luas agar laman website dapat ditampilkan pada layar komputer.

Menambahkan Animasi Pada Teks / Objek di Power Point 2010

Gambar 81. Menambahkan Animasi
di Power Point 2010

Hal yang sangat mudah untuk menambahkan animasi pada teks atau objek dalam Microsoft Power Point 2010. Animasi diterapkan untuk menekankan hal-hal tertentu, tujuan lainnya adalah untuk menghindari kebosanan dan menjaga presentasi secara keseluruhan.

Hal ini juga membantu Anda untuk mengontrol arus informasi, misalnya jika Anda menjelaskan titik tertentu dan Anda tidak ingin audiens Anda mengalihkan perhatian dengan poin berikutnya kemudian oleh bantuan animasi Anda dapat berhenti pada poin berikutnya.

Cara Membuat Microsoft Office PowerPoint 2010

Gambar 79 Microsoft PowerPoint 2010

Secara garis besar pembuatan media menggunakan Microsoft Office PowerPoint 2010 saya bedakan menjadi 3 tahap:

A. Tahap inti 

(bagian yang ingin disampaikan kepada audiens seperti pengetikan teks, penyisipan gambar, sound, video dll.)

B. Pembuatan Desain/Grafis

C. Pemberian Transisi dan Animasi

A. Tahap Inti

1. Pengetikan, setiap font/huruf dalam PowerPoint diketik dalam bentuk text box

a. Merubah jenis huruf

Blok hurufnya, klik home-font-pilih sesuai keinginan

b. Merubah ukuran huruf

Blok hurufnya, klik home-font size-pilih sesuai keinginan

c. Merubah warna huruf

Blok hurufnya, klik home-font color-pilih sesuai keinginan

2. Penyisipan Shapes

Klik Insert-shapes-pilih sesuai keinginan-drag pointer pada lembar kerjaJika ingin memberi text pada shapes, klik kanan pd shapes-edit text-ketik. SMPN 4 PETARUKAN faroid_cs@yahoo.com 

Jika ingin mengedit shapes yang dibuat, klik shapesnya-klik menu format, disitu bisa dipilih warna dan style yang diinginkan.

3. Penyisipan gambar clipart

Klik Insert-clipart-go-pilih gambar yang diinginkan

4. Penyisipan gambar dari file lain/foto

Klik insert-Picture-pilih dan klik dimana foto disimpan-insert

5. Penyisipan audio/suara

Klik insert-insert audio-pilih audio yang diinginkan-insert

6. Penyisipan video

Klik insert-insert video-pilih video yang diinginkan-insertfaroid_cs@yahoo.com Page 3

7. Untuk penyisipan SmartArt, 

Klik Insert-SmartArt-pilih bentuk SmartArt

8. Penyisipan Chart, 

Klik Insert-Chart-pilih bentuk Chart-akan muncul jendela Ms. Excel rubah Title, Category dan Series sesuai keinginan. Kita juga bisa mengedit Chart denganmenu Chart Tool (Design, Layout, Format)

9. Penyisipan WordArt, 

Klik Insert-WordArt-ketik textnya

10. Pembuatan Tabel, 

Klik Insert-Tabel-klik tentukan jumlah kolom dan jumlah baris.Menggabungkan cell, Blok cell yang akan digabungkan-layout-marge cell.

B. Pembuatan Desain/Grafis

Memberi tema dan background slide dan shapes

1. Memberi Tema

Klik Design-pilih tema yang diinginkan (tema yang lebih lengkap klik more)

2. Memberi Background slide

Klik design-background-akan nampak jendela format

bacgroundfaroid_cs@yahoo.com Page 4

3. Memberi Background pada shapes

Shapes juga bisa diberi background yang caranya mirip seperti pemberianbackground slide dengan cara:Klik shapesnya-format-shape styles-muncul jendela format picture/shapes

C. Pemberian Transisi Slide dan Animasi

1. Pemberian Transisi slide/halaman

Klik slide yang diinginkan-transitions-klik salah satu transitions to this slide (yang lebih komplit klik pada more options)

Penampilan tiap slide dapat diberi sound dengan cara klik dan pilih 

faroid_cs@yahoo.com Page 5

2. Pemberian Animasi pada text box, shapes, gambar dll

Animasi dibagi menjadi 4 macam,

Klik Animations - more options animations, Akan muncul seperti pilihan di bawah :

Terdapat 4 jenis animasi seperti nampak di atas

-   More Entrance effects = Animasi Masuk

-   More Emphasis effects = Animasi Penekanan

-   More Exit effects = Animasi Keluar

-   More Motion Paths = Animasi Perpindahan

Contoh kita klik animasi Entrance akan muncul jendela berikut :

Pilih salah satu dan klik ok

Begitu juga dengan ke 3 animasi lainnya, caranya sama. 

Intinya jika kita menginginkan suatu objek (text atau gambar) akan ditayangkan “masuk” berarti kita pilih animasi entrance. 

Jika menginginkan objek ditampilkan keluar dari halaman maka pilih animasi exit. 

Jika objek akan ditampilkan dengan penekanan maka pilih emphasis dan 

Jika suatu objek ingin ditampilkan berpindah tempat maka menggunakan animasi 

      motion.faroid_cs@yahoo.com Page 6

a. Kita bisa melihat tampilan animasi dalam 1 slide 

Klik animations-preview

b. Menyetting cepat atau lambatnya suatu animasi dengan cara

Klik animations-duration

c. Menyetting kapan animasi itu akan ditampilkan dengan 

Klik animations-start

d. Menyetting urutan tampil dalam 1 slide

Klik Animations-Animation Pane-drag sesuai urutan yang diinginkan

e. Melihat tampilan hasil yang sudah kita buat dari awal hingga akhir

Klik Slide Show-From Beginning. faroid_cs@yahoo.com Page 7

f. PrintKita bisa ngeprint presentasi yang telah kita buat dengan cara:

• Klik File-Print
• Klik full page slides 

untuk menentukan berapa jumlah slide yang akan diprint dalam 1 halaman kertas (jika 2 maka pilih “2 Slides”).

• Klik color 

untuk menentukan warna (berwarna, grayscale, hitam putih)

• Klik Print

Sumber :

http://anisaseptianiawey.wordpress.com/2013/05/15/cara-membuat-microsoft-office-powerpoint-2010/

Mengatur jarak antar baris (spacing) MS Word

Definisi Line Spacing

Spacing atau line spacing adalah sebuah jarak antar baris di dalam teks/dokumen yang kita buat dengan MS Word. Line spacing mungkin lebih kita kenal dengan istilah spasi, seperti dalam penulisan makalah maka akan ada kriteria berupa seberapa besar ukuran font, margin, atau pun spasinya. 

Karena kebanyakan mahasiswa (termasuk saya) pada awalnya tidak menghiraukan hal ini, asal copy paste saja dari internet lalu mencantumkan footnote sebagai acuan referensi. Selain menjadi kriteria penulisan karya tulis ilmiah, dengan mengatur spasi ini, ketikan kita jadi lebih indah dan menarik untuk dibaca. 

Jika jarak antar baris terlalu dekat maka naskah akan terlihat penuh, sehingga teks sulit untuk dibaca dan jika terlalu lebar maka naskah seperti tanpa isi.

Mengatur line spacing atau spasi pada teks dalam dokumen Microsoft Word juga termasuk dalam formatting teks. Adapun langkah-langkah yang dapat kita lakukan untuk mengatur jarak baris atau line spacing adalah sebagai berikut :

1. Blok teks di dalam naskah, pada menu ribbon bagian tab paragraf, pilih line and paragraph spacing.

2. Setelah itu akan muncul dropdown menu spacing.

3. Pilih salah satu ukuran yang kita kehendaki.

Berikut contoh-contoh hasil dari pengaturan line spacing.

Teks dengan spasi sebesar 1,5

Teks dengan spasi sebesar 2,0

Untuk pengaturan yang lebih lanjut mengenai line spacing, silahkan buka dialog box paragraf. Perhatikan kolom spacing yang telah saya beri tanda pada gambar dialog box.

Keterangan dari beberapa opsi di dalam dialog box paragraf spasi :

Spacing Before

Spacing Before digunakan untuk memberikan spasi/jarak antara paragraf yang di-select dengan paragraf sebelumnya.

Spacing After

Spacing After digunakan untuk memberikan spasi/jarak antara paragraf yang di-select dengan paragraf sesudahnya.

Line spacing

Line Spacing digunakan untuk mengganti spasi antar baris dalam teks. Misalnya single (1 spasi), 1.5 lines (spasi 1,5), dan double (spasi 2).Pilihan lain yaitu exactly (tepat), multiple (kelipatan), dan at least (setidaknya) dapat kita berikan angkanya pada kotak "At" di sebelah kotak Line Spacing.

Silahkan melakukan percobaan pada dokumen yang telah kita buat dalam Microsoft Word, tentukan seberapa besar pengaturan spasinya agar susunan teks menjadi rapi.

Sumber :

http://www.disketku.com/2013/08/atur-jarak-baris-word.html