Belum lama ini saya mulai mempelajari program "Microsoft FrontPage 2003" dari buku "Microsoft Office FrontPage 2003" (384 halaman), versi Rusia (+1 CD), Moskow, 2005. Penjelasan di dalam buku cukup detail dan plus Yaitu, terdapat banyak ilustrasi dan tangkapan layar sehingga Anda dapat membandingkan apa yang didapat pengguna dan tampilannya di dalam buku. Dan CD tersebut memberikan materi tambahan pada pelajaran Halaman Depan dari buku tersebut. Saya membaca 190 halaman dan semuanya baik-baik saja, semua latihan menjadi persis seperti di buku. Saya sampai pada topik “Menambahkan batas dan bayangan” (halaman 190-194). Saya hanya akan fokus pada inti masalah yang muncul dalam pesanan saya:
1) dalam latihan Anda perlu membuat situs web satu halaman;
2) buka halaman utama (beranda) situs index.htm;
3) pada halaman Anda perlu menekan Enter beberapa kali agar kursor turun ke bagian paling bawah halaman (atau mungkin sedikit lebih rendah);
4) ketika kursor berada di bawah, pilih seluruh halaman dengan menekan Ctrl + A, halaman yang dipilih akan berubah menjadi hitam;
5) sekarang Anda perlu membuat gambar latar belakang pada halaman:
a) pada toolbar, klik Format dan pilih Borders and Shading;
b) buka tab Isi;
c) di bagian bawah bidang yang bertuliskan Pola, klik tombol Telusuri... dan pilih di komputer gambar yang sesuai untuk latar belakang (tidak besar, sekitar 1/16-1/32 dari ukuran halaman), setelah itu jalur ke gambar akan ditampilkan di baris Pola Latar Belakang di komputer;
d) sekarang kita atur setting lokasi gambar background ini pada halaman situs index.htm:


Ulangi: sumbu X
Lampiran: gulir
e) klik selanjutnya OK dan lihat tab Lihat pada program Halaman Depan (di bagian bawah) - gambar latar belakang akan muncul secara horizontal pada halaman (dari kiri ke kanan);
f) kembali ke tab Desainer pada program Halaman Depan dan ulangi langkah dari poin 4) - pilih halaman yang akan dituju d) di sini kita mengatur pengaturan baru:
Posisi vertikal: tengah
Posisi horizontal: tengah
Ulangi: sumbu Y
Lampiran: gulir
g) klik OK dan lihat tab Lihat pada program Halaman Depan - gambar latar belakang akan muncul secara vertikal pada halaman (dari atas ke bawah);
h) kembali ke tab Desainer pada program Halaman Depan dan ulangi langkah dari poin 4) - pilih halaman yang akan dituju d) di sini kita mengatur pengaturan baru:
Posisi vertikal: tengah
Posisi horizontal: tengah
Ulangi: sumbu X dan Y
Lampiran: gulir
i) klik OK dan lihat tab Lihat pada program Halaman Depan - gambar latar belakang akan menutupi seluruh halaman (berkali-kali di seluruh halaman);
Segala sesuatu yang terjadi sebelumnya sesuai dengan latihan di buku. Sekarang kita sampai pada masalahnya.
j) kembali ke tab Desainer pada program Halaman Depan dan ulangi langkah dari poin 4) - pilih halaman yang akan dituju d) di sini kita mengatur pengaturan baru:
Posisi vertikal: tengah
Posisi horizontal: tengah
Ulangi: tidak
Lampiran: gulir
l) klik OK dan lihat tab Tampilan pada program Halaman Depan - gambar latar belakang HARUS (sesuai dengan pengaturan) ditampilkan dalam satu salinan di tengah halaman, tetapi karena alasan tertentu hal ini tidak terjadi. Itu berlipat ganda di seluruh halaman. Saya tidak tahu apa masalahnya. Terima kasih atas bantuan Anda!

Anda dapat menggunakan gambar grafik sebagai latar belakang halaman untuk membuat halaman Anda lebih menarik. Namun saat memilih gambar untuk latar belakang, Anda harus ingat bahwa ini meningkatkan ukuran file, dan karenanya, waktu pemuatan halaman juga meningkat. Selain itu, gambar latar belakang tidak boleh terang sehingga informasi teks yang diposting di halaman Web dapat terlihat.

Saat membuat halaman Web, Anda dapat menggunakan grafik dari perpustakaan Clip Art yang disertakan dalam Microsoft Office, file yang dikembangkan menggunakan editor grafis (misalnya, CorelDraw, Adobe Photoshop), dan juga menggunakan gambar yang diperoleh dari pemindai. FrontPage memungkinkan Anda mengimpor file dalam format berikut:

• JPEG (JPG)
• BMP (Windows atau OS/2)
• TIF(TIF)
• WMF (Metafile Windows)
• Raster MATAHARI (RAS)
• EPS (Skrip Tambahan Terenkapsulasi)
• PCX (Kuas)
• TGA(Targa)
• PCD (CD Foto Kodak)

Secara default, format yang diimpor selain GIF dan JPEG dikonversi ke GIF oleh FrontPage.

Jika Anda memutuskan untuk menggunakan gambar grafik sebagai latar belakang halaman Web dan sudah disiapkan, maka untuk mempermudah penempatannya, letakkan gambar tersebut di folder gambar situs Web Anda, karena FrontPage akan mulai mencarinya di sana. Setelah itu, Anda dapat mulai membuat latar belakang halaman dengan mengikuti langkah-langkah berikut:

1. Buka situs yang dibuat.

2. Buka halaman beranda dengan mengklik dua kali pada panel Daftar folder(Daftar Folder) pada file index.htm.

3. Di menu Mengajukan(File) pilih perintah Properti(Properti) atau pilih perintah menu konteks halaman Properti halaman.

Properti halaman(Properti Halaman) buka tab Latar belakang(Latar belakang).

5. Pilih kotak centang yang terletak di bagian atas kotak dialog Gambar latar belakang(Gambar latar belakang).

6. Centang juga kotaknya Substrat(Tanda Air). Jika dipasang, maka saat Anda menelusuri halaman Web menggunakan bilah gulir, gambar latar belakang tidak bergeser relatif terhadap objek yang terletak di halaman tersebut.

7. Untuk menentukan nama dan lokasi file grafik yang isinya akan digunakan sebagai latar belakang, klik tombol Tinjauan(Jelajahi). Kotak dialog terbuka di layar Pilih kertas dinding(Pilih Gambar Latar Belakang) (Gbr. 15.5), dalam daftar Map(Lihat ke dalam) yang menunjukkan nama situs Web yang terbuka.

Beras. 15.5. Kotak dialog untuk memilih gambar grafis dari latar belakang halaman.

8. Jika Anda menempatkan file grafik di folder gambar, buka, pilih file yang disiapkan untuk latar belakang halaman dan klik tombol OKE.

9. Jika Anda tidak berhati-hati dalam menempatkan file di folder situs Web sebelumnya, gunakan tombol yang terletak di sebelah kiri kotak dialog untuk mencarinya Pilih gambar latar belakang. Tombol Majalah(Sejarah), Dokumen saya(Dokumen Saya) Meja(Desktop) Favorit(Favorit), Lingkungan jaringan saya(Tempat Jaringan Saya) memungkinkan Anda mencari file dalam folder Terkini, Dokumen saya, Meja, Favorit Dan Lingkungan jaringan saya, masing-masing. Tombol Temukan di Internet(Search the Web) meluncurkan browser untuk mencari file di Internet yang dapat digunakan sebagai latar belakang halaman Web.

Setelah memilih file yang diperlukan, klik OK Pilih kertas dinding.

10. Kembali ke kotak dialog Properti halaman, tekan tombolnya OKE untuk menutupnya. File grafik yang dipilih akan digunakan sebagai latar belakang halaman saat ini.

Pada Gambar. Gambar 15.6 menunjukkan halaman Web yang menggunakan file dari perpustakaan Windows sebagai gambar latar belakang.

Beras. 15.6. Gambar grafis digunakan sebagai latar belakang

Anda dapat menggunakan satu gambar grafik pada beberapa halaman situs Web sebagai latar belakang dengan mengaturnya di kotak dialog Properti halaman kotak centang Dapatkan informasi latar belakang dari halaman lain(Dapatkan informasi latar belakang dari halaman lain). Dalam hal ini, jika Anda memutuskan untuk mengubah latar belakang, tidak perlu mengubahnya di semua halaman yang menggunakan gambar yang sama - cukup lakukan pada satu halaman. Mari kita lihat urutan tindakan saat menggunakan flag ini:

1. Buka situs webnya.

2. Buka halaman beranda Anda dengan mengklik dua kali pada panel Daftar folder(Daftar Folder) dengan nama file index.htm.

3. Di menu Format(Format) pilih perintah Latar belakang(Latar belakang).

4. Pada kotak dialog yang terbuka Properti halaman di tab Latar belakang(Latar Belakang) centang kotak Gambar latar belakang(Gambar latar belakang) dan Substrat(Tanda Air).

5. Klik tombol Tinjauan terletak di sebelah bidang di mana nama file grafik akan ditempatkan.

6. Pada kotak dialog yang terbuka Pilih kertas dinding(Pilih Gambar Latar Belakang) pilih file grafik yang ingin Anda gunakan sebagai latar belakang halaman dan klik tombol OKE.

7. Klik tombol OKE untuk menutup kotak dialog Properti halaman.

8. Simpan halaman web dengan gambar latar belakang yang ditempatkan dan file grafik asli dalam sebuah folder gambar.

9. Buka halaman kedua situs Web dalam mode pengeditan.

10. Buka kotak dialog untuk halaman ini Properti halaman.

11. Di tab Latar belakang(Latar Belakang) kotak centang Dapatkan informasi latar belakang dari halaman lain(Dapatkan informasi latar belakang dari halaman lain).

12. Klik tombol di sebelah kotak centang Tinjauan.

13. Pada kotak dialog yang terbuka Situs web saat ini(Web Saat Ini) (Gbr. 15.7) pilih dari folder gambar halaman Web yang disimpan dengan grafik latar belakang dan klik tombol OKE.

14. Tekan tombol OKE untuk menutup kotak dialog Properti halaman.

Beras. 15.7. Kotak Dialog Situs Web Saat Ini

Sekarang, jika Anda ingin mengubah gambar latar belakang di semua halaman situs Web, Anda hanya perlu mengikuti langkah-langkah berikut:

1. Tempatkan grafik baru ke dalam folder gambar situs web.

2. Buka jendela properti halaman yang terletak di dalam folder gambar, yang gambar latar grafisnya telah Anda tetapkan.

3. Ubah gambar latar belakang menggunakan file grafik baru yang terletak di folder ini.

4. Tutup jendela properti halaman.

Apa yang dapat Anda tambahkan ke situs Anda untuk meningkatkan pengalaman visual? Bisa mengatur latar belakang halaman

. Halaman putih dengan latar belakang abu-abu terlihat jauh lebih baik.

Tujuan dari latar belakang halaman adalah untuk menekankan dan memusatkan perhatian pada konten situs, dan bukan untuk mengganggu. Oleh karena itu, sebaiknya menggunakan latar belakang netral. Biasanya warnanya abu-abu.

Mari tambahkan latar belakang ke halaman kita. Izinkan saya mengingatkan Anda bahwa website kami sekarang terlihat seperti ini (klik link). 1. Untuk menambahkan background, buka program Frontpage dan di menu"Format" tekan

" Latar belakang"

3. Klik "Lainnya..."

4. Tetapkan nilai berikut:

Rona: 160, Kontras: 0, Kecerahan: 216,

Merah: 230, Hijau: 230, Biru: 230 dan klik di mana saja

" OKE"

5. Setelah semua manipulasi kami, semuanya dicat abu-abu, mis.

latar belakang halaman dan halaman itu sendiri menjadi abu-abu terang.

6. Untuk melakukan ini, klik kanan pada halaman dan pilih "Properti Sel"

7. Selanjutnya: "Latar Belakang" - "Warna" - "Warna Putih" - "Terapkan" - "OK"

9. Jadi, kami membuat latar belakang pada halaman situs. Sekarang halamannya sendiri berwarna putih dan latar belakangnya berwarna abu-abu muda:

Halaman ini terlihat jauh lebih mudah dibaca dan tidak menyatu dengan latar belakang.

Klik link untuk melihat halaman situs dalam ukuran aslinya.

Sebuah program yang dengannya Anda dapat dengan mudah memahami prinsip dasar mendesain halaman Internet, yang memiliki beragam pilihan alat tambahan untuk membuat situs dan portal Internet yang kompleks.

Secara singkat tentang program Microsoft FrontPage

Ini adalah editor Web yang mudah dipelajari dan nyaman untuk merancang, menyiapkan, dan menerbitkan situs Web. Berkat integrasi dengan rangkaian produk MS Office, antarmuka yang familier, dan templat yang berlimpah, program ini memungkinkan bahkan pengguna pemula yang akrab dengan dasar-dasar bekerja di MS Word untuk menguasai pekerjaan dengan cepat. Pada saat yang sama, FrontPage tidak dapat disebut sebagai solusi untuk "boneka": program ini menyediakan fungsionalitas yang luas dan beragam alat untuk mengoptimalkan halaman Internet.

Perlu dicatat bahwa nama Microsoft FrontPage ada hingga tahun 2003, kemudian dilengkapi dengan fungsi baru dan nama perangkat lunak itu sendiri diubah. FrontPage berganti nama menjadi Microsoft Expression Web pada tahun 2007 dan Microsoft Office SharePoint Designer pada tahun 2010. Faktanya, beberapa tambahan ditambahkan ke versi baru, namun tampilan dasar program tetap dipertahankan.

Alat program dasar

Tampilan umum program Microsoft FrontPage

Microsoft FrontPage memiliki banyak kesamaan dengan alat MS Word, sehingga banyak tombol dan tab menu juga intuitif, sehingga membuat proses pembuatan halaman menjadi lebih mudah. Banyak orang sudah mengetahui cara mengetik dan memformat teks sederhana, membuat tabel di Microsoft Word, dan prinsip yang sama berlaku untuk mengedit halaman di FrontPage. Gambar di sebelah kanan menunjukkan tampilan umum program dengan seperangkat alat standar yang dapat digunakan untuk membuat templat halaman dengan teks, link, dan gambar. Buka tab "Tampilan", lalu "Bilah Alat" dan pastikan "", "Standar Pemformatan " Dan " Tabel

• Di Desainer, semua pengeditan dimasukkan, teks diketik dan diformat, gambar disisipkan, tautan dibuat, latar belakang dan warna font diubah dengan cara yang sama seperti di Microsoft Word.
• Di tab "Kode" Anda dapat melihat apa yang disebut kode HTML. HTML adalah bahasa markup standar untuk dokumen di World Wide Web. Sebagian besar halaman web dibuat menggunakan HTML. Di tab ini Anda juga dapat mengedit halaman, tetapi Anda perlu mengetahui bahasa markup ini. Namun, pemula harus melakukan semua perubahan pada konstruktor dan semua perubahan pada HTML akan terjadi secara otomatis.
• Di tab "Tampilan" Anda dapat melihat tampilan halaman langsung di browser (misalnya Internet Explorer)

Untuk penjelasan rinci tentang menu, tombol, dan fungsi Microsoft FrontPage lainnya, lihat Bantuan program. Untuk melakukan ini, tekan tombol "F1".

Membuat template untuk halaman di FrontPage

Memasukkan tabel utama di editor

Jadi, untuk membuat template sederhana, Anda perlu memasukkan tabel dengan tiga blok. Tiga blok adalah standar sederhana: blok atas untuk nama situs, blok kedua untuk tautan navigasi situs, blok ketiga untuk teks, gambar, dan informasi lain di halaman. Anda dapat memasukkan lebih banyak blok meja untuk kenyamanan, tetapi tergantung selera bagaimana, berapa banyak, dan ukuran untuk membuat blok-blok tersebut. Ada cara lain untuk membuat blok bukan dengan membuat tabel, tetapi dengan memasukkan apa yang disebut elemen "div" ke dalam halaman dan menetapkan gaya tertentu padanya, namun metode ini bukan untuk webmaster baru, dan artikel terpisah dapat ditulis tentang ini.

1. Untuk menyisipkan tabel, buka tab “Tabel” > “Sisipkan” > “Tabel” dan isi kolomnya, seperti yang ditunjukkan pada gambar di sebelah kanan. Sebenarnya, Anda dapat memasukkan parameter Anda sendiri, tetapi tabel ini memiliki lebar tetap dan dibentangkan hingga 100% area layar. Dengan cara ini tabel akan ditampilkan secara kompak di browser.
2. Maka Anda perlu menyesuaikan ketiga sel, karena tingginya sama setelah dimasukkan. Klik kanan pada sel paling atas dan buka "Properti Sel", di bidang ketinggian masukkan "150" secara kondisional dan centang kotak "dalam titik", mis. Ukuran sel akan menjadi 150 piksel. Di menu yang sama, kita bisa memilih warna latar belakang sel, dan dengan mengklik menu “gaya…”, Anda dapat membuat pengaturan sel lainnya, misalnya memilih warna dan ukuran batas sel, Anda bisa bereksperimenlah dengan ini dan lihat hasilnya. Di sel itu sendiri Anda dapat memasukkan nama situs.
3. Selanjutnya, kita edit sel kedua, yang ditujukan untuk link navigasi situs. Kami mengatur lebarnya menjadi sekitar 40 piksel, ini sudah cukup, dan kami juga menyesuaikan pengaturan lainnya, seperti warna latar belakang dan margin, sesuai selera Anda. Selanjutnya kita tuliskan nama linknya sendiri, dipisahkan dengan tanda garis vertikal atau tanda lainnya (Anda dapat melihatnya di bawah dengan mendownload template keseluruhan). Pilih tes dan tekan tombol perataan tengah, seperti di MSWord. Dengan cara yang sama, Anda dapat mengubah font, ukuran font, dan pengaturan teks lainnya.
4. Kami juga menyiapkan sel terakhir. Ini ditujukan untuk teks utama, di mana Anda dapat memasukkan teks ucapan.
5. Terakhir, Anda dapat membuka tab “File” > “Properties”, di mana Anda dapat memasukkan nama situs dan mengubah latar belakang umum halaman dan pengaturan umum lainnya

Templatnya sekarang sudah siap. Ini adalah kerangka untuk semua halaman situs berikutnya. Berikut tampilan situs dalam kode HTML:

Beginilah cara kami mendapatkan templat untuk situs tersebut

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "teks/html; rangkaian karakter=windows-1251"> < title >Nama situs < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >Nama situs < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >Rumah | < b >Halaman 2 | < b >Halaman 3 | < b >Halaman 4 | < b >Halaman 5 | < b >Kontak < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Teks halaman beranda. Di sini Anda dapat menyisipkan teks ucapan dan menulis secara singkat untuk apa situs tersebut didedikasikan.

Kode HTML ini dapat langsung dimasukkan ke dalam editor di tab “Kode” dan Anda akan langsung melihat template yang sudah jadi. Itu dapat diubah dan diedit sesuai kebutuhan Anda. Di sini perlu dijelaskan bahwa di mana teks utama disisipkan dan agar tidak terletak dekat dengan kolom, teks tersebut dibingkai dalam tag “div”, dengan pengaturan indentasi, seperti yang ditunjukkan pada contoh.

Templat Tambahan

1. Perlu Anda ketahui juga bahwa dalam program FrontPage, dan program serupa lainnya, terdapat template standar yang dapat digunakan untuk membuat halaman, template tersebut mudah diedit dan Anda dapat menyesuaikan template apa pun sesuai kebutuhan Anda; Untuk memilih templat standar, buka tab "File" > "Buat..." di jendela yang terbuka, pilih "Templat halaman lain", di mana Anda dapat memilih templat apa pun yang Anda suka.
2. Ada opsi kedua - unduh seluruh template dari Internet. Ada banyak situs yang menyediakan layanan seperti itu. template bisa berbayar atau gratis. Setelah mengunduh templat ini atau itu, Anda dapat mengeditnya di program, mengisinya dengan konten yang diperlukan, dan mengubah gaya elemen ini atau itu.

Gunakan tata letak tabel dan tema standar

Microsoft FrontPage menyediakan alat yang bagus untuk tata letak tabel siap pakai dan tema untuk pembuatan situs web

Perlu Anda ketahui bahwa Microsoft FrontPage memiliki seperangkat tata letak tabel dan tema standar yang dapat membantu Anda mempelajari seni membuat halaman biasa atau situs kartu nama. Jadi di kanan atas ada menu drop-down (lihat gambar di sebelah kanan, yang juga menunjukkan hasil penggunaan layout tabel dan tema desain), dengan mengklik, akan muncul menu di mana Anda perlu memilih “Layout tabel dan sel” dan kemudian banyak tata letak tabel yang berbeda akan muncul di bawah, Anda dapat memilih sesuai kebijaksanaan dan selera Anda. Ini membebaskan Anda untuk membuat tabel sendiri secara manual.

Jadi, dengan mengetik atau menempelkan teks, logo, tautan ke dalam sel tabel, dengan masuk ke menu yang sama, Anda dapat memilih menu “Tema”, di mana Anda dapat memilih berbagai tema untuk desain halaman, tautan, halaman latar belakang dan banyak lagi. Peluang ini bagus bagi mereka yang baru belajar cara membuat halaman Internet dan cukup jelas mencerminkan proses pembuatan website. Dengan kata lain, di Microsoft FrontPage Anda dapat bereksperimen dengan pengaturan yang berbeda dan melihat dengan jelas bagaimana halaman tertentu diubah. Di sini Anda dapat memberikan satu saran: pelajari semua fungsi program dan jangan takut untuk memanfaatkan menu ini atau itu, karena setiap alat memiliki properti dan tujuan masing-masing untuk membuat halaman lengkap

Sisipkan gambar dan buat tautan ke halaman

Penting bagi webmaster pemula untuk mengetahui cara menyisipkan gambar ke dalam suatu halaman dan membuat link ke halaman lain. Misalnya, alih-alih teks nama situs, Anda bisa menyisipkan gambar logo situs. Caranya, pertama-tama klik kolom tempat Anda ingin menyisipkan gambar, lalu di bagian paling atas klik tab “Sisipkan” > “Gambar” > “Dari File”, pilih gambar yang diinginkan dan klik “Sisipkan”, setelah itu dimana gambar tersebut akan muncul pada halaman tersebut. Dengan mengklik kanan pada gambar Anda dapat masuk ke menu dengan pengaturan gambar tambahan. Penting bahwa semua gambar berada dalam satu folder yang ditentukan secara ketat untuk semua gambar.

Untuk membuka halaman lain di situs, Anda perlu membuat tautan sehingga pengguna dapat mengunjungi semua halaman situs. Untuk melakukan ini, Anda perlu memilih teks yang diinginkan untuk tautan dan pergi ke tab “Sisipkan” > “Hyperlink”, di menu yang terbuka Anda perlu menunjukkan halaman tempat tautan dibuat dan klik “ok” . Di jendela yang sama terdapat pengaturan lain untuk link, seperti apakah akan membuka link di jendela baru atau tidak. Pada prinsipnya, Anda dapat mempelajarinya sendiri.

Kesimpulan

Pada intinya, editor-editor ini mirip satu sama lain dan memiliki fungsi serta menu yang serupa. Setelah menguasai pengaturan dasar, Anda dapat dengan mudah membuat situs web di editor lain. Setelah menguasai prinsip-prinsip ini, Anda dapat beralih ke metode desain situs web yang lebih kompleks - menggunakan apa yang disebut CSS. Anda dapat membaca tentang apa itu dan cara mengedit desain website di artikel tentang CSS.

Kekurangan dari metode “template” ini adalah setiap halaman harus dibuat secara terpisah berdasarkan template yang dibuat. Ketika, seperti ketika membuat situs web menggunakan apa yang disebut mesin, pembuatan halaman terpisah tidak diperlukan, halaman tersebut dibuat secara otomatis saat konten ditambahkan

Jika Anda memiliki pertanyaan tentang artikel atau penggunaan program tersebut untuk membuat situs web, Anda dapat menanyakannya di thread diskusi forum kami.

Artikel tentang topik serupa

Sebelum Anda mulai bekerja di FrontPage, saya sarankan Anda membuat folder khusus untuk situs Anda. Ini bisa disebut “situs”, “situs saya”, “situs super-duper saya”, atau, jika Anda lebih suka bahasa Inggris, “situs saya”, “situs”.

Sayangnya, file dengan nama Rusia tidak berfungsi di Internet (tetapi ini tidak berarti bahwa file tersebut tidak akan berfungsi di komputer Anda), jadi, karena kebiasaan lama, saya akan menggunakan folder default lokasi. Anda juga bisa mulai mengembangkan kebiasaan ini, tapi ini hanya atas permintaan Anda :)

Anda dapat menempatkan folder yang dibuat di mana saja, di drive C, di "My Documents", di desktop... pada prinsipnya, tidak masalah, yang utama adalah Anda memiliki nyaman untuk bekerja dengannya.

Namun, saya tidak menyarankan Anda membuat folder langsung di desktop Anda. Jalur ke sana (Anda dapat melihatnya di properti folder, atau di folder itu sendiri, ditunjukkan di baris "alamat"), dalam hal ini, akan sangat panjang. Misalnya: "C:Dokumen dan PengaturanUsersUser001desktopsite". Benar, bisa singkat, misalnya: “C:WINDOWSDesktopsite”. Itu semua tergantung pada pengaturan komputer Anda.

Jika pathnya ternyata masih panjang, maka Anda bisa membuat folder untuk situs tersebut di drive C (atau D), maka pathnya akan jauh lebih pendek: “C:site”. Dan untuk membuka folder dengan cepat dan mudah, Anda perlu membuat pintasan ke folder tersebut dan meletakkannya di tempat mana pun yang nyaman bagi Anda, misalnya, di desktop yang sama.

Mengapa peduli dengan ukuran jalur folder? Ini tidak akan mempengaruhi kualitas pembuatan situs web dengan cara apa pun, tetapi saya telah belajar dari pengalaman saya sendiri bahwa bekerja dengan folder yang jalurnya tidak terlalu panjang jauh lebih nyaman. Contohnya akan menggunakan jalur berikut ke folder “C:Documents and Settingssite”

Folder terpisah untuk situs tersebut - masalahnya sangat nyaman, terkadang bahkan tak tergantikan. Materi dan halaman yang Anda buat tidak akan hilang di mana pun, tetapi akan diam-diam disimpan di folder tersendiri.

Dengan menggunakan FrontPage, membuat situs web seharusnya tidak sulit bahkan bagi pengguna yang kurang berpengalaman sekalipun. Misalnya, Anda dapat memilih situs web yang sudah jadi, mengubah data standar menjadi milik Anda sendiri, menambahkan sesuatu, menghapus sesuatu, dan hanya itu, situs tersebut dapat diposting di Internet. Anda dapat membuat situs web baru dengan memilih Mengajukan(Berkas) | Membuat(Baru). Jendela berikut akan terbuka di sebelah kanan ruang kerja:

Dengan mengklik tautannya Templat Situs Web Lainnya Anda akan melihat bahwa ada lebih banyak jenis situs web dari satu halaman hingga perusahaan. Demi eksperimen, Anda dapat mencoba memilih situs web dan membuat situs di template ini.

Tapi sebenarnya saya tidak mendukung cara membuat situs ini, karena FrontPage membuat banyak folder yang tidak diperlukan untuk situs web yang sudah jadi. Dan secara umum, ada banyak hal yang tidak perlu.

Oleh karena itu, saya mengusulkan pendekatan yang sedikit berbeda. Saya sarankan membuat website dari awal dengan memilih opsi di jendela buat halaman baru Halaman kosong. Atau Anda tidak dapat memilih apa pun, tetapi cukup tutup jendela untuk membuat halaman baru, karena item ini sudah dipilih secara default.

Dan di ruang kosong ini kita akan mulai membuat halaman pertama situs tersebut, atau lebih tepatnya, templatnya.

Jika Anda kurang lebih familiar dengan Internet, Anda mungkin memperhatikan bahwa banyak situs terdiri dari tabel. Beberapa tabel terlihat jelas, yang lainnya sama sekali tidak terlihat. Inilah yang akan kami lakukan situs yang terdiri dari tabel.

Sekarang tabel sebagai sarana untuk membuat kerangka kerja secara bertahap menjadi usang; tata letak menggunakan lapisan. Namun tabel masih merupakan cara sederhana dan efektif untuk memformat halaman. Sebagai permulaan, ini tepat.

Ada beberapa cara membuat tabel di FrontPage. Sekarang saya akan menjelaskan masing-masing secara detail, sehingga nantinya Anda dapat memilih sendiri yang paling cocok. Namun karena Anda hanya dapat belajar melalui latihan, saya menyarankan Anda tidak hanya membaca teks di bawah ini, tetapi juga mengikuti semua langkah yang dijelaskan.

Jadi, cara pertama. Dari bilah menu perintah, pilih perintah Meja(Tabel), dan di menu tarik-turun - item Menyisipkan(Masukkan) dengan panah. Gerakkan mouse Anda ke atas panah ini dan menu drop-down lainnya akan terbuka di depan Anda. Pilih sebuah item Meja(Meja).

Cara membuat tabel di FrontPage yang pertama adalah menggunakan menu Meja

Setelah memilih perintah ini, sebuah jendela akan terbuka di depan Anda di mana Anda dapat menentukan berbagai parameter untuk tabel yang sedang dibuat.

Parameter apa yang dapat Anda atur? Di wilayah pertama Ukuran Anda dapat memilih jumlah yang dibutuhkan garis(baris) dan pembicara(kolom).

Di area berikutnya Posisi(Tata Letak) dapat disesuaikan:

• lokasi tabel di halaman - untuk ini di lapangan Penyelarasan(Aligment) Anda harus memilih salah satu dari nilai berikut:

• Bawaan(Default) - maka tabel akan ditempatkan sesuai kebijaksanaan browser pengguna, kemungkinan besar di tepi kiri;
• Kiri(Kiri);
• Benar(Benar);
• terpusat(Tengah);

• jarak antara batas sel dan isinya - untuk melakukan ini, masukkan nilai yang diperlukan di bidang Margin sel(Bantalan Sel);
• jarak antar sel tabel - untuk melakukan ini, cukup masukkan nilai yang diperlukan di bidang Jarak sel(Jarak Sel);
• lebar tabel - perhatikan jika kotak centang Lebar yang tepat(Tentukan lebar) dihapus, ukuran tabel hanya akan bergantung pada isinya. Jika kotak centang dicentang, Anda dapat menunjukkan lebarnya dalam piksel(dalam piksel) atau dalam persen(dalam persen). Saya akan langsung mengatakan bahwa lebar tabel utama (yang sedang kita buat sekarang) lebih baik dilakukan dalam persentase, kemudian akan berubah tergantung pada ukuran jendela pengguna.

Di daerah Perbatasan(Perbatasan) dapat dikonfigurasi:

• lebar batas tabel - untuk melakukan ini, Anda hanya perlu memasukkan nilai yang diperlukan di bidang Ukuran Perbatasan(Ukuran batas);
• warna, sisi terang dan gelap meja

Di daerah Latar belakang(Background) Anda dapat mengatur warna untuk background tabel atau memilih gambar background.

Sebagai contoh, mari kita ambil pengaturan yang saya tentukan sebelumnya. Memilih OKE dan lihat hasilnya.

Besar! Sekarang mari kita coba gunakan untuk perbandingan cara kedua membuat tabel di FrontPage. Di bilah alat Standar(Standar) temukan ikonnya Tambahkan tabel(Sisipkan Tabel) dan klik di atasnya. Ini akan membuka tata letak tabel kecil.

Cara cepat untuk membuat tabel adalah dengan menggunakan tombol Tambahkan tabel(Masukkan Tabel)

Sambil menahan tombol kiri mouse, pilih jumlah baris dan kolom yang diperlukan. Jadi, misalnya, dua baris dan satu kolom disorot pada gambar. Jika Anda menggerakkan mouse ke batas kanan atau bawah tata letak, itu akan meluas. Setelah Anda melepaskan tombol mouse, tabel itu sendiri akan langsung muncul.

Cara membuat tabel ini jauh lebih mudah dan cepat dibandingkan cara pertama. Ada satu "tetapi" - di sini Anda tidak dapat menentukan terlebih dahulu parameter tabel yang sedang dibuat. Oleh karena itu, jika Anda akan membuat tabel lain menggunakan metode kedua, Anda hanya dapat mengubah parameternya setelah Anda membuatnya.

Saya akan memberi tahu Anda cara melakukannya nanti, tetapi sekarang lebih visual, cara ketiga membuat tabel. Ini - meja gambar dengan mouse. Kami tidak akan menggunakannya sekarang, tetapi jika Anda perlu membuat tabel yang rumit, Anda akan tahu cara melakukannya.

Langkah pertama sama persis dengan kasus pertama. Di bilah menu perintah, Anda harus memilih perintah Meja(Meja). Namun langkah selanjutnya benar-benar berbeda. Saat Anda memilih tim Meja(Tabel), menu drop-down akan terbuka di depan Anda. Perhatikan baik-baik, ada panah ganda di bagian bawah. Gerakkan mouse Anda ke atas panah ini. Sekarang Anda memiliki seluruh daftar perintah di depan Anda.

Menu perintah Meja

Kali ini kami butuh satu poin Gambarlah sebuah meja(Gambar Tabel). Klik. Jendela kecil berikut akan terbuka.

Menggambar tabel terdiri dari beberapa tahap: menggambar garis luar persegi panjang tabel, menggambar garis yang membagi tabel menjadi baris dan kolom, dan menghapus garis berlebih.

Pertama, pastikan alat menggambar tabel diaktifkan (alat ini akan muncul dengan latar belakang yang lebih terang dibandingkan tombol lainnya). Nah, ketika kursor memasuki area dokumen, maka akan berbentuk pensil.

Sekarang gerakkan kursor mouse Anda ke titik kiri atas tabel yang diusulkan. Kemudian, tekan dan tahan tombol kiri mouse, pindahkan ke pojok kanan bawah tabel yang dituju dan lepaskan tombolnya. Hasilnya, garis luar tabel akan muncul.

Sekarang, dengan menggunakan pensil yang sama, gambarlah garis-garis yang membentuk struktur bagian dalam tabel.

Anda dapat menghapus garis yang tidak perlu menggunakan alat ini Penghapus(Penghapus). Sangat mudah untuk digunakan. Di bilah alat Meja(Tabel) klik tombol Penghapus(Penghapus). Kemudian gerakkan kursor mouse ke garis yang ingin Anda hapus dan seret sepanjang garis tersebut. Garis yang terhapus akan berubah menjadi merah. Untuk menonaktifkan mode penghapus, klik tombol Penghapus(Penghapus) lagi.

Dengan menggunakan metode ini Anda juga bisa menggambar tabel yang bagus, tapi mari kita kembali ke tabel sebelumnya. Kami akan bekerja dengannya sekarang.

Baris pertama dapat dibiarkan untuk nama situs, logo, dll. Inilah yang disebut bagian atas situs. Biasanya dibiarkan sama untuk semua halaman situs. Baris berikutnya biasanya berisi teks, gambar, foto, singkatnya, informasi. Ada baiknya untuk menyisakan ruang di bagian bawah untuk counter yang akan menghitung jumlah pengunjung. Anda juga bisa menulis nama pembuat situs di sana :).

Tapi kami hanya punya dua baris! Akankah kita benar-benar harus memulai dari awal lagi? Tidak, apa yang kamu! Kami hanya akan menyisipkan baris lain. Ada beberapa cara untuk melakukan ini.

Misalnya, jika toolbar Anda masih terbuka Meja(Tabel), baris baru dapat ditambahkan dengan mengklik tombol Tambahkan baris(Masukkan baris). Jangan lupa letakkan kursor pada salah satu baris tabel sebelum melakukan hal ini. Baris baru akan muncul sebelum garis tempat kursor berada.

Cara menyisipkan baris selanjutnya juga cukup sederhana. Untuk memulai, Anda hanya perlu memilih salah satu baris yang ada, klik tombol kanan mouse dan... Tapi tunggu dulu, bagaimana cara memilih sebuah baris? Tidak ada yang rumit juga di sini. Cukup gerakkan mouse Anda ke atas garis yang ingin Anda sorot.

Kemudian tunggu hingga berubah menjadi panah dan klik.

Baris yang disorot terlihat seperti ini:

Dan sekarang, tanpa menghapus pilihan, klik kanan pada baris yang dipilih. Submenu akan terbuka di depan Anda.

Dari semua poin yang tidak diragukan lagi berguna ini, sekarang kita hanya memerlukan satu: Tambahkan garis(Masukkan baris).

Ngomong-ngomong, Anda tidak perlu memilih garisnya, tetapi cukup klik kursor di dalamnya. Namun Anda tetap membutuhkan keahlian dalam memilih tabel, baris dan kolom, jadi biasakanlah :)

Metode memasukkan baris baru ke dalam tabel berikut ini jauh lebih nyaman. Dan sekarang Anda sendiri akan mengerti alasannya. Tempatkan kursor pada baris di atas (di bawah) tempat Anda akan menambahkan baris baru. Kemudian merujuk pada poin favorit kami Meja(Tabel), yang terletak di baris perintah. Pilih dari menu tarik-turun Menyisipkan(Masukkan) | Baris atau Kolom(Baris atau Kolom). Jendela berikut akan terbuka.

Soalnya, di bagian bawah jendela Anda dapat memilih lokasi garis baru - di atas garis yang dipilih (atas) atau di bawahnya (bawah). Perlu diketahui bahwa saat menggunakan dua metode pertama, kami tidak diberikan pilihan seperti itu. Mari kita tentukan jumlah garisnya, klik OK dan lihat apa yang kita dapatkan.

Sekarang kita memiliki tiga baris. Ada tempat untuk semuanya, yang tersisa hanyalah menentukan di mana menempatkan struktur situs kami. Apakah kamu sudah melupakannya? Sekarang kita akan melihat cara termudah untuk menempatkan struktur pada halaman - dengan menempatkannya di baris kedua, di sebelah tengah "informasi".

Untuk melakukan ini, mari buat tabel lain dengan dua kolom di baris kedua. Kita sudah mengetahui cara membuat tabel baru. Selain itu, kami mengetahui tiga cara untuk melakukan ini! Yang mana yang akan kita gunakan kali ini?

Mari kita gunakan yang pertama untuk saat ini, karena kita perlu menyesuaikan parameter tabel dari awal. Jalur untuk membuat tabel: Meja(Tabel) | Menyisipkan(Masukkan) | Meja(Meja).

Di jendela yang terbuka, tandai satu baris, dua kolom, dan lebar batas tabel sama dengan nol. Atur lebar tabel menjadi 100% dan klik OK. Seluruh tabel sekarang terlihat seperti ini:

Titik-titik kecil di baris kedua adalah tabel “tidak terlihat” yang sama. Lebih tepatnya sekarang sudah terlihat jelas, tapi itu hanya karena kita sedang dalam mode edit. Dan ketika kita beralih ke mode tampilan, tabel tersebut tidak akan terlihat.

Kami hanya membutuhkan pelat “tak terlihat” ini untuk memodelkan tampilan meja, jadi kami membuatnya “tidak terlihat”. Sekarang Anda perlu memasukkan tabel lain ke kolom kiri. Jumlah garis harus sama dengan jumlah poin utama dari struktur yang telah Anda susun. Tidak perlu membuat kolom!

Apakah kamu sudah kehilangan daunnya? Kemudian kami mentransfer nama semua halaman utama (bagian) ke tabel kami. Nama halaman internal (subbagian) tidak perlu dicantumkan di sana. Untuk memasukkan judul halaman ke dalam tabel, cukup klik mouse di tempat teks akan ditempatkan dan ketik di keyboard.

Saya akan memberi tahu Anda lebih detail tentang memasukkan teks dan mengubah tampilannya saat kami mengisi situs dengan informasi.

Dan sekarang, seperti yang dijanjikan, saya akan memberi tahu Anda cara mengubah parameter tabel setelah pembuatannya. Ingat bagaimana kita menyorot baris tabel? Sekarang kita perlu memilih seluruh tabel.

Jika Anda tidak dapat memilih tabel “secara manual”, Anda cukup mengikuti jalurnya Meja(Tabel) | Memilih(Pilih) | Meja(Meja). Sekarang, tanpa menghapus pilihan, klik kanan pada tabel. Ngomong-ngomong, Anda tidak bisa memilih tabel sama sekali, tapi saya sudah menulis bahwa ini adalah keterampilan yang sangat berguna :)

Menu drop-down yang sudah familiar akan muncul. Hanya saja kali ini kita membutuhkan sebuah item Properti tabel(Properti Tabel). Saat Anda memilih item ini, sebuah jendela akan terbuka yang hampir sepenuhnya mereplikasi jendela untuk menyisipkan tabel baru. Di dalamnya Anda dapat mengubah pengaturan yang ada ke yang baru.

Omong-omong, di FrontPage bingkai tabel juga bisa dibuat "ganda", terdiri dari banyak kotak, dengan bayangan, dll. Semua ini tersedia di menu atas Format(Format) | Perbatasan dan Bayangan(Batas dan Bayangan)

Di tab pertama - Kerangka(Borders) Anda dapat mengubah tampilan batas tabel. Lihatlah kemungkinan hasil setelah mengubah tampilan bingkai tabel.

Di tab kedua - Shading - Anda dapat mengatur gambar latar belakang tabel dan juga memilih warna latar belakang dan teks. Namun memilih warna yang tepat tidaklah mudah sama sekali... Oleh karena itu, kita akan menyelesaikannya hari ini, dan kita akan membicarakan warna pada pelajaran berikutnya.

Tapi, tunggu, apa yang harus dilakukan dengan karya seni kita, mis. dengan tanda-tanda yang diciptakan? Ini sangat sederhana. Mereka perlu dilestarikan. Untuk melakukan ini, pilih di menu atas Mengajukan(Berkas) | Simpan sebagai(Simpan sebagai). Temukan folder di komputer Anda tempat kami sepakat untuk meletakkan situs tersebut dan simpan dokumen Anda di dalamnya dengan nama indeks.

Mengapa mengindeks? Ya, hanya karena halaman utama situs selalu ditunjuk dengan cara ini. Dan itulah yang kami lakukan sekarang. Jika sekarang Anda keluar dari FrontPage dan membuka dokumen yang Anda simpan, Anda akan melihat bahwa dokumen tersebut telah disimpan secara otomatis sebagai indeks.htm. HTM adalah kependekan dari HTML, apakah Anda ingat apa itu?

Perlu diingat bahwa format "htm" dan "html" adalah hal yang sangat berbeda. Saya menyarankan Anda untuk segera memilih satu hal agar tidak ada masalah nantinya. Jika Anda memilih akhiran "html", pastikan untuk menambahkannya ke setiap halaman yang Anda simpan, jika tidak maka akan disimpan sebagai "htm" secara default.

Izinkan saya mengingatkan Anda bahwa nama file untuk situs tersebut tidak dapat ditulis dalam huruf Rusia. Kemudian, ketika Anda meletakkan situs Anda di Internet, file-file ini tidak akan terbuka.

Dan satu hal terakhir tentang nama. Menulis nama file dan halaman untuk website dengan huruf kapital tentu saja terpuji, namun sangat merepotkan. Saya merekomendasikan Anda semuanya, semuanya: halaman, gambar, arsip - tulis semuanya dengan huruf kecil. Percayalah, ini akan membantu menghindari banyak ketidakakuratan di masa depan.

Membuka "indeks" yang disimpan

Kami sekarang akan membuka dokumen "indeks" yang kami simpan di folder situs pada akhir hari sebelumnya. Ada beberapa cara untuk melakukan ini. Mari kita lihat masing-masing, agar nantinya Anda bisa memilih sendiri yang terbaik.

Jadi, cara pertama. File indeks adalah file Internet secara default karena formatnya htm (html). Jadi jika Anda membukanya dengan mengklik dua kali maka Anda akan dibawa ke viewport browser.

Cara membuka "indeks" di FrontPage adalah dengan memilih perintah dari baris perintah teratas Mengajukan(File), dan di menu tarik-turun - Edit di Microsoft FrontPage(Edit dengan Microsoft FrontPage).

Jika di menu Mengajukan Anda tidak memiliki item seperti itu, yang berarti FrontPage tidak diinstal di komputer Anda sebagai editor halaman Internet. Untuk memperbaikinya, Anda harus terlebih dahulu membuka program FrontPage itu sendiri, lalu pilih Melayani | Pilihan. Jendela berikut akan terbuka:

Agar situs dapat berfungsi dengan baik, kami memerlukan area tersebut Editor adalah Halaman Depan. Jika tidak ada, klik ikon di pojok kanan atas dan pilih di sana FrontPage (terbuka sebagai HTML). Kemudian klik tombolnya Gunakan sebagai default.

Ini adalah cara pertama untuk membuka file di FrontPage, melalui jendela browser. Namun akan lebih logis jika memperpendek jalur ini. Oleh karena itu, agar tidak membuang waktu, Anda dapat, tanpa membuka file, klik kanan padanya dan pilih dari menu drop-down Buka dengan... (Buka dengan) dan temukan program FrontPage dalam daftar yang tersedia.

Dan yang terakhir, cara ketiga. Pertama, Anda perlu membuka program FrontPage itu sendiri, dan setelah itu buka seluruh situs dengan memilih Mengajukan(Berkas) | Buka situs web(Buka web). Atau, jika Anda baru saja membukanya indeks, memilih File terbaru, dan di menu tarik-turun file yang diinginkan.

Tentu saja, tidak masalah bagaimana Anda membuka halaman "indeks" di FrontPage, yang utama adalah Anda membukanya 🙂 Selamat, satu lagi keterampilan berguna yang diperoleh!