Cara Membuat Web Pada Microsoft SharePoint Designer

Cara Mengakses Ms Office Share Point Designer

MICROSOFT SHAREPOINT DESIGNER 2007

·         Microsoft Sharepoint  Designer meerupakan program perancangan web dari Microsoft menggantikan Microsoft Office Frontpage. Program ini berbasis editor HTML yang bersifat WYS/WYG (What You See Is What You Get )

·         Kegunaan Sharepoint Designer  untuk membuat, mengubah dan menghapus website yang terdiri atas kumpulan halaman HTML, gambar, file dan folder

·         Langkah membuka Microsoft Sharepoint Designer : Star à All Program à Microsoft Office à Microsoft Office Designer

·         Tampilam lembar kerja Microsoft Office Sharepoint Designer 2007

·         Title bar , adalah bagian jendela program yang menampilkan nama berikut nama file yang sedang aktif

·         Menu bar adalah baris menu yang menampilkan daftar menu perintah untuk mengoperasikan program

·         Control menu, untuk mengatur jendela Microsoft Sharepoint. Control menu terdiri atas 3 bagian yaitu : Minimize, Maximize/Restore down dan Close

·         Toolbar adalah sekumpulan tombol yang berisi perintah dalam bentuk ikon gambar

·         Folder list , menampilkan semua folder dan file dalam web yang sedang aktif

·         Toolbox

·         Properties

·         Styles

·         Cara menambahkan halaman pada website: File à Newà PageàGeneral àOK

·         Cara menambahkan teks : ketikan judul atur tulisan menggunakan menu Format àFont

·         Cara menambahkan gambar:

1.   Insert à pictureà from fileàopen

2.   Menggunakan toolbar

3.   Menggunakan toolboxà tag à image

·         Pilih gambar dengan kapasitas jenis file yang kecil  dengan ekstensi JPG, GIF dan WMF

·         Hindari file berekstensi TIF, BMP dan PSD

·         Untuk menambahkan bingkai pada teks dan mengatur warna latar belakang menggunakan Border and Shading

Caranya :

·            Blok paragraph yang akan diberi bingkai / latar belakang

·            Pada menu Format pilih Border and Shading

·            Pada tab Border pilih style, color dan width untuk bingkai

·            Klik tab Shading untuk memilih warna latar belakang bingkai

·         Untuk menjalankan  website tekan tombol F12

·         Latar belakang / background

Kita dapat memberi background pada web baik dengan warna maupun gambar untuk memperindah tampilan web .

Cara membuat background :

1.      Aktifkan halaman web

2.      Klik menu format à background

3.      Pada kotak dialog pilih warna / gambar

MENGENAL KOMPONEN WEB / WEB COMPONENT

1.       Dynamic Effects

Marquee, digunakan untuk membuat teks atau tulisan berjalan secara horisontal pada halaman website.

caranya :

1.       blok kalimat yang akan diberi effek à klik Insert, Web Component

2.       pada component type pilih Dynamic Effects à Marquee à Finish

3.       pada kotak dialog Marquee Properties akan tampil :

·  Direction : menentukan arah munculnya teks

·  Speed : mengatur kecepatan, semakin tinggi nilainya semakin lambat jalan teks

·  Behavior : mengatur jenis / model marquee

·  Size : mengatur ukuran marquee

·  Repeat : beri tanda chek pada Continuously untuk pengurangan

·  Background color : memberi warna latar belakang marquee

2.       Interactive button

Langkah untuk menampilkan Interactive button:

1.       Aktifkan halaman web yang akan diberi interactive button, klik Insert – Web Component

2.       Pilih Dynamic Effects à Interactive Button à Finish

3.       Pilih salah satu button dan tulis nama button pada bagian text

4.       Link untuk menentukan halaman target, tulis langsung halaman atau klik tombol browse

3.       Hit Counter

Komponen Hit Counter menampilkan perhitungan angka berapa kali sebuah website dikunjungi. Kita dapat menambahkan komponen ini pada Home page untuk mengetahui frekuensi kunjungan dari pengunjung yang meng-akses web kita.

HYPERLINK

Hyperlink adalah sarana yang dapat digunakan untuk menghubungkan sebuah web page ke web page yang lain atau bahkan ke situs lain.

Ciri-ciri dari hyperlink berupa teks yang bergaris bawah dan berwarna atau sebuah gambar yang jika diklik akan terhubung dengan sebuah file atau ke sebuah lokasi dari sebuah file.

Membuat Text Link

a.    Ketik teks yang akan dijadikan link

b.   Blok teks tersebut

c.    Klik menu insert >>hyperlink

d.   Pada Look in, pilihlah halaman yang akan diacu.

e.   Klik OK.

Interaktif Button

Menambahkan Button, langkahnya:

1.         Klik menu insert >interactive button

2.         Pada field  text, masukkan teks yang akan tampil pada button tersebut

3.         Pada field link, masukkan halaman web yang akan di-link ke button tersebut

4.         Kita bisa memilih halaman web yang akan dilink dengan menekan tombol browse dan klik ok.