Saya memiliki kecanduan komputer. Kecanduan komputer dan perkembangan anak

Termasuk dalam paket program Microsoft Office mencakup beberapa aplikasi yang memungkinkan Anda membuat, mengedit, dan menghosting halaman Web. Salah satunya adalah program yang relatif sederhana Halaman Depan . Dengan bantuannya, Anda dapat membuat halaman yang sangat kompleks yang akan memenuhi kebutuhan bahkan seorang desainer Web profesional.

Saat membuat halaman Web, Anda harus berusaha memberikan tampilan yang menarik, karena halaman yang menarik lebih sering dikunjungi. Pada saat yang sama, halaman tersebut harus menggabungkan dua properti yang kontradiktif - daya tarik dan memori minimum. Anda dapat menggunakan alat berintensitas rendah dalam jumlah terbatas, misalnya, bunga alih-alih gambar, untuk membuat halaman yang jarang namun sangat menarik, dan, sebaliknya, Anda dapat melengkapinya dengan banyak gambar, warna, format, dan elemen markup lainnya, set dan penempatannya akan memberikan halaman yang dapat dianggap sebagai contoh kaya rasa tidak enak. Proses pembuatan halaman Web bersifat kreatif, oleh karena itu sering disebut desain Web. Diketahui bahwa beberapa desainer Web menghabiskan beberapa bulan untuk membuat halaman yang tidak terlalu rumit, kembali ke sana berkali-kali, mencari cara paling ekspresif untuk mengimplementasikannya, sementara halaman dengan konten yang sama dapat dibuat dalam waktu tidak lebih dari satu jam kerja. . Jika sebuah setelan, setelah dijahit, sulit untuk diubah beberapa kali, maka halaman Web dapat “diubah” dan diperbaiki sebanyak yang diperlukan, sesuai dengan bagaimana seorang penyair meningkatkan karyanya, membawanya ke puncak kesempurnaan.

Namun, tidak semua orang memiliki pendapat yang sama, dengan beralasan bahwa halaman Web adalah informasi untuk didistribusikan, dan untuk itu sama sekali tidak perlu mengubahnya menjadi sebuah karya seni, terutama karena ini membutuhkan banyak waktu.

Kesimpulan praktis berikut ini: tajuk, judul, dan halaman iklan harus dibuat menarik, dan halaman yang dimaksudkan untuk menyebarkan informasi "kering", misalnya, teks pesanan, uraian tugas, rencana apa pun, dll., harus memiliki markup minimum.

1. Antarmuka FP

Front Page, sebuah program untuk membuat dan mengedit halaman Web, terletak di dalam folder Program kantor Microsoft Office.

Setelah meluncurkan FP, sebuah jendela muncul di layar, tampilannya ditunjukkan pada Gambar. 1. Untuk contoh ini, manual ini, yang ditulis menggunakan FP, terbuka untuk diedit di jendela program.


Beras. 1. Jendela program Halaman Depan

Program ini berisi menu dan beberapa toolbar. Pada saat pengguna FP memutuskan untuk mengambil desain Web, dia biasanya sudah menguasai program Word keluarga Microsoft Office, sehingga antarmuka FP, yang dirancang dengan gaya desain Microsoft dan sangat mirip dengan Word antarmuka, tidak akan menimbulkan kesulitan khusus dalam pekerjaan.

Antarmuka program - menu, panel, tombol, dan elemen lainnya - lebih mudah dijelaskan sesuai kebutuhan elemen-elemennya selama pembuatan atau pengeditan halaman Web, contohnya akan dibahas dalam bab ini.

Saat mengembangkan halaman, program secara otomatis membuat file markup, teks yang ditulis FP dalam HTML (HyperText Markup Language). Anda dapat melakukan perubahan pada file ini secara manual (selain itu, teks program dapat dikompilasi dalam editor teks biasa, bahkan yang sederhana, seperti Notepad, tetapi ini terlalu merepotkan). Untuk membuka editor teks FP bawaan, klik pintasan di bagian bawah jendela Kode, lalu buat perubahan di editor teks. Jika pengembang tidak yakin dengan profesionalismenya, lebih baik tidak melakukan perubahan pada teks HTML, karena kesalahan pengeditan akan sulit diperbaiki. Untuk kembali ke halaman yang Anda tandai, klik pintasan Konstruktor.

Untuk melihat tampilan halaman di browser, klik pintasan Melihat. Namun perlu dicatat bahwa hanya halaman yang sangat sederhana yang ditampilkan dengan benar dalam mode ini. Oleh karena itu, lebih baik melihat halaman tersebut di browser profesional, misalnya Firefox. Untuk melakukan ini, temukan file halaman di folder dan buka di browser (biasanya semua halaman Web dibuka di browser).

2. Buat halaman Web baru

Untuk membuat halaman Web baru, klik tombol Membuat halaman reguler baru terletak di panel Standar. Beberapa tombol pada panel ini dengan komentar terkait ditunjukkan pada Gambar. 2.

Anda dapat membuat halaman baru secara berbeda. Di menu Mengajukan klik pada baris tersebut Membuat. Program di sebelah kanan akan menampilkan jendela dengan templat halaman standar. Anda dapat memilih template darinya dan menggunakannya sebagai dasar untuk halaman berikutnya. Jika Anda memerlukan halaman kosong, Anda perlu mengklik template Halaman kosong.

Di FP, Anda juga dapat membuat bingkai yang memungkinkan Anda melihat beberapa halaman Web di layar monitor secara bersamaan. Bingkai adalah halaman Web multi-jendela. Seorang desainer Web pemula harus menahan diri untuk tidak menggunakan bingkai.

Sekarang Anda dapat menyimpan halaman tersebut. Untuk melakukan ini, klik tombol Menyimpan, lalu simpan halaman tersebut sebagai file di disk komputer Anda. Saat menyimpan halaman, lebih baik segera membuat folder terpisah dengan nama yang akan Anda berikan untuk file tersebut. Halaman web biasanya disimpan dalam file dengan ekstensi .htm atau .html(dari nama bahasa HyperText Markup Language - bahasa markup hypertext). Misalnya, jika Anda akan menyimpan file dengan nama tentang.htm, maka Anda harus membuat folder bernama tentang, di area disk tempat halaman Web Anda akan ditempatkan. Sebelum menyimpan halaman pertama, sebaiknya segera buat area tersebut dalam bentuk folder, misalnya folder bernama Halaman web Fedorova. Sekarang Anda harus membuat folder yang disebutkan di dalamnya tentang, dan di dalamnya – simpan halaman tentang.htm.

3. Properti halaman web

Selanjutnya, Anda perlu mengisi beberapa properti halaman penting dengan nilai. Untuk melakukan ini, klik kanan di area halaman, lalu di menu konteks - di telepon Properti Halaman. Kotak dialog akan muncul untuk memasukkan properti halaman (Gbr. 3). Jendela ini memiliki lima tab

Biasa saja, Pemformatan, Selain itu, Lainnya, Bahasa .

Pada Gambar. 3 bookmark diaktifkan di jendela

Biasa saja. Di barisanNama Anda harus memasukkan judul halaman.

Di sini Anda dapat menghubungkan file audio di zona tersebut

Latar belakang suara. Suara tersebut akan menyertai tampilan halaman ini di komputer yang membukanya. Tentunya untuk mendengarkan suara latar, harus dipasang speaker di komputer pengguna. Biasanya, suara latar diputar dengan menggulir file suara dengan ekstensi .wav. Untuk menghubungkan file, klik tombol Tinjauan dan gunakan kotak dialog untuk menghubungkan file tersebut. Untuk halaman biasa, tidak perlu menyertakan file audio.untuk membuat latar belakang halaman. Latar belakang adalah latar belakang utama halaman. Latar belakangnya bisa saja warna atau menggambar. Tampilan jendela properti halaman pada tab Background ditunjukkan pada Gambar. 4.

Jika Anda perlu memilih latar belakang dalam bentuk warna, maka Anda perlu mengklik tombol daftar Latar Belakang

dan pilih warna dari kumpulan warna standar. Keadaan awal diatur ke warna default. Biasanya warna defaultnya adalah putih.

Jika warna yang disarankan tidak sesuai dengan Anda, klik warnanya Kebiasaan(kebiasaan). Di kotak dialog yang terbuka, Anda dapat memilih warna dari 16"777"216 warna mana pun. Jendela untuk memilih warna khusus ditunjukkan pada Gambar. 5.

Untuk memilih warna khusus, Anda harus terlebih dahulu menetapkan warna dasar dari palet utama, lalu klik perkiraan warna di kotak palet di sebelah kanan (titik ini ditandai dengan tanda silang), lalu pilih warna yang diinginkan di kolom di sebelah kanan (ditandai dengan segitiga di sebelah kursor mouse). Dalam kotak "Warna/Isi" Anda dapat mengevaluasi warna yang dipilih secara visual. Di sebelah kanannya, karakteristik spektral warna yang dipilih ditampilkan. Karakteristik ini dapat diubah secara manual.

Jika warna yang dipilih adalah warna (warna) non-standar dan perlu digunakan beberapa kali dalam satu sesi pengeditan, maka Anda dapat menempatkannya di daftar “Warna tambahan” yang terletak di bawah palet utama. Untuk melakukan ini, sebelum memilih, klik pada kotak warna tambahan, pilih warna dan klik tombol “Tambahkan ke set”. Untuk keluar dari jendela, klik tombol OK.

Jika latar belakang halaman harus berupa gambar, maka Anda harus membuka gambar yang diperlukan di tab ini

. Sebaiknya file ini ditempatkan di folder tempat file halaman disimpan. Pada Gambar. 6. menunjukkan contoh background berupa gambar yang disimpan dalam sebuah file kupu-kupu.gif.

Seperti yang dapat dilihat dari Gambar. 6, latar belakangnya adalah pola berulang yang menggambarkan kupu-kupu ( kupu-kupu).

Sebagai perbandingan, pada Gambar. 7 menunjukkan gambar itu sendiri secara terpisah.

Mari kita segera perhatikan bahwa contoh di atas adalah contoh pemilihan media yang buruk, karena gambar mengaburkan margin halaman dan membuatnya, seperti yang mereka katakan, “menyilaukan mata”. Satu-satunya keuntungannya adalah ia dengan jelas menunjukkan bagaimana gambar menciptakan latar belakang halaman.

Jika Anda ingin latar belakang menjadi statis, yaitu agar saat menggulir halaman panjang di browser, latar belakang tetap tidak bergerak, Anda perlu mengatur opsi Jadikan itu sebagai substrat.

Dalam praktiknya, gambar dengan saturasi ringan biasanya dipilih sebagai latar belakang untuk menciptakan latar belakang yang diinginkan, tetapi tidak memusatkan perhatian pengunjung halaman padanya. Namun, pemilihan latar belakang adalah soal selera

jaring perancang.

Biasanya, gambar latar belakang memiliki format berikut:

bmp, gif, jpg , png .

Perlu diingat bahwa gambar biasanya merupakan elemen halaman Web yang paling banyak menggunakan memori. Oleh karena itu, browser membutuhkan waktu paling lama untuk mendownloadnya dari server. Jika kecepatan koneksi rendah, dan halaman yang dimuat berisi beberapa gambar besar, maka memuat halaman ini mungkin memerlukan waktu cukup lama. Penampil halaman tersebut mungkin bosan menunggu pengunduhan selesai dan membatalkannya. Oleh karena itu, Anda harus berusaha meminimalkan volume gambar dan jumlahnya pada halaman.

Latar belakang dianggap memiliki dimensi yang dapat diterima jika volume gambar tidak melebihi 1–5 kilobyte (K). Lebih baik jika kurang dari satu kilobyte. Sebagai perbandingan, katakanlah volume halaman Web itu sendiri biasanya tidak melebihi 10–20 K. Hanya halaman dengan jumlah teks yang banyak yang berukuran besar. Alasannya adalah halaman Web adalah sebuah program (instruksi) tentang bagaimana dan apa yang harus ditempatkan pada layar browser pengguna. Misalnya, jika di tempat ini dan itu di layar Anda perlu menempatkan gambar berukuran 150 K, maka di halaman Web instruksi untuk tujuan ini hanya dapat memakan waktu 50 byte, yaitu 3000 kali lebih kecil dari gambar itu sendiri, yang ditransfer ke komputer penampil secara terpisah dari halaman Web. Karena jumlah instruksi tersebut kecil, ukuran halamannya sendiri juga relatif kecil

Di penanda

Pemformatan Anda juga dapat mengatur warna teks. Di sini Anda dapat mengatur warna hyperlink teks yang akan ditampilkan di browser yang melihat halaman: warna semua hyperlink teks, warna hyperlink yang telah diakses pengguna, warna hyperlink tempat kursor mouse berada. .

Di penanda Selain itu Anda dapat mengatur indentasi halaman dari sudut kiri atas area pandang browser. Secara default, padding diatur ke 8 piksel.

Di penanda

BahasaAnda dapat mengatur bahasa pengkodean teks khusus untuk penyimpanan halaman dan pemuatan halaman.

4. Menggunakan tabel

Tabel mungkin merupakan cara yang paling efektif dan sangat diperlukan untuk menandai halaman Web. Jika Anda bisa melakukannya tanpa latar belakang, maka hampir tidak mungkin melakukannya tanpa tabel.

Setiap tabel terdiri dari sel-sel yang disusun dalam baris dan kolom. Anda dapat menggabungkan masing-masing sel, mengatur lekukan konten internal dari batasnya, mengatur jarak antar sel, mengatur posisi elemen yang ditempatkan di dalamnya, membuat latar belakang terpisah dari sel lain, membuat garis tepi, menyisipkan tabel lain di dalam sel, dan banyak lagi. .

Memasukkan tabel

Untuk menyisipkan tabel ke dalam halaman, Anda perlu menjalankan perintah menu

Ttabel/Sisipkan/Tabel. Di jendela yang terbuka, seperti yang ditunjukkan pada Gambar. 8, jumlah baris harus diatur dan kolom. Di sana Anda juga dapat mengatur posisi tabel pada halaman. Biasanya posisi defaultnya adalah kiri. Namun, jika tabel harus selalu diorientasikan di tengah dengan arah horizontal saat dilihat di jendela browser, maka Anda perlu mengatur opsi kesejajaran tengah.

Opsi ukuran batas dirancang untuk mengatur ketebalan garis yang membatasi tabel dan sel. Jika disetel ke nol dan kotak centang dicentang Ciutkan batas tabel, maka batasnya tidak akan terlihat di browser. Ini memungkinkan Anda menggunakan tabel tak kasat mata untuk tata letak halaman.

Properti

Bidang sel dimaksudkan untuk menunjukkan padding dalam piksel dari konten internal untuk semua sel tabel. Properti Jarak sel memungkinkan Anda mengatur jarak dalam piksel antara semua sel tabel yang berdekatan. Tetapkan lebar dimaksudkan untuk mengatur lebar tabel dalam piksel atau persentase relatif terhadap lebar area pandang, berapa pun ukuran kontennya. Secara default, ini dinonaktifkan. Artinya besar kecilnya tabel akan ditentukan oleh besar kecilnya isinya.

Jika Anda perlu mengatur gaya dan markup latar belakang tabel, ini bisa dilakukan di jendela yang sama.

Ketika Anda selesai menandai tabel, klik OK.

Tata letak sel tabel

Operasi pada sel individual atau seluruh tabel harus dimulai dengan memilih sel. Anda dapat memilih dengan mouse, keyboard atau menggunakan alat

F.P. Untuk memilih dengan mouse, Anda perlu meletakkan kursor mouse pada beberapa sel di area yang dipilih, tekan tombol kiri mouse dan, sambil menahan tombol, gerakkan perlahan ke atas sel. Untuk memilih dengan keyboard, Anda perlu menempatkan kursor keyboard di dalam sel, tekan tombol Shift dan, sambil menahan tombol, tekan tombol yang diinginkan untuk menggerakkan kursor keyboard (atas, bawah, kiri, kanan) hingga yang diinginkan area sel dipilih. Anda dapat memilih satu kolom atau baris, serta seluruh tabel.

Untuk asosiasi sel yang dipilih, Anda perlu memindahkan kursor ke salah satu sel tersebut dan menekan tombol kanan mouse. Di menu konteks pop-up, klik pada garis Gabungkan sel. Anda dapat menghapus sel dengan cara yang sama.

Jika diperlukan menghancurkan satu atau lebih sel menjadi beberapa baris atau kolom, Anda harus memilihnya (saat memisahkan satu sel, pemilihan tidak diperlukan), jalankan perintah Pisahkan sel. Di jendela pemisahan yang muncul, Anda perlu menunjukkan cara membagi – menjadi kolom atau baris. Maka Anda harus menentukan jumlah kolom atau baris. Jendela ini ditunjukkan pada Gambar. 9.

Di sini Anda dapat mengatur posisi isinya secara horizontal atau vertikal. Untuk melakukan ini, pilih posisi horizontal yang diinginkan (tengah, kiri, kanan) atau posisi vertikal(di atas, di tengah, di paling bawah, relatif terhadap sumbu). Pada Gambar. 10 posisi vertikal sel – di atas(saat ditempatkan, elemen internal akan ditekan ke tepi atas sel), horizontal – berada di tengah(konten akan dipusatkan).

Anda dapat mengatur lebar dan tinggi sel dalam piksel atau persentase.

Di bagian latar belakang, Anda dapat mengatur latar belakang sel sebagai warna atau pola dengan cara yang sama seperti Anda memprogram latar belakang halaman.

Jika Anda perlu menetapkan atribut yang sama ke beberapa sel, misalnya mengaturnya ke latar belakang yang sama, maka ini dapat dilakukan dalam satu langkah. Anda harus memilih sel tersebut, lalu menandainya dengan cara yang dijelaskan. Jika Anda perlu menetapkan beberapa atribut ke semua sel, lebih baik menetapkannya ke tabel itu sendiri. Untuk melakukan ini, Anda perlu mengklik sel mana saja dan menjalankan perintah yang sama.

5. Memasukkan dan memformat teks

Untuk menyisipkan teks ke halaman, Anda perlu mengklik mouse untuk menempatkan kursor keyboard di lokasi yang diinginkan dan memasukkan teks di sana dari keyboard atau menyalinnya dari dokumen lain menggunakan clipboard Windows. Dengan cara ini, Anda bisa memasukkan teks langsung ke halaman atau ke dalam sel tabel.

Pemformatan mengacu pada tujuan font, ukurannya, tanda warna, tebal, miring, garis bawah, orientasi teks horizontal, dan sejumlah tindakan lainnya. Operasi ini dilakukan sesuai dengan standar yang diterapkan di editor Word: pertama Anda perlu memilih bagian teks, lalu menerapkan operasi pemformatan ke bagian tersebut.

Perbedaan dari editor Word hanya itu ketika Anda menekan sebuah tombol Memasuki (untuk menyisipkan paragraf baru) terlalu banyak ruang antar paragraf. Jika Anda ingin jarak antar paragraf sama dengan jarak antar baris dalam satu paragraf, tekan tombol Menggeser dan, tanpa melepaskannya, kuncinya Memasuki.

6. Memasukkan hyperlink

hyperlink adalah setiap elemen halaman Web yang dapat diberi tautan ke halaman Web lain, alamat email, gambar, atau, secara umum, file atau bookmark apa pun di halaman yang sama. Mereka diaktifkan dengan mengklik hyperlink. Anda dapat mengidentifikasi hyperlink pada halaman Web saat melihatnya di browser dengan tampilan kursor mouse: jika elemennya adalah hyperlink, maka saat Anda mengarahkan kursor ke atasnya, kursor berbentuk ikon.

Untuk membuat hyperlink, Anda harus terlebih dahulu memilih elemen halaman yang akan menjadi hyperlink selanjutnya. Jika hyperlink berupa teks, maka untuk memilihnya Anda harus menggerakkan mouse ke atasnya dengan lancar dengan menekan tombol kiri atau tombol untuk menggerakkan kursor keyboard dengan menekan tombol

Menggeser. Jika hyperlinknya berupa gambar, maka untuk memilihnya Anda hanya perlu mengkliknya., tampilannya ditunjukkan pada Gambar. 12.

Jika hyperlink seharusnya menjadi penunjuk ke halaman lain yang terletak di disk komputer Anda, maka Anda perlu mengklik di jendela Gambar. 12 klik tombol dengan gambar folder dan pilih halaman Web pada disk (biasanya file dengan ekstensi html atau

htm ) . Dalam hal ini, ini akan muncul di bilah alamat alamat relatif file dengan halaman web. Alamat relatif suatu halaman yang berada dalam folder yang sama dengan halaman yang dibuat hanyalah nama file, misalnya "photo2.htm". Jika link menunjuk ke file di luar folder ini, maka hyperlink dapat berbentuk string "../../HomePage.htm", yaitu link ke halaman HomePage.htm di komputer yang sama, tetapi di folder lain yang terletak dua tingkat di atas folder saat ini. Alamat relatif sangat berguna saat membuat sekelompok halaman Web yang terletak di server yang sama tetapi di folder berbeda dan dihubungkan melalui hyperlink. Setelah menyiapkan halaman di komputer biasa, Anda dapat mengirimkannya ke server Web tanpa takut koneksi antara halaman dan hyperlink akan terputus, karena di server struktur relatif penempatannya akan tetap sama dan, oleh karena itu, hyperlink akan “berfungsi.”

Untuk membuat mutlak

alamat, Anda harus memasukkan alamat lengkap halaman tersebut. Misalnya, jika Anda perlu membuat hyperlink ke alamat situs web Universitas Negeri Moskow, maka Anda perlu memasukkan teks nama domain di baris URL http://www.msu.ru. Anda dapat memasukkan teks yang menunjukkan alamat IP, misalnya http://192.206.228.46.

Untuk membuat hyperlink seperti itu, masukkan teks seperti ini di bilah alamat mailto:alamat. Misalnya, jika perlu setelah mengklik hyperlink, klien email akan diluncurkan untuk mengirim surat ke alamat Hai [email protected], lalu di baris masukan alamat Anda harus memasukkan teks surat ke:Hai [email protected] . Anda juga dapat mengklik tombol dengan gambar amplop dan di jendela yang terbuka, masukkan alamat yang sama tanpa menentukan awalan surat ke:.

Terkadang Anda perlu membuat link ke halaman yang sudah ada di browser. Misalnya, Anda perlu segera kembali ke bagian atas halaman, ke beberapa paragraf, dll. Biasanya, kebutuhan akan link semacam itu muncul pada halaman yang berisi banyak informasi. Alamat hyperlink tersebut disebut penanda buku.

Sebelum membuat hyperlink ke bookmark, yang terakhir harus dibuat terlebih dahulu. Untuk melakukan ini, Anda perlu memilih bookmark masa depan (sebuah fragmen teks, gambar, dll.) dan menjalankan perintah Sisipkan/tandai. Di jendela yang terbuka, tampilannya ditunjukkan pada Gambar. 13, masukkan nama bookmark di baris input dan klik tombol OK. Dalam contoh yang ditunjukkan pada Gambar. Halaman 13 sudah memiliki satu bookmark yang dibuat sebelumnya tab 1, dan teks disiapkan di jendela masukan Tandai 2 penanda lain. Selanjutnya, Anda harus keluar dari jendela pembuatan bookmark, pilih elemen hyperlink ke bookmark di jendela pembuatan halaman, dan klik Penanda buku(Gbr. 12) pilih penanda yang diinginkan dari daftar. Teksnya akan ditempatkan di bilah alamat. Misalnya, jika sebuah bookmark dipilih Tandai 2, maka hyperlink di bilah alamat akan terlihat seperti string #Tanda 2. Setelah mengklik OK, hyperlink ke bookmark akan dibuat.

Memprogram jendela tampilan

Setelah mengklik hyperlink ke halaman web itu mulai memuat ke browser. Biasanya dimuat ke jendela yang sama dengan halaman panggilan. Jika Anda ingin halaman dimuat di jendela baru, Anda harus menggunakan jendela pada Gambar. 12 klik tombol di sebelah kanan label masukan Pemilihan bingkai. Di jendela yang terbuka, pilih garis Jendela baru. Sekarang, setelah mengklik hyperlink tersebut, satu jendela akan diluncurkan di browser dan konten yang dapat diunduh akan muncul di dalamnya.

Selain yang dibahas, ada beberapa opsi lain untuk menampilkan halaman yang dipanggil di browser. Mereka termasuk yang lebih kompleks - halaman bingkai, yang memiliki peluang jauh lebih besar untuk desain Web. Fitur desain halaman bingkai akan dibahas di bawah.

7. Menyisipkan elemen non teks

Untuk menyisipkan elemen non-teks ke dalam halaman, gunakan item menu Menyisipkan. Operasi yang sama untuk beberapa elemen dapat diduplikasi dari panel FP.

Daftar menu ditunjukkan pada Gambar. 14. Baris yang berisi submenu ditandai di sebelah kanan dengan penunjuk berbentuk segitiga. Operasi yang dapat diduplikasi menggunakan tombol pintas ditandai dengan nama kombinasi tombol.

Beras. 14. Dasar
Daftar menu Menyisipkan

Berikut adalah beberapa item menu Sisipkan non-teks yang paling umum digunakan:

  • Celah
  • . Pindah ke paragraf baru tanpa jeda khusus (sama seperti Shift + Enter);
  • Garis horisontal. Sisipkan garis horizontal;
  • Simbol.
  • Memasukkan karakter nonstandar, yaitu karakter yang tidak ada pada keyboard;
  • Tanggal dan waktu. Stempel standar untuk menampilkan tanggal dan waktu pembaruan halaman yang sedang diedit. Pengembang dapat mengatur mode keluaran untuk hanya menampilkan tanggal atau tanggal dan waktu. Ada beberapa opsi presentasi prangko yang dapat dipilih. Misalnya, "14 Februari 2001 12/02/25". Jika stempel tersebut disisipkan pada suatu halaman, berarti stempel tersebut terakhir diedit pada tanggal 14 Februari 2001 pukul 12 siang. 2 menit. 25 detik. dengan pengatur waktu komputer;
  • Mengajukan. Menyisipkan seluruh isi file yang dipilih dari disk. Konten disisipkan di lokasi penempatan kursor keyboard. Dengan cara ini Anda dapat menyisipkan, misalnya, teks dokumen;
  • Menggambar
  • . Memasukkan gambar dari file;

    Mari kita lihat beberapa fitur menyisipkan elemen-elemen ini.

    Garis horisontal

    Untuk menyisipkannya, klik di tempat yang diinginkan pada halaman, pilih baris dari menu Sisipkan/Garis Horisontal dan klik untuk memasukkan elemen. Jika Anda perlu mengubah atribut suatu garis, gerakkan kursor mouse ke atasnya, klik kanan untuk membuka menu konteks dan klik pada garis tersebut DENGANsifat-sifat garis horizontal . Sebuah jendela dengan nama yang sama akan muncul di mana Anda dapat mengubah atribut garis: lebar, tinggi, warna dan atribut lainnya.

    Seringkali ada kebutuhan untuk menyisipkan baris dengan atribut yang sudah ditetapkan di tempat berbeda pada halaman. Untuk melakukan ini, klik pada garis, lalu pada tombol

    penyalinan di panel Standar untuk menyalin baris ke clipboard. Sekarang Anda perlu mengklik tempat yang diinginkan di halaman, lalu pada tombol sisipkan untuk menempelkan konten buffer di lokasi yang dipilih. Dengan cara ini, Anda dapat menyisipkan garis beberapa kali di tempat berbeda pada halaman.

    Catatan: Metode yang dijelaskan dapat digunakan untuk menyalin elemen apa pun dari halaman Web.

    Gambar adalah elemen terpenting dari halaman Web. Jarang ditemukan halaman yang tidak memiliki gambar. Selain peranan utamanya sebagai pembawa gambar, gambar juga digunakan untuk menata prasasti, membuat berbagai garis, bingkai, menggambarkan grafik, yaitu dimanapun diperlukan untuk menyajikan informasi dalam bentuk gambar grafik.

    Untuk menyisipkan, Anda perlu mengklik tempat di halaman di mana gambar itu seharusnya ditempatkan, jalankan perintah Menyisipkan

    /Gambar/Dari file atau klik tombolnya Sisipkan gambar dari file di panel Standar(Gbr. 5.2). Di jendela yang muncul, pilih file dengan gambar di disk dan klik OK.

    Setelah menyisipkan, Anda dapat menandai gambar atau membiarkannya tidak berubah. Untuk menandai, Anda perlu mengklik kanan pada gambar, lalu di menu konteks di telepon

    Properti gambar. Pada kotak dialog yang tampilannya ditunjukkan pada Gambar. 15, Anda dapat menandai polanya.

    Di penanda Biasa saja nama file yang mewakili gambar ditentukan. Anda dapat mengubah gambar dengan memilih file lain.

    Di barisan Teks Anda dapat memasukkan teks untuk mewakili tooltip. Ketika pengguna di browser mengarahkan kursor mouse ke atas gambar, gambar itu akan muncul di bawah kursor untuk waktu yang singkat.

    Jika gambar harus berfungsi sebagai hyperlink, Anda dapat memilih alamat hyperlink pada tab yang sama.

    Jika Anda perlu membuat indentasi gambar dari elemen halaman yang berdekatan, Anda dapat menggunakan properti interval untuk padding horizontal di kiri dan kanan serta untuk padding vertikal di bagian atas dan bawah. Di bagian Ukuran Anda dapat mengubah ukuran gambar dan proporsinya. Gambar dapat diregangkan dan dikompresi ke arah yang diinginkan menggunakan properti lebar dan tinggi. Dimensi dapat ditentukan dalam satuan absolut—piksel—atau dalam satuan relatif—persentase relatif terhadap dimensi sebenarnya dari gambar. Jika proporsi gambar perlu dipertahankan selama deformasi, Anda harus mengatur opsi Pertahankan proporsi.

    Format gambar

    Ada gambar yang dibuat dalam format grafis raster dan dalam format grafik vektor.

    Dalam grafik raster, informasi tentang semua piksel gambar dicatat dalam sebuah file, dan setiap piksel direpresentasikan sebagai urutan bit yang menyimpan karakteristik piksel - warna, kecerahan, kontras, koordinat, dan karakteristik lainnya. Format raster bisa disebut natural, karena informasi tentang gambar disimpan dalam bentuk yang disajikan di layar monitor, sehingga memerlukan waktu yang minimal untuk melakukan operasi keluaran. Namun, grafik bitmap biasanya memerlukan banyak memori untuk menyimpannya, jadi menempatkan hanya grafik kecil pada suatu halaman dapat dibenarkan. Untuk memperkecil ukuran file gambar raster, metode kompresi digunakan. Dibandingkan dengan aslinya, gambar terkompresi biasanya memakan memori puluhan kali lebih sedikit. Gambar bitmap terkompresi dimuat lebih cepat, tetapi memerlukan waktu beberapa saat untuk mendekompresi gambar.

    Grafik vektor terutama digunakan untuk menggambarkan bentuk geometris menggunakan rumus matematika. Metode representasi gambar ini sangat efektif karena tidak memerlukan penyimpanan data pada setiap piksel, dan representasi gambar direduksi menjadi perhitungan matematis dan pelaksanaan instruksi untuk membentuk objek grafik. Biasanya gambar seperti itu digunakan dalam program desain, misalnya

    CAD.

    Ada juga format metafile, yang menggabungkan kedua jenis grafik. Contohnya adalah file yang berekstensi .wmf. File semacam itu digunakan, misalnya, untuk merepresentasikan gambar di editor Word yang populer, ketika untuk memberikan tampilan yang diperlukan pada dokumen teks, dimensi gambar harus sering diubah.

    Ada dua format raster populer yang saat ini digunakan di kalangan pengembang halaman Web: GIF(Graphics Interchange Format), dikembangkan pada tahun 1987 dan ditingkatkan pada tahun 1989 oleh CompuServe, dan jpeg, yang mendapat nama singkatan dari grup pengembangan Joint Picture Experts Group.

    Dalam format GIF (file dengan ekstensi

    .gif) gambar dikodekan menggunakan metode blok. Setelah diterima di komputer, kode tersebut diterjemahkan dan diputar di layar monitor. Format GIF menyediakan jumlah memori file terkecil untuk gambar yang memiliki jumlah warna terbatas.

    Menggunakan format GIF memungkinkan Anda membuat banyak efek, termasuk transparansi

    (transparansi). Efek ini banyak digunakan ketika gambar perlu disajikan dalam bentuk selain persegi panjang. Dalam kasus ini, bagian gambar persegi panjang dicat dengan warna transparansi khusus, dan bagian lainnya dengan warna biasa. Setelah ditempatkan pada halaman, desain piksel yang diisi dengan warna transparansi digantikan oleh piksel pada warna latar belakang, dan piksel sisanya direproduksi dengan cara biasa, sehingga menciptakan efek transparansi. Sekarang desain yang sama dapat ditempatkan pada substrat dengan warna berbeda tanpa takut jika warnanya tidak cocok, kontur persegi panjang yang tidak diinginkan pada desain akan direproduksi. Anda dapat menggunakan banyak editor gambar, seperti Photo Shop, untuk membuat GIF transparan.

    Efek lainnya adalah cara GIF yang diunduh ditampilkan di browser. Jika gambar disimpan dalam format terjalin(disisipkan), kemudian ketika dikirim ke browser, gambar tersebut dimuat dari berbagai bagian gambar. Pada kecepatan koneksi rendah, efek tampilan gambar bertahap tercipta, dari buram di awal pengunduhan hingga jelas di akhir. Keuntungan grafik format interleaved jelas karena sering kali, jauh sebelum halaman dengan grafik yang tidak diinginkan selesai dimuat, pengguna dapat menghentikan pemuatan, sehingga menghemat waktu yang harus ia habiskan untuk menunggu tanpa mengetahui seluruh grafik format biasa. untuk ditransfer. Program FP memungkinkan Anda membuat efek striping untuk gambar GIF apa pun.

    GIF dapat digunakan untuk membuat animasi primitif yang digunakan pada halaman Web untuk menganimasikan ("menghidupkan") kontennya. Efek animasi tidak diragukan lagi menghiasi halaman dan sering kali berfungsi sebagai sarana untuk menarik perhatian ke masing-masing bagiannya. Sisi negatifnya adalah peningkatan volume file yang berisi gambar animasi. Untuk membuat GIF animasi, Anda dapat menggunakan banyak program - dari yang sederhana hingga yang sangat rumit, memungkinkan Anda membuat seluruh film animasi dalam satu file. Contoh program animasi sederhana adalah MP Gif Animator (oleh V. Pham). Program animasi yang hebat adalah Ulead GIF Animator Lite (produk dari Ulead Systems).

    Dalam format JPEG (file dengan ekstensi .jpg, lebih jarang .jpe atau jpeg) sebaiknya menyimpan gambar multi-warna, seperti foto alam, gambar berkualitas tinggi dengan palet warna yang kaya, dalam bentuk terkompresi. Saat menyimpan gambar di editor grafis (misalnya, Toko Foto), Anda dapat mengontrol ukuran file dan kualitas gambar, yang berbanding terbalik satu sama lain. Properti ini sering digunakan oleh pengembang halaman Web untuk meminimalkan file dengan gambar, sehingga sedikit kehilangan kualitasnya. Seringkali gambar seperti itu praktis tidak dapat dibedakan secara visual, tetapi ukuran file terkait dapat berbeda 1,5–3 kali lipat.

    Anda tidak dapat mengabaikan file dengan gambar dalam format BMP (file dengan ekstensi .bmp). Ini adalah salah satu format grafik pertama. Gambar dalam format ini memakan banyak memori, namun masih digunakan sampai sekarang, namun hanya untuk merepresentasikan gambar yang sangat kecil.

    Baru-baru ini, format gambar PNG baru telah dikembangkan khusus untuk Web, yang seharusnya menggantikan format GIF.

    Sumber daya yang serius untuk mengurangi ukuran file grafik adalah pemrosesan gambar khusus di editor grafis. Seringkali file dapat diperkecil beberapa kali tanpa penurunan kualitas gambar. Pada Gambar. Gambar 5.16 menunjukkan contoh pengeditan gambar menggunakan editor grafis Photo Shop.

    Saat mengonversi foto menggunakan pemindai menjadi file, bahkan di area kecil gambar seperti kerah kemeja putih, banyak piksel dengan karakteristik warna berbeda yang terbentuk. Mempertahankan fitur-fitur ini saat mengompresi gambar memerlukan pendekatan “individual” untuk masing-masing fitur, yang menghasilkan ukuran file yang terlalu besar.

    Di sebelah kiri pada Gambar. Gambar 16 menunjukkan toolbar editor grafis, di tengah bawah adalah foto, di atas adalah potongan foto yang diperbesar (sisi kanan kerah), di sebelah kanan adalah tampilan yang diperbesar dari fragmen yang diretouch. Retouching tersebut meliputi pembuatan kerah kemeja seragam. Jelas bahwa jika Anda membuat piksel yang menampilkan fragmen bernama satu warna, kualitas foto tidak akan menurun, tetapi ketika disimpan dengan kompresi, informasi tentang semua piksel satu warna akan direkam satu kali, sebagai akibatnya ukuran file menjadi lebih kecil. Operasi serupa diterapkan pada berbagai fragmen foto, yang memungkinkan pengurangan ukuran file sebanyak 2,5 kali lipat. Retouching dilakukan menggunakan berbagai alat panel, termasuk

    Alat Pensil (pensil), yang disorot dalam warna aktif pada panel.

    Untuk meminimalkan ukuran file gambar, Anda juga dapat menggunakan program khusus yang menghapus informasi non-grafis yang ditempatkan oleh editor grafis saat mengembangkan dan menyimpan gambar. Misalnya, penulis baris ini menggunakan program Advanced GIF Optimizer dari Gold Software. Menggunakan pengoptimal seringkali dapat mengurangi ukuran file GIF sebanyak 10-60%.

    Untuk mempercepat pemuatan gambar, Anda dapat memotongnya menjadi beberapa bagian, lalu menempatkan bagian tersebut pada halaman di sel tabel yang berbeda. Jika dilihat di browser, gambar yang terpecah-pecah tampak sama dengan gambar yang tidak terfragmentasi. Keuntungan fragmentasi adalah gambar, seperti elemen halaman lainnya, dimuat ke browser secara paralel, yang membantu mempercepat pemuatan halaman. Selain itu, fragmen yang terisi penuh segera muncul di browser, menciptakan ilusi bahwa gambar akan dimuat dengan cepat. Ditambah dengan kemampuan untuk mentransfer gambar GIF dan JPEG serta sumber daya pengeditan, Anda dapat mencapai percepatan nyata dalam memuat gambar ke halaman.

    8. Halaman dengan bingkai

    Halaman-halaman ini adalah yang pertama digunakan untuk browser Netscape Navigator. Salah satu halaman tersebut mewakili sekumpulan jendela bingkai independen di browser, yang memungkinkan untuk memperluas kemampuan untuk menampilkan halaman individual atau bagian halaman yang berbeda secara bersamaan, khususnya, memungkinkan mereka untuk menggulir secara independen. Setiap frame diwakili oleh file terpisah, dan file lain digunakan untuk menggambarkan cara frame ditampilkan di browser, yang merupakan file frame. Setiap frame adalah Web halaman dan dapat dilihat sebagai halaman terpisah dalam satu jendela.

    Pada Gambar. Gambar 17 menunjukkan halaman Web yang memungkinkan Anda menavigasi halaman yang menampilkan bahan ajar elektronik departemen.


    Beras. 17. Contoh halaman Web yang dibingkai

    Halaman tersebut disusun dalam bentuk menu dan terdiri dari tiga frame

    : satu terletak di atas, dua lainnya di bawahnya - di kiri dan kanan. Bingkai atas mewakili judul halaman. Bingkai bawah dirancang sedemikian rupa sehingga menu dua tingkat dapat direproduksi dan digunakan. Level menu pertama diatur dalam bingkai kiri. Di dalamnya, pengguna dapat memilih spesialisasi, disiplin ilmu yang diinginkan, atau pergi dari halaman ini ke halaman beranda departemen dengan mengklik salah satu hyperlink. Pada Gambar. 17 di bingkai kiri, klik hyperlink dengan tulisan Ilmu Komputer, seperti yang dapat dinilai dari bingkai putus-putus yang membatasi hyperlink. Setelah klik ini, halaman yang berisi judul bahan ajar yang tersedia untuk disiplin ilmu ini dimuat dan direproduksi dalam bingkai kanan. Di bingkai kanan, kursor mouse melayang di atas garis Membuka di salah satu judul. Dengan demikian, frame kanan bertindak sebagai wadah submenu, yaitu menu tingkat kedua yang aktif.

    Metode pengorganisasian yang dijelaskan memungkinkan Anda membuat, dalam bentuk yang mudah digunakan, daftar panjang disiplin ilmu dan spesialisasi di bingkai kiri dan daftar panjang materi untuk setiap spesialisasi atau disiplin untuk ditampilkan di bingkai kanan. Dalam hal ini, dalam daftar frame kanan Anda selalu dapat melihat konten posisi yang dipilih dari daftar frame kiri.

    Saat mendesain halaman bingkai, halaman berikut pertama kali dibuat satu per satu:

    • header.htm – halaman yang akan mewakili header halaman bingkai;
    • menu.htm – halaman untuk menampilkan menu di bingkai kiri;
    • informatique.htm – halaman untuk menampilkan daftar bahan ajar disiplin ilmu Ilmu Komputer;
    • sertifikat.htm – halaman untuk menampilkan daftar bahan ajar dalam spesialisasi Sertifikasi;
    • tms_metod.htm – halaman bingkai sebenarnya.

    Untuk membuat halaman terakhir, file baru disusun menggunakan menu Mengajukan /

    Membuatdan pilih tim Lainnya templat halaman...dari panel tugas Penciptaan.
    Di kotak dialog yang terbukaTemplat halaman, pilih tab Halaman kerangka , yang menampilkan templat halaman Web dengan struktur bingkai yang merupakan bagian dari FP (Gbr. 18).

    Jendela halaman web frame baru (Gbr. 19) akan dibagi menjadi beberapa bagian sesuai dengan struktur yang dipilih.

    Klik kanan untuk membuka menu konteks, jendela properti halaman dan masukkan teks di baris judul

    Materi metodologis departemen, yang biasanya ditampilkan di bagian atas browser, dan simpan halaman tms_metod.htm.

    Selanjutnya, klik tombol tersebut secara berurutan Tetapkan halaman awal di bingkai atas dan kiri dan buat koneksi antara bingkai yang sesuai dan halaman Anda menggunakan jendela standar untuk membuat hyperlink, ditunjukkan pada Gambar. 12. Setelah mengklik tombol, bingkai atas diberi alamat header.htm, bingkai kiri - menu.htm, bingkai kanan - halaman kosong (menggunakan tombol Buat Halaman pada Gambar. 19).

    Untuk memastikan bahwa file informatique.htm dan sertifikat.htm ditampilkan di bingkai kanan setelah dipanggil dengan hyperlink, hyperlink ke halaman Web ini di file menu.htm diberi nilai default home.

    9. Contoh pengembangan halaman Web

    Pada Gambar. 20 disajikan

    Riwayat halaman web.htm , menampilkan sejarah singkat departemen TMS KSTU.

    Beras. 20. Tampilan halaman Web di browser

    Tampilan halaman yang diberi markup di editor FP ditunjukkan pada Gambar. 21. Pertama, halaman baru dibuat. Selanjutnya, dengan mengklik kanan mouse, menu konteks dipanggil, di mana baris tersebut diklik Properti Halaman. Di jendela properti halaman yang muncul (Gbr. 3), judulnya dimasukkan Sejarah departemen TMS. Di penanda Lainnya Setiap opsi indentasi batas halaman memiliki tanda centang dan nilainya disetel ke nol. Artinya ketika dibaca di browser, halaman harus ditampilkan tanpa padding apa pun dari batas atas dan kiri viewport. Dengan mengklik tombol Menyimpan halaman disimpan ke disk dengan nama history.htm.

    Selanjutnya, dengan menggunakan perintah sisipkan tabel, tabel empat kolom dan empat baris ditempatkan pada halaman. Di sel baris atas, tiga gambar h1.gif, h2.gif, h3.gif ditempatkan secara berurutan dari kiri ke kanan (gambar tersebut sebelumnya dirancang di editor grafis Photo Shop). Gambar pertama (KSTU) berukuran 4 K, gambar kedua (TMS) - 3,6 K, dan gambar terakhir - 1,4 K. Semua gambar adalah prasasti yang dibuat dengan latar belakang merah anggur. Gambar terakhir (dengan tulisan SEJARAH DEPARTEMEN TEKNOLOGI TEKNOLOGI MESIN) dibuat lebih kecil lebarnya untuk mengurangi memori.

    Beras. 21. Tampilan halaman Web yang diberi markup di editor FP

    Selanjutnya, klik di sel baris pertama dan perintah Tabel/Pilih Baris Baris sel pertama telah disorot. Kemudian kursor ditempatkan di atasnya dan tombol kanan mouse diklik. Perintah yang dipilih dalam menu konteks Properti sel dan di jendela yang muncul (Gbr. 10), semua sel yang dipilih diberi latar belakang dalam bentuk gambar bg.gif (juga disiapkan di editor Photo Shop). Gambar ini merupakan gambar satu warna berukuran 8x8 piksel dengan karakteristik yang sama. Ukuran file latar belakang hanya 46 byte. Latar belakang diperlukan agar seluruh baris pertama tabel dicat dengan warna yang sama (gambar dibuat dengan latar belakang warna yang sama).

    Agar gambar h3.gif yang lebih sempit ditempatkan secara vertikal di tengah sel, propertinya Posisi vertikal nilai yang ditugaskan terpusat. Posisi horizontal dibiarkan default, yaitu ditekan ke tepi kiri sel. Untuk sel terakhir dari baris pertama tabel (kosong), properti Lebar nilainya ditetapkan ke 600. Hal ini diperlukan agar seluruh baris pertama tabel dijamin sesuai dengan seluruh lebar jendela (dan bahkan memberikan margin tertentu), yang, saat melihat halaman, akan menciptakan efek a bayangan monokromatik pada header (spanduk) di browser (Gbr. 20).

    Selanjutnya, dua hyperlink ditugaskan - ke situs web KSTU dan situs web departemen TMS. Mereka diperlukan agar pengunjung halaman dapat, jika diinginkan, melanjutkan untuk melihat halaman-halaman ini. Gambar pertama (h1.gif) telah diberi hyperlink http://www.kgtu.runnet.ru ke situs KSTU (Gbr. 5.12). Yang kedua (h2.gif) – hyperlink ke situs web departemen TMS http://tms.kgtu.runnet.ru. Di baris Teks pada properti gambar, teks pertama ditetapkan Ke situs web KSTU, kedua - Ke situs web departemen TMS. Garis-garis ini diperlukan agar pengunjung halaman, ketika mengarahkan kursor ke gambar, dapat membaca tujuan hyperlink di tooltips. Untuk mencegah garis besar gambar hyperlink terlihat di browser, properti ketebalan batasnya disetel ke nol dan batasnya diciutkan (Gbr. 15). Ini melengkapi penandaan baris pertama tabel.

    Di baris kedua tabel, dua sel pertama berisi gambar yang sama dari file panah.gif. Gambar tersebut mewakili panah yang mengarah ke atas. Ukuran filenya hanya 324 byte. Tujuan dari gambar-gambar tersebut adalah untuk mengingatkan pemirsa akan fakta bahwa ada hyperlink di atasnya yang dapat mereka gunakan. Untuk memastikan bahwa panah terletak tepat di bawah gambar yang sesuai, properti posisi horisontal sel diberi nilai berada di tengah.

    Teks halaman terletak di baris ketiga tabel. Sebelum menyisipkan teks, sel kedua dan ketiga dari baris ini digabungkan. Sebelum penggabungan, sel dipilih, kemudian perintah menu dijalankan Tabel/Gabungkan Sel. Selanjutnya, kursor ditempatkan di dalam sel dan tombol Enter ditekan beberapa kali untuk menyisipkan paragraf kosong.

    Di paragraf pertama sel, bagian atas teks diketik dari keyboard (diawali dengan daftar karyawan yang pada berbagai waktu menjabat sebagai kepala departemen TMS).

    Di bawah ini adalah tabel dengan satu baris dan dua kolom. Nama pegawai dimasukkan pada kolom kiri, dan tahun kepemimpinan departemen dimasukkan pada kolom kanan. Sel tabel diformat sedemikian rupa sehingga menjadi properti vertikal ketentuan memiliki arti ke atas, Properti horisontal posisidi tepi kiri. Organisasi ini akan mengizinkan nama keluarga dan titik diposisikan di browser dalam dua kolom yang berdekatan tepat di bawah satu sama lain.

    Di bawah tabel terdapat teks yang melengkapi deskripsi cerita.

    Semua teks dalam font Arial, beberapa fragmennya dicetak tebal. Ini termasuk tanggal, nama keluarga, kode khusus, dan elemen lain yang perlu Anda perhatikan saat melihat halaman.

    Kesempatan tidak dilewatkan untuk menekankan fitur menarik dari salah satu penggalan teks: jika Anda membuat singkatan dari huruf pertama nama spesialisasi yang diajarkan di departemen TMS, maka singkatan yang dibuat dari huruf pertama akan diulang. dari nama departemen, yaitu sekali lagi Anda mendapatkan "TMS" (di Bagian teks ini tidak terlihat pada Gambar 20 dan 21. Fitur ini ditekankan oleh fakta bahwa huruf pertama dalam nama spesialisasi disorot di tebal dan berwarna merah.

    Akhirnya, semua sel di baris bawah tabel besar digabungkan dan data keluaran departemen dimasukkan ke dalam sel yang dihasilkan dalam font yang lebih kecil - alamat, nomor telepon, alamat email.

    5.1.1. Membuat website baru dan mode presentasi………… - 58

    5.1.2. Organisasi struktur situs web……………………………………….. - 61

    5.1.3. Mengedit halaman web…………………………………………… - 64

    5.1.4. Menambah dan memformat teks…………………………………….. - 66

    5.1.5. Pengorganisasian Warna Primer halaman web…………………………….. - 69

    5.1.6. Membuat dan mengedit tabel, tata letak tabel……………….. - 69

    5.2. Gambar grafis sebagai objek aplikasi…………………………. - 76

    5.2.1. Memasukkan latar belakang grafis dan suara ke dalam halaman web………………

    5.2.2. Menyisipkan gambar pada halaman web..................................................................................

    5.2.3. Sifat-sifat gambar……………………………………………………………

    5.2.4. Mengedit gambar..................................................................................................

    5.2.5. Benda yang digambar..................................................................................

    5.3.1. Membuat hyperlink dan bookmark pada halaman web……………….

    5.3.2. Membuat hotspot grafis………………..

    5.3.3. Pengendalian hyperlink menggunakan FrontPage 2003 ………………………

    5.3.4. Batasan umum.................................................................................................

    5.4. Lembar Gaya Bertingkat (CSS)……………………………………………………………

    5.4.1. Gaya dalam…………………………………………………………….

    5.4.2. Gaya yang diterapkan................................................................................................

    5.4.3. Lembar gaya eksternal…………………………………………………..

    5.5. Bingkai (frame) pada aplikasi FrontPage 2003 …………………………………

    5.6. Formulir pada aplikasi FrontPage 2003…………………………………………………. - 100

    5.7. Komponen aplikasi dan penjelasan singkatnya…………………. - 104

    5.8. Fitur tambahan FrontPage 2003 ………………………………… - 111

    5.8.1. Menggunakan Pembungkus dan Pemosisian………………….. - 111

    5.8.2. Efek menggunakan HTML Dinamis dan JavaScript……………….. - 113

    Bagian 5. Aplikasi Microsoft Office FrontPage 2003.

    Microsoft Office FrontPage 2003 adalah aplikasi yang dirancang untuk membuat dan memelihara situs web (situs web) menggunakan antarmuka standar

    WYSIWYG (“apa yang Anda lihat itulah yang Anda dapatkan”).

    MS FrontPage2003 tersedia sebagai aplikasi terpisah. Ukuran folder instalasi adalah 155 MB. Persyaratan perangkat keras.

    Komputer dan prosesor. PC dengan prosesor Pentium 133 MHz atau lebih tinggi, disarankan Pentium III.

    tambahan RAM 8 MB untuk setiap aplikasi yang berjalan secara bersamaan.

    HDD. Ruang hard disk kosong 245 MB dan ruang hard disk 115 MB,

    tempat sistem operasi diinstal (persyaratan ruang hard disk yang tersedia bergantung pada konfigurasi, serta komponen yang dipilih selama proses instalasi).

    Sistem operasi: Microsoft Windows® 2000 Service Pack 3 (SP3), Microsoft Windows XP atau lebih baru.

    Informasi bantuan tentang program di situs web – http://office.microsoft.com/ruru/frontpage/FX100647001049.aspx?CTT=96&Origin=CL100570711049.

    MS Office FrontPage 2003 menyediakan lingkungan pengembangan baru: tata letak, penggaris,

    Garis kisi, gambar contoh, lapisan, templat, tema lanjutan semuanya dirancang untuk membuat proses penerapan proyek situs web lebih mudah bagi pengembang yang bahkan mungkin tidak memiliki pengetahuan tentang HTML. Editor web memiliki alat yang mudah digunakan untuk bekerja dengan tabel, alat bawaan untuk pemrosesan gambar, dan memungkinkan Anda dengan mudah menempatkan berbagai objek multimedia di halaman: gambar, video, animasi, fragmen suara. Integrasi yang erat dengan paket MS Office memungkinkan Anda menampilkan dokumen MS Word pada halaman,

    Tabel dan grafik MS Excel, memperoleh data secara dinamis dari MS Access, menggunakan VBA, pemeriksa ejaan, dan sekitar 60 tema siap pakai untuk mendesain halaman situs web. MS FrontPage 2003 menyediakan dukungan untuk Web modern

    teknologi seperti cascading style sheet (CSS), efek dinamis (DHTML), frame, halaman aktif (ASP), kontrol ActiveX dan applet Java.

    Program FrontPage tidak hanya editor halaman Web, tetapi juga berisi alat manajemen situs, seperti skema navigasi halaman, analisis situs menggunakan berbagai laporan, pengembangan kolektif, penyesuaian tertentu

    browser, mengunggah situs ke server Web melalui protokol HTTP dan FTP. Dengan menggunakan program ini, Anda tidak hanya dapat membuat dan mengedit halaman web, tetapi juga memasukkan berbagai elemen kompleks ke dalamnya (penghitung, bilah tautan, bilah pencarian, efek dinamis, tanaman merambat, dll.) tanpa menulis skrip tambahan.

    Namun, sebagian besar komponen ini hanya akan berfungsi jika web

    FrontPage (Microsoft), SharePoint™ Team Services 1.0 (Microsoft), atau

    Layanan Microsoft Windows® SharePoint. Beberapa komponen mungkin tidak berfungsi tergantung pada jenis browser yang Anda gunakan. Hal ini memberlakukan batasan tertentu pada penggunaan kemampuan aplikasi saat membuat halaman web.

    Kerugian dari editor web MS FrontPage termasuk orientasi utamanya ke browser Internet Explorer, jadi Anda harus memeriksa pengoperasian situs yang sudah selesai di browser lain. Dan juga beberapa redundansi dari kode HTML yang sudah jadi. Editor melacak perubahan kode halaman dan memulihkan tag yang dihapus oleh pengguna.

    Gambar 5.1 – Jendela program MS Office FrontPage 2003

    Pada dasarnya, MS FrontPage 2003 tampak seperti kebanyakan aplikasi MS Office

    2003 (Gbr. 5.1).

    – garis tajuk

    - Ruang Kerja

    – bilah menu

    – bilah tombol tampilan

    – bilah alat standar

    – bilah alat “menggambar”.

    – bilah alat “memformat”.

    - status bar

    – panel presentasi

    – panel tugas

    – area informasi saat ini

    Referensi

    views Untuk mendapatkan bantuan tentang program ini, Anda perlu menjalankan perintah

    Bantuan→Microsoft Office FrontPage dan di panel Bantuan FrontPage ikuti tautannya Daftar isi . Jika komputer Anda tersambung ke Internet, dokumen yang terletak di situs web http://office.microsoft.com akan ditambahkan ke daftar isi bantuan. Jika tidak, daftar isi hanya terdiri dari dokumen yang diinstal dengan aplikasi.

    5.1. Membuat dan mengedit situs web di lingkungan aplikasi.

    Saat mulai membuat situs web, Anda perlu memutuskan topiknya, jumlah subbagian situs dan halaman di masing-masing situs, mis. mengembangkan diagram struktur terperinci, serta menyiapkan teks dan materi grafis untuk setiap halaman web. Proses pengembangan website secara langsung di MS Office FrontPage 2003 dapat dilakukan dengan menggunakan algoritma berikut.

    1) Buat situs web baru atau buka situs web yang sudah dibuat.

    2) Atur (edit) struktur situs web.

    3) Sunting halaman situs web dalam urutan apa pun: 3.1) masuk ke mode pengeditan untuk halaman tertentu;

    3.2) mengatur properti halaman web;

    3.3) memasukkan teks dari keyboard atau menempelkannya melalui clipboard dan memformatnya; 3.4) menyisipkan latar belakang, suara, tabel, grafik,

    3.5) menambahkan efek dinamis dan komponen MS Office FrontPage 2003; 3.6) menyimpan halaman web dan melihatnya di browser Internet Explorer;

    3.7) melanjutkan pengeditan atau melanjutkan pengeditan halaman web lain.

    4) Jika perlu, kembali ke langkah 2 dan tambahkan yang baru Halaman web.

    5) Tutup FrontPage 2003, buka situs web di browser dan mengujinya (lihat situs web dengan ekstensi monitor berbeda di browser berbeda).

    5.1.1. Pembuatan situs web baru dan mode presentasi.

    Untuk membuat situs web baru, Anda harus menyelesaikan langkah-langkah berikut.

    1) Jalankan perintah File→Baru.

    2) Pada panel Penciptaan (1 Gambar.5.2) area tugas, ikuti hyperlink

    Situs web satu halaman (2 Gambar 5.2).

    3) Di jendela Templat Situs Web yang terbuka (3 Gambar 5.2), pada tab Umum, pilih templat Situs Web Satu Halaman (4 Gambar 5.2). Deskripsi template (5 Gambar.5.2)

    muncul di kanan bawah kotak dialog. (Jika Anda memilih template lain, situs web baru sudah berisi sejumlah halaman web dengan desain tertentu, dalam beberapa kasus wizard khusus akan diluncurkan

    pengaturan, yang dengannya Anda dapat mengatur struktur situs web.)

    4) Isi kolomnya Tentukan lokasi website baru: (6 Gambar.5.2) secara manual

    (masukkan jalur lengkap) atau menggunakan tombol Telusuri (7 Gbr.5.2) (tentukan lokasi aktif

    disk untuk menyimpan situs web baru, buka (buat) folder, tekan tombol

    Membuka).

    5) Tekan tombol OK.

    Gambar 5.2 – Membuat website baru

    Setelah website dibuat (Gbr. 5.3), aktif lihat panel Tab situs web (1) muncul di lihat dasbor informasi layanan (2) dan tombol perintah (3) tersedia dalam tampilan ini, dan di jendela kerja konten (4) dari tampilan saat ini.

    Panel tombol tampilan(5 Gambar 5.3) berisi enam tombol yang dapat digunakan untuk beralih ke berbagai mode penyajian situs web.

    Tampilan Folder – Menampilkan daftar folder dan halaman di situs web. Dalam mode ini akan lebih mudah untuk membuat folder baru menggunakan tombol Buat folder di sisi kanan

    Gambar 5.3 – Tampilan situs Folder

    Tampilan Situs Web Jarak Jauh – digunakan untuk melihat web Anda

    situs di server web jarak jauh.

    Tampilan laporan – berisi daftar opsi laporan tentang situs web. Setiap laporan ringkasan memiliki nama, jumlah item, total ukuran file, dan deskripsinya sendiri.

    Mode ini, misalnya, dapat digunakan untuk mengidentifikasi kesalahan dalam transisi hypertext.

    Tampilan transisi – menunjukkan representasi grafis dari struktur situs web.

    halaman.

    Tampilan tugas – digunakan untuk mengatur tugas untuk membuat web-

    website (biasanya digunakan jika beberapa orang terlibat dalam pengerjaan sebuah website).

    Semua tampilan ini dapat diakses dari menu Tampilan.

    Situs web yang dibuat dengan FrontPage 2003 dapat berisi halaman web, gambar, file multimedia, mis. hampir semua kemungkinan jenis file, serta folder dan file tersembunyi (tidak ditampilkan dalam aplikasi), mendukung fungsionalitas khusus aplikasi. Folder tersembunyi termasuk _vti_cnf dan _vti_pvt. Mereka dapat dilihat jika Anda membuka folder situs web, misalnya di program My Computer. Folder _vti_cnf berisi informasi tentang setiap file, seperti informasi tentang

    Secara default, saat dibuat Satu halaman situs web, folder dibuat

    Pribadi dan gambar serta file index.htm adalah halaman (beranda) pertama situs web.

    Untuk melihat halaman web index.htm, Anda perlu mengklik dua kali tombol kiri mouse pada nama file. Akibatnya, pada lihat panel di sebelah kanan tab

    website, akan muncul tab index.htm (1 Gbr.5.4) dan tombol Close (2 Gbr.5.4), pada melihat panel area informasi tombol Pemilihan tag cepat(3 Gambar.5.4), dan masuk

    area kerja dokumen kosong akan ditampilkan. Pada bilah tombol lihat (4

    Gbr.5.4) tombol akan muncul yang dapat Anda gunakan untuk beralih ke berbagai mode pengeditan halaman web.

    Tampilan Desainer – Menampilkan halaman web sebagai pengolah kata tingkat lanjut dalam mode WYSIWYG.

    Split View – menampilkan halaman web yang sama dalam mode pengolah kata yang disempurnakan dan editor kode HTML halaman web. Perubahan yang dilakukan di salah satu mode segera tercermin di mode kedua.

    Tampilan kode – memungkinkan Anda mengedit langsung kode HTML web

    halaman.

    Tampilan Pratinjau – Menampilkan tampilan halaman di browser.

    Untuk mengakses tampilan ini, gunakan perintah View→Page.

    Untuk melihat daftar file dan folder di situs web dalam tampilan Halaman, Anda perlu menjalankan perintah Lihat→Daftar Folder atau tekan tombol

    Ganti panel pada toolbar standar atau tekan ALT dan F1 pada keyboard secara bersamaan.

    DI DALAM Akibatnya, area kerja terbagi menjadi dua bagian (Gbr. 5.4). Di kiri

    – tampilan situs web Daftar Folder (5) atau Transisi, di sebelah kanan – tampilan apa pun dari menu Tampilan.

    Organisasi presentasi situs web untuk diedit dalam program

    FrontPage 2003 tampaknya yang paling nyaman.

    Untuk menambah ruang kerja halaman web yang sedang Anda edit, Anda bisa menutup panel tugas. Untuk mencegah panel ini muncul pada peluncuran aplikasi FrontPage 2003 berikutnya, Anda perlu menjalankan perintah

    Tools→Options dan pada tab General, hapus centang pada kotak untuk membuka panel tugas.

    Untuk menyelesaikan pekerjaan dengan situs web, Anda perlu menjalankan perintah

    File→Tutup Node.

    Gambar 5.4 – Jendela program FrontPage 2003 setelah menjalankan perintah Lihat→Daftar Folder

    Untuk membuka website di FrontPage 2003, Anda harus menyelesaikan langkah-langkah berikut.

    Jalankan perintah File→Buka simpul.

    Pada kotak dialog Buka situs web yang terbuka, buka folder yang berisi situs web tersebut.

    Klik tombol Buka.

    5.1.2. Organisasi

    struktur situs web.

    Setelah situs web

    dibuat, Anda perlu membuatnya

    struktur aslinya, yaitu

    menambahkan

    diperlukan

    halaman web baru. Tambahan

    Gambar 5.5 – Panel informasi transisi

    halaman web baru ke dalam struktur

    – membuat halaman web baru

    situs dapat diatur

    – menambahkan halaman web yang sudah ada

    – membuat bilah tautan

    cara yang berbeda.

    – penyertaan (pengecualian) di bilah tautan

    Mari kita pertimbangkan

    – tampilan subpohon

    membuat halaman web dalam mode

    – penempatan horizontal atau vertikal

    perwakilan

    – memilih skala tampilan struktur

    Transisi. Dalam mode ini (Gbr. 5.5), halaman web ditampilkan dalam bentuk diagram grafis (8), dan panel informasi berisi perintah (1-7) yang memungkinkan Anda bekerja dengan

    struktur situs web. Untuk membuat halaman web baru, Anda harus menyelesaikan langkah-langkah berikut.

    1) Tekan tombol 1 pada panel informasi. Jika saat ini tidak ada halaman web dari struktur yang dipilih, maka halaman web dengan judul

    Halaman atas 1. Jika ada halaman web yang tersedia

    struktur telah dipilih, maka akan muncul halaman web dengan judul Halaman Baru 1 yang dihubungkan dengan garis tipis (8) ke halaman yang dipilih. Efek yang sama seperti dalam kasus terakhir dapat dicapai dengan mengklik kanan pada halaman web mana pun yang tersedia dan menjalankan perintah di menu drop-down Baru→Halaman. Semua halaman berikutnya akan berbeda dari halaman sebelumnya hanya dalam nomor.

    2) Kemudian, agar halaman web yang dibuat ditampilkan di jendela Daftar Folder

    Anda harus menjalankan perintah Refresh pada toolbar standar atau dari menu View.

    3) Di jendela Daftar folder pada halaman web dengan header Halaman atas X

    sesuai dengan file toppageX.htm, halaman web dengan header Halaman baru X, sesuai dengan file new_str_X.htm, dengan X adalah nomornya. File dengan nama

    new_str_X.htm harus diganti namanya agar namanya terdiri dari

    hanya dari huruf latin, angka dan simbol yang diperbolehkan . Untuk melakukan ini, klik kanan pada file yang sesuai dan pilih perintah Ganti nama dan

    ganti nama file dengan yang diperlukan.

    4) Saat mengubah struktur situs web, halaman yang ada dapat dihapus (klik kanan pada halaman yang diinginkan, pilih Hapus, aktifkan kotak centang bawah dan klik OK) dan pindahkan sesuai skema (klik kiri untuk memindahkan halaman ke lokasi yang diinginkan). Jika web dihapus atau dipindahkan

    halaman memiliki halaman tingkat yang lebih rendah, halaman tersebut juga akan dihapus atau

    terharu.

    dibuat

    Halaman web

    ditempatkan di folder root situs web. Jika

    ada banyak halaman, logis untuk menempatkannya di tempat yang berbeda

    Menurut

    struktur.

    Untuk ini

    jendela Daftar folder (Gbr. 5.6) yang perlu Anda buat

    Gambar 5.6 – Jendela Daftar Folder

    Buat halaman web

    panel informasi Daftar Folder) dan tekan

    - buat folder

    - tutup jendela

    Klik kiri untuk memindahkan file ke folder yang diinginkan.

    II. Mari kita perhatikan proses pembuatan halaman web menggunakan jendela Daftar Folder (Gbr. 5.6). Jendela ini menampilkan folder dan file situs web dalam urutan abjad, menunjukkan sarangnya. Untuk membuat halaman web baru, Anda harus menyelesaikan langkah-langkah berikut.

    1) Menggunakan tombol 2, buat jumlah folder yang diperlukan dengan struktur bersarang tertentu, ubah nama Folder baruX menjadi yang diperlukan.

    2) Pilih folder yang ingin Anda buat halaman web.

    3) Tekan tombol 1 dan ganti nama file baru dari new_page_Х.htm dengan yang diperlukan

    (hanya huruf latin, angka dan simbol yang diperbolehkan ) tanpa mengubah ekstensi

    berkas .htm.

    4) Jika perlu, Anda dapat menyeret file dari folder ke folder dengan menekan tombol kiri mouse.

    5) Untuk kenyamanan dan kejelasan bekerja dengan struktur yang dihasilkan website, Anda juga dapat menyusunnya dalam bentuk grafik. Untuk melakukan ini, pilih mode presentasi situs web Transisi dan tekan tombol kiri mouse untuk mentransfer halaman web yang dibuat

    diagram blok grafis. Jika perlu, Anda dapat mengubah nama elemen grafis diagram dengan mengklik kanan elemen yang diinginkan dan memilih perintah

    Ganti nama.

    Gambar 5.7 – Menyimpan halaman web website baru

    Halaman Depan 2007 - Desainer SharePoint 2007

    Jadi, seperti yang saya perhatikan, banyak pengguna Internet yang mencoba unduh FrontPage versi Rusia 2007. Harap dicatat, FrontPage sekarang disebut SharePoint Designer. Itu. jika Anda ingin mendownload FrontPage 2007, maka Anda perlu mendownload SharePoint Designer 2007. Terlebih lagi, sejak April 2010, SharePoint Designer 2007 telah menjadi mutlak
    bebas!

    Programnya bisa didownload dari website Microsoft, dan bagi yang malas mencari, bisa dari depositfiles dengan mengikuti link Download SharePoint Designer 2007. Jadi, apa yang baru?

    Mereka yang pernah bekerja dengan FrontPage 2003 seharusnya tidak mengalami kesulitan khusus saat bekerja dengan SharePoint, karena... Antarmuka program hampir tidak berubah.

    Antarmuka SharePoint Designer 2007

    Jadi, apakah layak untuk memutakhirkan ke SharePoint Designer 2007 atau lebih baik tetap menggunakan FrontPage? Saya yakin itu sepadan. Faktanya adalah setelah rilis FrontPage 2003, rekan-rekan dari Microsoft tidak tidur dan memperkenalkan banyak hal berguna ke SharePoint Designer 2007.

    Misalnya, kemampuan untuk membuat cascading style sheet (CSS) telah ditingkatkan secara signifikan. Saya akan mengatakan lebih banyak - sekarang ada kemampuan untuk membuat CSS dalam mode visual! Itu. Anda bisa menjadi ahli dalam HTML (bahasa markup hiperteks) dan tetap membuat style sheet untuk situs Anda.

    Berkat inovasi, kode yang dihasilkan oleh SharePoint menjadi jauh lebih bersih dibandingkan kode FrontPage. Secara umum, saya merekomendasikan Pengguna FrontPage 2003 untuk melihat satu contoh mengenai masalah ini.

    Sebagai kesimpulan, saya ingin mengatakan bahwa versi baru dari program SharePoint Designer 2010 telah muncul (Anda dapat menyebutnya FrontPage 2010 :) Tetapi dengan itu semuanya tidak sesederhana dengan SharePoint 2007, faktanya adalah versi baru dari program ini terikat secara maksimal dengan kolaborasi banyak orang dalam satu proyek. Untuk bekerja dengan SharePoint Designer 2010, Anda perlu menginstal perangkat lunak yang sesuai di server. Anda dapat meminta hoster untuk menginstalnya, tetapi Anda harus menginstalnya untuk membayarnya.

    Oleh karena itu, saat ini SharePoint Designer 2007 cocok untuk pengguna yang tidak terlalu menuntut.

    FrontPage adalah program untuk membuat halaman HTML dan kemudian "menerbitkannya". Ini adalah solusi perangkat lunak yang cukup lama dan sudah lama tidak didukung. Itu digantikan oleh program.

    Fungsional

    FrontPage akan menjadi asisten yang berguna bagi webmaster yang ingin menyederhanakan proses pembuatan halaman web dan membuatnya lebih nyaman. Program ini menyediakan seperangkat besar alat yang tidak hanya dapat digunakan untuk membuat halaman, tetapi juga mendesainnya sesuai keinginan atau kebutuhan pelanggan. Cukup nyaman karena program ini mampu mengontrol kesalahan pengguna. Semua kesalahan dalam tag akan ditemukan dan ditampilkan kepada Anda untuk koreksi lebih lanjut.

    Perangkat lunak ini berisi seperangkat templat bawaan yang dapat Anda gunakan saat membuat halaman - ini akan menghemat waktu dan menghindari penemuan kembali roda. Dengan bantuan manajer khusus, Anda dapat dengan cepat mempublikasikan karya Anda yang sudah selesai. Dan jika ada kesulitan dan pertanyaan, kami sarankan untuk membuka bagian bantuan - ini akan memberi tahu Anda lebih baik daripada Google cara menemukan jalan keluar dari kebuntuan.

    Mode pengoperasian

    Produk perangkat lunak menyediakan beberapa mode operasi - perancang, kode, melihat hasil, serta mode "gabungan", dalam hal ini jendela kerja akan dibagi menjadi dua area - membuat kode dan melihat. Saat bekerja dengan desainer, semua kesalahan yang dilakukan akan ditampilkan - di sana Anda juga dapat bekerja dengan gambar yang disisipkan di antara teks, tautan, bingkai, dan banyak elemen lainnya. Lebih rasional menggunakan mode kode bukan untuk melihat, tetapi untuk mengedit.

    Fitur Utama

    • pembuatan halaman web, desain dan kontennya;
    • tinjauan kode visual menggunakan mode desain (WYSIWYG);
    • perpustakaan templat terintegrasi;
    • manajer bawaan untuk publikasi hasil akhir yang cepat dan nyaman;
    • kemampuan untuk mengakses direktori;
    • pencarian otomatis dan koreksi kesalahan;
    • Ketersediaan shell grafis versi Rusia.

    Teknologi modern terus berkembang, dan setiap orang tidak mau ketinggalan. Kecanduan game komputer menjadi semakin populer karena semakin banyak konten serupa yang dirilis setiap hari. Komputer secara organik telah memasuki kehidupan setiap orang dan sudah cukup sulit membayangkan keberadaannya di masa depan tanpanya.

    Setiap orang menggunakan perangkat untuk tujuan yang berbeda: beberapa membutuhkannya untuk menjaga koneksi bisnis, dan yang lain membutuhkannya untuk memperluas wawasan mereka. Jika waktu yang dihabiskan seseorang di depan komputer untuk bermain game melebihi norma yang ditetapkan, maka kita dapat mengatakan bahwa kecanduan game telah berkembang.

    Pemain mulai menjadi semakin tertarik dengan peristiwa yang terjadi di dunia maya, tidak memperhatikan kehidupan nyata. Statistik dunia menunjukkan bahwa kecanduan game komputer terjadi pada lebih dari 5% populasi dunia. Jika tindakan yang tepat tidak diambil, masalah akan semakin berkembang. Bagaimanapun, keluarga dan teman harus mencari bantuan dari psikolog yang akan membantu menyingkirkan masalah tersebut.

    Apa yang harus Anda perhatikan?

    Tanda-tanda patofisiologis dan prinsip-prinsip pembentukan banyak kecanduan adalah identik. Hal ini disebabkan oleh rangsangan pada pusat otak tertentu. Tidak perlu berpikir bahwa masalah yang dijelaskan di atas hanya menyangkut remaja, Anda dapat menemukan banyak orang dewasa menghabiskan puluhan jam bermain game favorit mereka.

    Orang-orang mengalami euforia dan peningkatan suasana hati segera setelah membenamkan diri di dunia maya. Kecanduan game mengarah pada fakta bahwa seseorang berhenti mengontrol waktu yang dihabiskan di depan komputernya. Tidur adalah penghalang obyektif untuk bermain game sepanjang waktu, itulah sebabnya sebagian besar gamer memilih minuman yang mengandung kafein dan stimulan lainnya. Mereka dapat berdampak negatif pada tubuh orang dewasa dan anak-anak.

    Pada pemain generasi dewasa, terlihat adanya perubahan pola makan yang beralih ke minuman rendah alkohol dan produk setengah jadi. Kecanduan game menyebabkan fakta bahwa gamer tidak dapat mengontrol kebersihan pribadi:

    • pembersihan gigi;
    • menyisir;
    • mandi, dll.

    Konsekuensi dari kecanduan berhubungan dengan gaya hidup yang tidak banyak bergerak, siklus tidur yang berubah, dan pola makan yang buruk. Jika terjadi kegagalan pada kondisi teknis komputer, maka “gamer kronis” akan langsung kehilangan mood. Dia akan berada dalam keadaan stres, melampiaskan agresinya pada keluarga dan teman-temannya.

    Generasi dewasa

    Kecanduan game mendorong Anda untuk terus mengeluarkan uang untuk membeli peralatan baru dan memperbarui program yang diperlukan. Bagi orang yang kecanduan, kenyataan mulai menempati posisi kedua. Dia berhenti memikirkan pekerjaan, keluarga, dan perkembangan pribadinya. Pemikirannya hanya tentang menyelesaikan misi baru atau menginstal pembaruan baru.

    Tanda-tandanya akan memburuk seiring dengan berkembangnya kecanduan, meskipun banyak yang mulai menyadari kesia-siaan waktu mereka. Orang-orang seperti itu semakin berusaha untuk meninggalkan dunia yang ada dan membenamkan diri dalam realitas virtual. Lebih baik memainkan karakter dengan baik daripada menyelesaikan masalah nyata. Topik yang berkaitan dengan permainan komputer semakin banyak muncul dalam kosa kata orang yang kecanduan. Seiring waktu, mereka mulai menghabiskan seluruh waktu luangnya, dan otak hanya memikirkan mereka.

    Kecanduan judi mengarah pada fakta bahwa sistem saraf pusat (SSP) berada di bawah beban konstan, karena impuls tertentu terus-menerus dikirim ke otak, merangsang pusat-pusat tertentu. Pasien mungkin mengalami gejala berikut:

    1. Perubahan suasana hati yang tiba-tiba.
    2. Degradasi sosial.
    3. Kecemasan.
    4. Serangan panik, dll.

    Semakin lama masalah berlanjut, semakin besar pula konsekuensi yang diharapkan. Orang dewasa yang mencurahkan banyak waktunya untuk permainan komputer mulai mengalami ketidaknyamanan terus-menerus terkait dengan keraguan diri dan hilangnya makna hidup. Seperti yang ditunjukkan oleh praktik klinis, kecanduan game meninggalkan jejak tertentu pada libido, yang menyebabkan berbagai masalah di bidang seksual. Tidak sulit untuk memilih orang yang kecanduan dari kerumunan. Dia tidak melakukan kontak dengan baik dan menarik diri serta pemalu.

    Masalah anak-anak dan remaja

    Akibat kecanduan pada anak dan remaja agak berbeda. Jika permainan memasuki kehidupan seorang anak, maka dapat mempengaruhi pembentukan kepribadiannya. Tak lama kemudian, anak-anak pecandu judi berubah menjadi anak-anak yang sakit hati dan agresif jika orang tua mereka meminta mereka menjauh dari komputer setidaknya selama satu menit.

    Konsekuensi dari kecanduan akan dikaitkan dengan ketidakhadiran rutin di sekolah, dan berbohong kepada orang tua dan orang yang dicintai akan menjadi hal yang biasa. Di beberapa keluarga, anak-anak mulai mencuri atau meminta uang untuk permainan favorit mereka, yang dapat menyebabkan kekejaman karena plotnya yang agresif.

    Efek permainan dapat membebani jiwa anak yang belum dewasa. Garis tipis antara dunia nyata dan dunia maya bisa terhapus seluruhnya. Semakin dini anak-anak mulai terlibat dalam permainan, semakin cepat mereka mengalami masalah kesehatan dan akademik. Banyak yang mungkin memperhatikan bahwa semakin banyak waktu makan dilakukan tanpa meninggalkan komputer, dan ini semua mempengaruhi proses pencernaan.

    Saat di sekolah, semua pikiran seorang penjudi hanya dipenuhi dengan antisipasi akan waktu luang di masa depan. Remaja yang sakit mulai meninggalkan pergaulan mereka yang biasa, dan makanan yang tidak sehat semakin mendominasi pola makan mereka.

    Apa yang perlu Anda takuti?

    Konsekuensi dari setiap kecanduan berdampak negatif terhadap kesehatan setiap orang. Seiring berkembangnya kondisi saat ini, masalah pada persendian dan tulang belakang semakin terasa. Gaya hidup yang sedentary pada akhirnya menyebabkan terganggunya proses metabolisme.

    Duduk dalam waktu lama menyebabkan konsekuensi berikut:

    • Sakit kepala terus-menerus.
    • Nafsu makan menurun.
    • Kelelahan yang cepat.
    • Aktivitas menurun, dll.

    Saat mempertimbangkan kasus yang lebih lanjut, perlu untuk menyoroti masalah pada sistem kardiovaskular. Dengan penggunaan kafein dalam waktu lama, penipisan sistem saraf dapat dimulai, yang menyebabkan konsekuensi serius.

    Penting juga untuk mempertimbangkan fakta bahwa orang yang kecanduan mulai makan dengan buruk, dan ini mengarah pada perkembangan penyakit pada saluran pencernaan:

    • radang perut;
    • sembelit;
    • radang usus besar;
    • gastroduodenitis, dll.

    Mengingat masalah versi anak-anak, perlu dicatat bahwa perkembangan lobus otak yang bertanggung jawab untuk memori dan konsentrasi melambat. Jika orang tua tidak mengambil tindakan segera, anak mereka mungkin mengalami masalah perkembangan.

    Meskipun banyaknya masalah fisiologis, masalah psikologis perlu dipertimbangkan. Orang yang bergantung tidak dapat mencapai kesuksesan yang signifikan dalam hidup karena mereka kehilangan inisiatif dan “memadamkan api”. Keinginan yang terus-menerus untuk bermain game berdampak buruk pada hasil profesional: seorang karyawan dapat bermain selama jam kerja tanpa memenuhi tugasnya. Kelalaian dan kurangnya komitmen akan mengakibatkan pemecatan.

    Beberapa permainan komputer memerlukan suntikan uang terus-menerus agar dapat memainkannya. Hutang adalah konsekuensi alami dari kecanduan. Dengan harapan menang, seseorang dapat meminjam uang atau mengambil pinjaman.

    Semakin cepat seseorang menyadari masalahnya, semakin cepat pula tindakan yang dapat diambil untuk menghilangkannya. Jika Anda tidak dapat mengatasinya sendiri, Anda selalu dapat menghubungi spesialis berkualifikasi yang dapat memecahkan masalah tersebut. Semua kecanduan memiliki mekanisme perkembangan yang serupa, dan oleh karena itu yang utama adalah menemukan pengaruh yang tepat.

    Tampilan