Anda akan belajar cara mendapatkan daftar semua artikel yang dipublikasikan di sebuah situs.
Langkah 1. PersiapanPertama-tama Anda perlu menyalin perpustakaan simpleHTMLdom, yang tersedia di situs web
Arsip unduhan berisi beberapa file, tetapi Anda hanya memerlukan satu sederhana_html_dom.php. Semua file lainnya adalah contoh dan dokumentasi.
Langkah 2: Dasar-dasar PenguraianPerpustakaan ini sangat mudah digunakan, tetapi ada beberapa hal dasar yang perlu dipelajari sebelum Anda menggunakannya.
$html = baru simple_html_dom();// Memuat dari string
$html->memuat("
Halo Dunia!
");// Unggah data
$html->load_file("http://net.tutsplus.com/");
Anda dapat membuat objek sumber dengan memuat HTML baik dari string atau dari file. Memuat dari file dapat dilakukan dengan menentukan URL, atau dari sistem file lokal Anda.
Catatan: Metode memuat_file() delegasi bekerja ke fungsi PHP file_get_contents. Jika izinkan_url_fopen tidak disetel ke nilai BENAR dalam file Anda php.ini, maka Anda mungkin tidak dapat membuka file jarak jauh dengan cara ini. Dalam hal ini, Anda dapat kembali menggunakan pustaka CURL untuk memuat halaman jarak jauh dan kemudian membaca menggunakan metode ini memuat().
Akses terhadap informasi
Setelah Anda memiliki objek DOM, Anda dapat mulai mengerjakannya menggunakan metode ini menemukan() dan membuat koleksi. Koleksi adalah sekelompok objek yang ditemukan oleh pemilih. Sintaksnya sangat mirip dengan jQuery.
Halo Dunia!
Di sini.
Dalam contoh HTML ini, kita akan mengetahui cara mengakses informasi di paragraf kedua, mengubahnya, dan kemudian mencetak hasil tindakannya.
1. # membuat dan memuat HTML
2. include("simple_html_dom.php");
3. $html = baru simple_html_dom();
4. $html->muat(“
Halo Dunia!
“);5. # dapatkan elemen yang mewakili paragraf kedua
6. $elemen = $html->temukan(“p“);
7. # modifikasi
8. $element->innertext .= “ dan kami akan tetap di sini.“;
9. # Keluaran!
10. gema $html->simpan();
Baris 2-4: Muat HTML dari baris seperti yang dijelaskan di atas.
Baris 6: Temukan semua tag
Dalam HTML, dan kembalikan ke array. Paragraf pertama akan memiliki indeks 0, dan paragraf berikutnya akan diindeks sesuai dengan itu.
Baris 8: Akses elemen kedua dalam kumpulan paragraf kita (indeks 1), tambahkan teks ke atribut innertext-nya. Atribut innertext mewakili konten di antara tag, dan atribut outertext mewakili konten termasuk tag. Kita dapat mengganti tag sepenuhnya menggunakan atribut teks luar.
Sekarang mari tambahkan satu baris dan ubah kelas tag paragraf kedua.
$elemen->kelas = "nama_kelas";
gema $html->simpan();
HTML terakhir setelah perintah simpan akan terlihat seperti ini:
Halo Dunia!
Kami di sini dan kami di sini untuk tinggal.
Selector lainnya
Beberapa contoh penyeleksi lainnya. Jika Anda pernah menggunakan jQuery, semuanya akan tampak familier bagi Anda.
# dapatkan elemen pertama yang ditemukan dengan id=“foo“
$tunggal = $html->temukan("#foo", 0);
# dapatkan semua elemen dengan kelas “foo”
$koleksi = $html->temukan(".foo");
# dapatkan semua tag tautan di halaman
$koleksi = $html->temukan("a");
# dapatkan semua tag link yang terletak di dalam tag H1
$koleksi = $html->temukan("h1 a");
# dapatkan semua tag img dengan title="himom"!}
$koleksi = $html->temukan("img");
Contoh pertama memerlukan beberapa penjelasan. Semua kueri mengembalikan koleksi secara default, bahkan kueri ID, yang seharusnya hanya mengembalikan satu elemen. Namun, dengan menentukan parameter kedua, kita mengatakan “hanya kembalikan elemen pertama dari koleksi.”
Artinya $tunggal- elemen tunggal, dan bukan array elemen dengan satu anggota.
Contoh-contoh lainnya cukup jelas.
DokumentasiDokumentasi lengkap untuk perpustakaan tersedia di .
Untuk mendemonstrasikan cara kerja perpustakaan, kami akan menulis skrip untuk mengikis konten situs net.tutsplus.com dan menghasilkan daftar judul dan deskripsi artikel yang disajikan di situs....hanya sebagai contoh. Scraping adalah trik web dan tidak boleh digunakan tanpa izin dari pemilik sumber daya.
Sertakan("simple_html_dom.php");
$artikel = array();
getArticles("http://net.tutsplus.com/page/76/");
Mari kita mulai dengan menghubungkan perpustakaan dan memanggil fungsinya dapatkanArtikel menunjukkan halaman dari mana kita ingin mulai menguraikan.
Kami juga akan mendeklarasikan array global untuk memudahkan pengumpulan semua informasi tentang artikel di satu tempat. Sebelum kita mulai menguraikan, mari kita lihat bagaimana artikel di situs Nettuts+ dijelaskan.
...
Judul
...
Keterangan
Ini adalah format dasar postingan di situs, termasuk komentar pada kode sumber. Mengapa komentar itu penting? Mereka dihitung oleh parser sebagai node.
Langkah 4. Mulai fungsi penguraian fungsi getArticles($page) ($artikel global;
$html = baru simple_html_dom();
$html->load_file($halaman);
// ... Lebih jauh...
}
Kita mulai dengan mendeklarasikan array global, membuat objek baru simple_html_dom, lalu muat halaman untuk diurai. Fungsi ini akan dipanggil secara rekursif, jadi kami menetapkan URL halamannya sebagai parameter.
Langkah 5. Temukan informasi yang kita butuhkan
1. $item = $html->temukan("div");
2. foreach($item sebagai $post) (
3. # ingatlah untuk menghitung komentar sebagai node
4. $artikel = array($post->anak-anak(3)->teks luar,
5. $post->anak-anak(6)->anak_pertama()->teks luar);
6. }
Inilah inti dari fungsinya dapatkanArtikel. Kita perlu memeriksanya lebih detail untuk memahami apa yang terjadi.
Baris 1: Buat array elemen - tag div dengan kelas pratinjau. Kami sekarang memiliki koleksi artikel yang disimpan $item.
Baris 4: $posting sekarang mengacu pada satu div dari kelas pratinjau. Jika kita melihat HTML aslinya, kita dapat melihat bahwa elemen turunan ketiga adalah sebuah tag H1, yang memuat judul artikel. Kami mengambilnya dan menyesuaikannya $artikel.
Ingatlah untuk memulai dari 0 dan memperhitungkan komentar kode sumber saat menentukan indeks node yang benar.
Baris 5: Anak keenam $posting- Ini . Kami membutuhkan teks deskripsi darinya, jadi kami gunakan teks luar- Tag paragraf akan disertakan dalam deskripsi. Satu entri dalam array artikel akan terlihat seperti ini:
$artikel = “Judul artikel”;
$articles = “Ini adalah deskripsi artikel saya“
Langkah pertama adalah menentukan cara menemukan halaman berikutnya. Di situs Nettuts+ sangat mudah untuk menebak nomor halaman dari URL, namun kita perlu mendapatkan linknya dalam parsing.
Jika Anda melihat HTML, Anda akan menemukan yang berikut:
Ini adalah tautan ke halaman berikutnya dan kita dapat dengan mudah menemukannya berdasarkan kelas ‘ tautan posting berikutnya'. Sekarang informasi ini dapat digunakan.
If($next = $html->temukan("a", 0)) (
$URL = $berikutnya->href;
$html->hapus();
tidak disetel($html);
dapatkanArtikel($URL);
}
Di baris pertama kita memeriksa apakah kita dapat menemukan referensi dengan kelas tersebut tautan posting berikutnya. Perhatikan penggunaan parameter kedua dalam fungsi tersebut menemukan(). Dengan cara ini kami menunjukkan bahwa kami ingin mendapatkan elemen pertama (indeks 0) dalam koleksi yang dikembalikan. $berikutnya berisi satu elemen, bukan koleksi.
Kami kemudian menetapkan tautan HREF ke variabel $URL. Ini penting karena selanjutnya kita menghapus objek HTML. Untuk mencegah kebocoran memori di php5, objek saat ini simple_html_dom harus dihapus dan tidak disetel sebelum objek lain dapat dibuat. Jika hal ini tidak dilakukan, maka seluruh memori yang tersedia dapat terpakai.
Terakhir, kita memanggil fungsi getArticles dengan URL halaman berikutnya. Rekursi terhenti ketika tidak ada lagi halaman yang tersisa untuk diurai.
Langkah 7. Keluarkan hasilnyaPertama, kita akan menginstal beberapa gaya dasar. Semuanya sepenuhnya sewenang-wenang - Anda dapat menginstal apa pun yang Anda suka.
#utama (
margin:80px otomatis;
lebar:500 piksel;
}
jam1 (
font: tebal 40px/38px helvetica, verdana, sans-serif;
margin:0;
}
jam1 a (
warna:#600;
dekorasi teks: tidak ada;
}
P(
latar belakang: #ECECEC;
font:10px/14px verdana, sans-serif;
margin:8 piksel 0 15 piksel;
batas: 1px #CCC padat;
bantalan: 15 piksel;
}
.barang(
bantalan:10 piksel;
}
Kami kemudian menulis fungsi PHP kecil pada halaman untuk menampilkan informasi yang disimpan sebelumnya.
Hasil akhirnya adalah satu halaman HTML yang mencantumkan semua artikel dari halaman Nettuts+, dimulai dengan yang ditentukan pada panggilan pertama dapatkanArtikel().
Langkah 8. KesimpulanJika Anda mulai menggores halaman dalam jumlah besar (misalnya, keseluruhan situs), ini bisa memakan banyak waktu. Di situs seperti Nettuts+, yang memiliki lebih dari 86 halaman, proses penguraian bisa memakan waktu lebih dari satu menit.
Pelajaran ini memperkenalkan Anda pada topik penguraian HTML. Ada teknik manipulasi DOM lain yang memungkinkan Anda bekerja dengan pemilih xpath untuk menemukan elemen. Dijelaskan dalam pelajaran ini Perpustakaannya mudah digunakan dan bagus untuk itu mulai cepat. Ingatlah untuk meminta izin sebelum menggores suatu situs.
Saya belajar banyak tentang cara kerja kerangka MVC dengan melihat-lihat dan mempelajari kerangka kerja yang sudah ada. Sepertinya setiap kerangka kerja yang saya lihat memiliki tata letak di mana setiap metode di setiap pengontrol memiliki file templatnya sendiri. Jadi akan ada pola masuk, pola keluar, register, dll. Dll.
Pertanyaan saya adalah bagaimana dan mengapa Anda harus membuat template untuk seluruh halaman dalam satu file. Katakanlah Anda ingin menampilkan formulir login di lebih dari satu halaman, bukankah Anda perlu membuat formulir login untuk setiap template yang ingin Anda tampilkan? Bukankah ini melanggar Do Not Repeat Rules (DRY)?
Cara yang saya lakukan sejauh ini adalah membuat blok huruf templat dan kemudian menggabungkannya untuk membuat setiap halaman. Jadi, daripada melakukan hal seperti ini,
$title = "Bla Bla Bla"; $user = "Jon Miller"; include "index.phtml"; login form !}
saya melakukannya
$title = "Bla Bla Bla"; include "header.phtml"; $user = "Jon Miller"; include "user.phtml"; include "login_form.phtml"; include "footer.phtml"; header.phtml user.phtml login_form.phtml login form footer.phtml !}
Seperti biasa, saya hanya ingin mengetahui cara yang benar untuk melakukan ini, serta bagaimana dan mengapa... Ini sepertinya melanggar aturan KERING.
4 jawaban
Satu kata: Organisasi. Memisahkan setiap bagian halaman akan memungkinkan masing-masing bagian dilihat/diedit secara terpisah. Konsep sederhana ini sangat berguna. Misalnya, siapa pun di tim yang ingin menangani proses login dapat dengan mudah memahami bahwa mereka perlu mengedit login_form.phtml , dan mereka dapat yakin bahwa mengedit login_form.phtml akan mengurangi kemungkinan mengganggu fungsi lainnya secara tidak sengaja.
Cara terbaik adalah bagaimana saya melakukannya (tidak persis, tapi serupa).
$Judul = "Bla Bla Bla"; $User = "Jon Miller"; $ThemeName = "MyGreenPage"; $Contents = array("User", "Login_Form"); function Include($FileName) { if (file_exists($FileName)) include $FileName; } !}
Halaman Hijau Saya.phtml:
Pengguna.pcs:
/* Beberapa gaya yang dibutuhkan oleh Pengguna */
Pengguna.pjs:
/* Beberapa skrip dibutuhkan oleh Pengguna */
Pengguna.phtml:
Login_Formulir.pcs:
/* Beberapa style dibutuhkan oleh Login_Form */
Login_Formulir.pjs:
/* Beberapa skrip dibutuhkan oleh Login_Form */
login_form.phtml:
formulir masuk
Izinkan saya mengingatkan Anda lagi bahwa ini bukan yang saya lakukan (saya menggunakan OOP), jadi ini mungkin tidak berfungsi sebagaimana mestinya dan Anda mungkin perlu mengeditnya.
Anda harus memeriksa konsep tata letak dan bantuan tampilan. Meskipun saya terkait dengan versi Zend Framework dari konsep-konsep ini, kerangka kerja MVC lain (dan konsep MVC) juga harus memilikinya.
Ide dasarnya adalah halaman "tampilan" Anda - misalnya, formulir login - disertakan dalam tata letak situs Anda - keseluruhan templat yang digunakan di situs Anda. Saat Anda meminta pengontrol lain, dengan tampilan berbeda - misalnya profil pengguna - tampilan tersebut juga disertakan dalam tata letak yang sama.
Untuk menyertakan sesuatu seperti formulir login di semua halaman, Anda dapat menggunakan view helper. Pembantu tampilan ini dapat menampilkan pengguna saat ini atau menampilkan formulir login tergantung pada status login. Pembantu tampilan dapat disertakan dalam tata letak atau diaktifkan oleh pengontrol tertentu (selama kerangka MVC mengizinkan beberapa jenis segmen rendering).
Metode dua langkah "sertakan" bekerja lebih baik daripada menyertakan bagian secara linier (termasuk header, lalu konten, lalu footer - apa yang Anda lakukan sekarang) karena templat Anda tidak perlu memisahkan tag HTML. Tutorial Zend memiliki contoh visual yang bagus tentang templat tampilan dalam tata letak.
Cara paling umum untuk membuat template HTML adalah dengan menggunakan PHP- gunakan salah satu templat populer berikut:
Alternatifnya, Anda cukup meletakkan placeholder di HTML Anda yang terlihat seperti . Cukup unggah kode HTML Anda, jalankan ekspresi reguler, temukan semua placeholder dan gantikan dengan variabel yang sesuai.
Alternatifnya, Anda dapat memuat HTML Anda, menguraikannya sebagai dokumen DOM, dan kemudian memodifikasi DOM Anda. Saya membuat perpustakaan
Reg.ru: domain dan hosting
Pendaftar dan penyedia hosting terbesar di Rusia.
Lebih dari 2 juta nama domain dalam layanan.
Promosi, email domain, solusi bisnis.
Lebih dari 700 ribu pelanggan di seluruh dunia telah menentukan pilihannya.
*Arahkan mouse untuk menjeda pengguliran.
Mundur ke depan
HTML, CSS, PHP, JavaScript, SQL – apa dan mengapa?Pada materi kali ini saya ingin mengulas tentang tujuan dari bahasa pemrograman dan markup utama yang digunakan dalam pengembangan web.
Ide untuk menulis artikel ini tidak lahir secara spontan, tetapi di bawah pengaruh pertanyaan yang sering dikirimkan kepada saya melalui surat dan ditanyakan di layanan dukungan.
Ini adalah pertanyaan-pertanyaan berikut:
Dalam urutan apa Anda harus mempelajari bahasa pembuatan situs web?
- Mana yang lebih sulit: JavaScript atau PHP?
- Mengapa kita membutuhkan bahasa SQL?
- Apa perbedaan versi CSS satu sama lain, dan versi mana yang harus Anda pelajari?
- Bagaimana cara kerja situs dinamis?
- Untuk apa PHP?
dll…
Pada artikel ini saya akan berbicara tentang peran masing-masing bahasa ini dalam membuat situs web dan saya yakin sebagian besar pertanyaan umum akan hilang dari benak Anda.
Hampir tidak ada contoh kode dalam materi ini, karena... Kita dihadapkan pada tugas lain - untuk mendapatkan gambaran umum tentang tujuan setiap bahasa dan tempatnya dalam pengembangan web.
Jadi ayo pergi. Kita akan mulai dengan bahasa HTML.
Ekstensi file: .htm, .html
HTML adalah bahasa markup hypertext (dari bahasa Inggris. Hyper Text Markup Language).
Bahasa ini digunakan untuk membuat halaman web. Itu ditafsirkan (diproses) oleh browser dan ditampilkan sebagai dokumen dalam bentuk yang dapat dibaca manusia.
HTML adalah komponen integral dan dasar dari hampir semua halaman web. Bahasa HTML terutama bertindak sebagai sarana tata letak halaman yang logis.
HTML-lah yang memungkinkan kita memberi arti tertentu pada konten halaman, dan ini diwujudkan dengan menggunakan apa yang disebut tag.
Tag adalah penanda khusus yang ditafsirkan dengan cara tertentu oleh browser. Inti dari tag adalah bahwa konten halaman, yang diapit oleh tag yang berbeda, diproses secara berbeda oleh browser.
Katakanlah kita dapat menyertakan konten halaman dalam tag paragraf, dan konten ini akan dianggap sebagai paragraf oleh browser.
Kita dapat membungkus konten dalam tag daftar, dan kemudian informasi di dalamnya akan ditafsirkan sebagai daftar.
Kita bisa meletakkan konten dalam tag tabel, dan konten dalam dokumen yang dihasilkan akan muncul sebagai tabel, dll.
Dengan kata lain, masing-masing tag HTML dimaksudkan untuk menandai informasi teks memberikan informasi ini beberapa arti.
Bahasa HTML memiliki sejarah perkembangan yang cukup panjang dan selama ini telah mengalami perubahan yang cukup signifikan. Kebanyakan perubahan terkait dengan penambahan tag baru ke bahasa dan “penarikan dari peredaran” tag yang sudah usang. Pada saat artikel ini ditulis, pengembangan HTML 5.1 telah dimulai.
Versi HTML yang berbeda memiliki deklarasi yang berbeda tipe dokumen. Mari kita lihat beberapa contoh deklarasi tipe HTML 4.01 (at saat ini itu bisa dianggap ketinggalan jaman).
1. Ketat: Tidak mengandung item yang ditandai sebagai "usang" atau "usang":
2. Transisi: berisi tag lama untuk tujuan kompatibilitas dan untuk memudahkan migrasi dari versi HTML yang lebih lama:
3. Dengan bingkai (Frameset): mirip dengan transisi, tetapi juga berisi tag untuk membuat kumpulan bingkai:
Deklarasi tipe dokumen di atas akan semakin ketinggalan zaman seiring berjalannya waktu, digantikan oleh HTML 5.
HTML 5 hanya menggunakan satu opsi DOCTYPE(tipe dokumen):
Perlu juga disebutkan bahwa ada juga bahasa yang disebut XHTML. Ini adalah bahasa markup hypertext yang dapat diperluas. Bahasa Markup Hiperteks yang Dapat Diperluas). Saat ini pengembangannya telah dihentikan dan disarankan menggunakan HTML. Versi baru XHTML tidak dirilis.
Sebagai kesimpulan, saya juga ingin mencatat fakta bahwa HTML masih dapat digunakan untuk mengontrol tidak hanya struktur logis halaman web, tetapi juga beberapa aspeknya. penampilan.
Namun pendekatan ini dianggap salah dan ketinggalan zaman karena Ada bahasa tersendiri untuk mengatur tampilannya.
Ini mengakhiri HTML dan beralih ke bahasa CSS.
Ekstensi file: .css
CSS merupakan bahasa untuk mendeskripsikan tampilan suatu dokumen yang ditulis menggunakan bahasa markup. Namanya berasal dari bahasa Inggris. Lembar Gaya Bertingkat- lembar gaya berjenjang.
Sederhananya, CSS adalah bahasa yang dirancang untuk memberikan tampilan yang diinginkan pada dokumen HTML.
Memberikan tampilan pada dokumen HTML, meskipun paling populer, tetapi hanya merupakan kasus khusus dalam penggunaan bahasa CSS, karena dengan bantuannya Anda dapat memberikan tampilan pada jenis dokumen lainnya: XHTML, SVG Dan XUL. Kami tidak akan membicarakannya secara terpisah, karena... hal ini berada di luar cakupan permasalahan yang ada.
Jadi, tujuan pembuatan CSS adalah untuk memisahkan deskripsi struktur logis suatu halaman web dari tampilannya. Seperti yang sudah Anda ketahui, HTML digunakan untuk mendeskripsikan struktur, tetapi CSS digunakan untuk mendeskripsikan tampilan struktur logis ini.
Deskripsi terpisah tentang struktur logis dan penyajian dokumen memungkinkan Anda mengontrol tampilan dokumen dengan lebih fleksibel dan meminimalkan jumlah kode berulang yang pasti akan muncul saat menggunakan HTML untuk mendeskripsikan tampilan dokumen.
Dengan menggunakan CSS, pengembang web dapat mengatur berbagai jenis huruf dan ukuran font, warna elemen, indentasi elemen satu sama lain, lokasi masing-masing blok pada halaman, dll. untuk halaman dan elemen individualnya.
Tentu saja, untuk menggunakan CSS untuk memberikan tampilan dokumen HTML, dokumen ini harus dikaitkan dengan gaya, mis. "beri tahu" dokumen HTML bahwa dokumen itu akan ditata menggunakan CSS.
Untuk melakukan ini, ada berbagai cara untuk menghubungkan CSS ke dokumen, yang memberi tahu browser bahwa gaya harus diterapkan pada halaman secara keseluruhan, atau pada beberapa elemen individualnya.
Style sheet dapat ditempatkan langsung di dalam dokumen yang akan diterapkan, atau dalam file terpisah dengan ekstensi .css.
Penting untuk memahami hal itu File CSS adalah file teks biasa. Ini berisi instruksi khusus yang menjelaskan tampilan elemen dan posisinya pada halaman, serta komentar (penjelasan sewenang-wenang mengenai instruksi tertulis).
Gaya CSS dapat dihubungkan ke (atau disematkan di) halaman dengan empat cara berikut:
1. Jika style sheet berada dalam file terpisah, maka style sheet tersebut dihubungkan ke dokumen menggunakan tag khusus tautan, yang seharusnya ditempatkan di dokumen ini di dalam tag kepala:
Dalam atribut href Dalam hal ini, jalur ke file gaya yang disertakan ditunjukkan.
2. Metode koneksi kedua juga digunakan jika gaya berada dalam file terpisah. Dalam hal ini, arahan digunakan @impor, yang seharusnya ditempatkan di dokumen ini di dalam tag gaya kepala):
@import url(style.css);
Di sini, seperti yang Anda lihat, jalur ke file yang disertakan ditunjukkan dalam tanda kurung setelah kata url.
3. Metode ketiga digunakan ketika gaya CSS terletak di dalam dokumen yang akan diterapkan. Dalam hal ini, gaya harus ditempatkan di dokumen ini di dalam tag gaya(yang, pada gilirannya, harus berada di dalam tag kepala):
tubuh ( warna: merah; )
Pada contoh di atas, di dalam tag gaya gaya terletak yang mengatur warna teks merah untuk elemen tubuh Halaman web.
4. Metode keempat juga digunakan ketika style sheet dijelaskan dalam dokumen itu sendiri. Dalam hal ini, gaya disetel untuk elemen tertentu halaman web (tag) menggunakan atributnya gaya.
Dalam hal ini, semua aturan CSS yang ditentukan dengan cara ini hanya akan diterapkan pada tag saat ini (elemen halaman web).
Kami menggunakan style sheet bawaan.
Pada contoh di atas, kita mengatur ukuran dan warna font untuk satu paragraf teks tertentu dalam dokumen.
Untuk meringkas metode menghubungkan gaya, kita dapat mengatakan bahwa dalam dua kasus pertama style sheet eksternal diterapkan ke dokumen, sedangkan dalam metode 3 dan 4 kita berurusan dengan gaya bawaan (atau internal).
Aturan gayanya sendiri ditentukan dalam bentuk berpasangan "nilai properti;". Aturan-aturan ini berlaku untuk apa yang disebut penyeleksi. Katakanlah dalam contoh 3 kita berurusan dengan pemilih elemen ( tubuh). Properti itu adalah warna, dan sebagai nilai – merah.
Ada total 10 jenis penyeleksi, yang pertimbangannya, karena alasan yang jelas, berada di luar cakupan tinjauan ini.
Penting bagi Anda untuk memahami prinsip umum.
Selector mendefinisikan satu atau sekelompok elemen dimana aturan gaya akan diterapkan(dalam kasus kami ini adalah keseluruhan isi tag tubuh)
Properti dapat didefinisikan sebagai tipe transformasi yang akan diterapkan pada suatu elemen (dalam kasus kita ini adalah warna, yaitu. warna teks).
Makna secara langsung menentukan maknanya tipe tertentu transformasi (dalam contoh kita ini adalah merah, yaitu. Warna merah).
Dalam proses perkembangannya, bahasa CSS telah melalui banyak hal perjalanan jauh, dan saat ini ada beberapa levelnya: CSS1, CSS2, CSS2.1, CSS3. Sejak akhir tahun 2011, CSS4 telah dikembangkan.
Arti dari level yang berbeda adalah kesalahan yang ada diperbaiki, properti baru ditambahkan, mekanisme pemilih diperluas, dll.
Dengan kata lain, setiap level berikutnya bukanlah sesuatu yang terpisah, melainkan perkembangan logis dan kelanjutan dari level sebelumnya, memungkinkan kontrol tampilan halaman web yang lebih halus dan fleksibel.
Ini menyimpulkan ulasan kami tentang CSS dan beralih ke tautan berikutnya - bahasa PHP.
Ekstensi file: .php
Ketika Anda sudah memahami setidaknya sedikit tentang HTML dan CSS, pertanyaan langsung muncul: "Apa selanjutnya?". Anda ingin membuat situs web keren, tetapi Anda tidak dapat melakukannya menggunakan HTML dan CSS...
Di sini Anda memerlukan bahasa dengan jenis dan tujuan yang sama sekali berbeda.
PHP secara konsisten menduduki peringkat paling populer selama bertahun-tahun. bahasa populer pemrograman dan pengembangan web.
Apa itu PHP?
PHP singkatan dari Praprosesor Hiperteks(sesuatu seperti "praprosesor HTML").
Apa artinya ini? Mari kita mulai dari jauh: ada dua jenis bahasa. Satu jenis disebut "klien", Dan lainnya - "pelayan".
Artinya, bahasa klien berjalan di browser masing-masing individu. Perwakilan khas bahasa klien adalah JavaScript, yang mungkin pernah Anda dengar.
Semua tindakan dan perintah yang kami tentukan dalam, katakanlah, JavaScript dilakukan oleh browser (untuk kesederhanaan, kami tidak mempertimbangkan JavaScript sisi server).
Ini berarti bahwa kode yang sama yang kami tulis diproses dalam satu kasus oleh Internet Explorer, dalam kasus lain oleh Firefox, dalam kasus ketiga oleh Opera, dalam kasus keempat oleh Google Chrome, yaitu. browser yang digunakan semua orang orang spesial untuk melihat halaman kami.
Oleh karena itu, browser memiliki nama alternatif - klien.
Dalam kasus bahasa sisi server (termasuk PHP), kita melihat gambaran yang berbeda.
Situs web kami selalu terletak di beberapa server, mis. komputer canggih yang dirancang khusus untuk menampung situs web banyak orang.
Semua perintah dan skrip yang ditulis dalam PHP dijalankan di server dan tidak ada yang lain. Setelah skrip PHP dijalankan di server, server “memberikan” hasil kerjanya ke browser, yang mengubah hasil ini menjadi bentuk yang nyaman bagi kita.
Penting untuk memahami poin berikut di sini: dari kode sumber halaman web, yang dapat dilihat di browser apa pun melalui opsi seperti “Kode Sumber Halaman”, tidak mungkin untuk menentukan apakah PHP digunakan untuk membuat halaman ini atau bukan.
Hal ini tidak mungkin dilakukan justru karena Skrip PHP diproses di server, dan versi yang sudah selesai diproses ditransfer ke browser. Pada dasarnya hanya kode HTML.
Perbedaannya dibandingkan halaman HTML statis biasa adalah satu langkah pemrosesan kode tambahan.
Dalam kasus halaman HTML, hanya ada satu tahap: browser memproses kode HTML, yaitu. tata letak halaman sesuai dengan aturan tertentu, sebagai hasilnya kita melihat halaman web dalam bentuk normalnya.
Dalam kasus halaman PHP, ada dua tahap: pertama, yang disebut interpreter (handler) PHP mengeksekusi kode PHP (menghasilkan kode HTML sederhana), dan setelah itu browser memproses hasil pemrosesan ini, yaitu di Faktanya, tahap yang sama dilakukan, yang merupakan satu-satunya tahap dalam kasus halaman HTML.
Secara umum, PHP berfungsi dengan baik bila dipasangkan dengan HTML. Selain itu, Anda dapat memasukkan kode PHP ke dalam kode HTML, dan menggunakan PHP untuk menampilkan markup HTML.
Penting untuk mengingat poin sederhana ini: Tidak peduli seberapa rumit kode PHP Anda, pada akhirnya kode tersebut akan berakhir sebagai HTML biasa.
Mengapa menggunakan PHP?
HTML 100% statis. Dengan menyematkan kode PHP ke halaman kami, kami dapat memastikan bahwa konten halaman yang sama berbeda-beda tergantung pada kondisi tertentu(halaman dinamis).
Di belakang bertahun-tahun yang panjang Sejak awal, PHP telah membuktikan dirinya sebagai solusi terbaik untuk membuat situs web dinamis.
Apa yang Anda perlukan untuk memulai dengan PHP?
Untuk sepenuhnya bekerja dengan PHP di komputer Anda, Anda memerlukan hal-hal berikut:
1. Server web Apache (digunakan dalam banyak kasus);
2. Database Management System (DBMS) MySQL (isi situs disimpan dalam database);
3. Penerjemah PHP yang diinstal;
4. Editor teks tempat Anda akan menulis kode;
5. Peramban.
Sekarang sedikit lagi tentang tiga poin pertama.
1. Server web dirancang untuk mensimulasikan di komputer Anda server yang sama tempat situs web Anda kemudian akan dihosting di hosting Internet. Ini diperlukan agar Anda dapat menulis skrip PHP apa pun di komputer Anda dan melihat cara kerjanya, membuat perubahan dan mengeditnya. Singkatnya, ini diperlukan untuk apa yang disebut debugging.
2. DBMS MySQL diperlukan untuk menyimpan informasi yang akan ada di website Anda. Dalam kasus halaman HTML, seluruh konten situs terletak langsung di dalamnya. Setiap halaman berisi sejumlah informasi (konten).
Saat menggunakan PHP, database biasanya digunakan untuk menyimpan konten website yang bermanfaat. Dalam sebagian besar kasus, ini adalah MySQL.
3. Interpreter PHP adalah sejenis program yang memproses kode PHP di server web. Tanpanya, kita tidak akan bisa menjalankan skrip PHP kita dan melihat hasil kerjanya.
Untuk memberitahu server web untuk memproses kode PHP, Anda harus menggunakan sintaks berikut saat menambahkan PHP ke dokumen HTML:
Dalam hal ini, server web, setelah mencapai tag pembuka PHP ( ) juru bahasa PHP berhenti bekerja.
Sekarang mari kita kembali ke peran PHP dalam pembuatan website.
Pertama-tama mari kita bayangkan bahwa kita memiliki situs web statis sederhana yang ditulis dalam HTML. Ini terdiri dari sejumlah halaman dan hanyalah kumpulan file yang tidak dapat diubah.
Tidak ada cara untuk membuat formulir di situs ini masukan, komentar, pendaftaran pengguna, pencarian, dll.
Selain itu, situs tersebut tidak dapat memiliki panel kontrol yang dapat digunakan untuk menambahkan halaman baru atau mengedit dan menghapus halaman yang sudah ada.
Ketika hanya menggunakan bahasa HTML, kami sangat terbatas dalam membuat situs yang benar-benar nyaman dan fungsional, karena kami tidak memiliki “pengungkit” untuk setiap halaman tertentu.
Yang bisa kita lakukan hanyalah membuka halaman HTML terpisah secara manual di editor kode dan memodifikasinya.
Menggunakan bahasa PHP memungkinkan kita membuat situs web yang benar-benar kuat karena kita dapat memikirkan dan menerapkan “perilaku” situs web kita.
Dengan kata lain, kami dapat membuat situs kami berperilaku berbeda dalam situasi berbeda, bertindak sesuai dengan algoritme yang telah kami tetapkan, bergantung pada terpenuhi atau tidaknya kondisi tertentu.
Kemampuan untuk mengatur logika “perilaku” situs yang kita butuhkan adalah salah satu yang paling penting dan paling berharga dalam bahasa PHP.
Seiring dengan kelebihan yang telah disebutkan, perlu disebutkan bahwa PHP memberi kita banyak alat untuk bekerja dengan berbagai jenis data.
Paling sering Anda harus berurusan dengan data teks dan data yang disajikan dalam bentuk array. Untuk memfasilitasi tugas-tugas ini, PHP menyediakan banyak fungsi memungkinkan Anda memanipulasi informasi apa pun dengan mudah.
Selain itu, bahasa PHP memungkinkan kita bekerja dengan file dan folder. Kita dapat menggunakannya untuk membuat, mengedit dan menghapus file dan folder. Kami dapat memindahkan dan mengganti namanya serta melakukan banyak operasi lainnya.
Tentu saja, hal seperti itu tidak dapat diabaikan poin penting, sebagai kemampuan menggunakan PHP untuk mengatur interaksi pengguna yang lebih nyaman dengan situs.
Ini adalah hal-hal seperti:
Formulir umpan balik;
- kemampuan berkomentar;
- pendaftaran pengguna;
- Mencari situs;
- menyimpan informasi yang dimasukkan oleh pengguna (berdasarkan prinsip “keranjang belanja”); dll.
Dan, tentu saja, PHP secara aktif digunakan untuk membuat berbagai panel admin, tempat Anda dapat mengelola situs web Anda dengan mudah dan nyaman.
Menambahkan materi baru, mengedit kategori, memoderasi komentar, mengubah item menu situs, mengelola pengaturan - semua ini dan masih banyak lagi yang dapat dilakukan menggunakan PHP.
Untuk meringkas gambaran umum bahasa PHP, kita dapat mengatakan itu langkah berikutnya Setelah menguasai HTML dan CSS, sebaiknya Anda mempelajari PHP, karena... Inilah yang memungkinkan Anda untuk pindah ke tingkat yang berbeda secara mendasar dalam pembuatan situs web.
Kami menyelesaikan dengan PHP dan beralih ke bahasa lain - JavaScript.
Ekstensi file: .js
JavaScript adalah bahasa pemrograman yang paling banyak digunakan di browser untuk menambah interaktivitas pada halaman web.
Penting untuk dipahami bahwa ini bukan satu-satunya bidang penerapan JavaScript, namun, dalam kerangka topik kita, yang paling tepat adalah mempertimbangkan penggunaan khusus bahasa ini.
Tugas utama JavaScript dalam konteks yang sedang kami pertimbangkan adalah memanipulasi elemen model DOM halaman web.
Mari kita cari tahu apa itu DOM.
DOM adalah Model Objek Dokumen. Model Objek Dokumen).
Menurut DOM, sebuah dokumen (misalnya, halaman web) dapat direpresentasikan sebagai pohon objek yang memiliki sejumlah properti yang memungkinkan berbagai manipulasi dengannya:
Menerima node;
- perubahan node;
- mengubah koneksi antar node;
- penghapusan node.
Manipulasi inilah yang memungkinkan kita melakukan bahasa JavaScript pada elemen halaman.
Untuk menambahkan kode JavaScript ke halaman, Anda dapat menggunakan tag naskah. Disarankan untuk menempatkannya di dalam tag kepala, meskipun hal ini tidak perlu.
Kontainer naskah bisa ada sebanyak yang Anda suka dalam satu dokumen. Dalam hal ini, atributnya "ketik="teks/javascript"" Tidak perlu disebutkan, karena arti javascript adalah nilai default.
Di bawah ini adalah contoh skrip yang menampilkan apa yang disebut jendela modal dengan teks klasik "Halo Dunia!" di dalam peramban:
alert("Halo Dunia!");
Anda juga dapat menempatkan kode JavaScript di dalam tag. Spesifikasi HTML menjelaskan sekumpulan atribut yang digunakan untuk mendefinisikan event handler. Perhatikan contoh ini:
Menghapus
Dalam hal ini, jika jawabannya negatif (yaitu “tidak”, jika kami tidak yakin), tautan tersebut diblokir.
Harap dicatat bahwa ini tidak dianggap sebagai praktik JavaScript yang baik.
Penggunaan JavaScript yang benar adalah pendekatan ini. Pertama kami memberikan pengenal ( id="tautan peringatan") tautan:
Hapus Setelah ini, tulis kode berikut dalam file JavaScript terpisah (cara menghubungkannya ke dokumen akan ditunjukkan di bawah): window.onload = function() ( var linkWithAlert = document.getElementById("alertLink"); linkWithAlert.onclick = function() ( return konfirmasi("Apakah Anda yakin?"); );
Dalam contoh ini, kita membuat fungsi yang aktif ketika halaman web dimuat. Fungsi ini menemukan elemen dengan id tautan peringatan dan melacak peristiwa klik di dalamnya (yaitu pada tautan “Hapus”).
Setelah acara klik, kami menampilkan jendela modal dengan pesan yang sudah kami kenal.
Mungkin, contoh ini Anda mungkin akan merasa sedikit kesulitan jika Anda tidak tahu apa-apa tentang JavaScript, tapi itu tidak terlalu penting pada tahap ini.
Penting bagi Anda untuk memahami prinsip itu sendiri, pendekatan kerja saat menggunakan JavaScript.
Dan terakhir, seperti yang saya janjikan di atas, mari kita lihat bagaimana Anda dapat menghubungkan JavaScript dari file eksternal.
Di sini situasinya sangat mirip dengan kasus CSS, hanya saja alih-alih kode CSS kita menulis kode JavaScript dalam sebuah file (dengan ekstensi .js), dan kemudian menghubungkannya ke file yang kita butuhkan di tag kepala menggunakan desain:
Setelah manipulasi tersebut, kita akan memiliki akses ke semua fungsi yang kita tulis di file JavaScript.
Jadi, kita dapat mengatakan bahwa JavaScript adalah bahasa yang memungkinkan Anda untuk secara aktif mengontrol struktur halaman Anda, memanipulasi elemen-elemennya.
Dalam praktiknya, hal ini diterapkan dalam pembuatan berbagai efek animasi, efek memindahkan, melarutkan, memperbesar dan memperkecil objek.
JavaScript digunakan untuk membuat berbagai galeri foto, yang disebut penggeser atau pemutar konten, yang intinya adalah dalam hal tertentu ruang terbatas terjadi pergantian berbagai objek (misalnya gambar).
JavaScript sering digunakan untuk verifikasi data awal, yang dimasukkan pengguna ke dalam formulir.
Berbicara tentang JavaScript, tidak ada salahnya untuk menyebutkan perpustakaan JavaScript khusus ( jQuery, Prototipe, MooTools dan sebagainya.)
Inti dari perpustakaan JavaScript adalah untuk menyediakan antarmuka lintas browser ke metode DOM.
Ini berarti Anda dapat menggunakan fungsi tertentu, sudah ditulis dalam kerangka perpustakaan tertentu dan mendapatkan hasil yang Anda perlukan, bekerja sama baiknya di semua browser.
Selain itu, perpustakaan membebaskan pengembang web dari kebutuhan untuk mempelajari JavaScript itu sendiri secara mendetail, menyediakan sejumlah alat yang mudah digunakan yang memudahkan manipulasi model objek dokumen.
Ringkasnya, kami dapat mengatakan bahwa JavaScript dapat menjadi “sorotan” situs Anda, baik dalam hal dekorasinya maupun dalam hal fungsionalitas tambahan yang dapat disediakan menggunakan bahasa ini.
Kita sudah selesai dengan JavaScript, jadi kita lanjutkan ke bahasa terakhir– SQL
Ekstensi file: .sql
SQL adalah bahasa logika informasi yang dirancang untuk mendeskripsikan, memodifikasi, dan mengambil data yang disimpan dalam database relasional.
Untuk lebih memahami definisi ini, kita akan mulai dengan konsep paling dasar, yang tanpanya tidak ada gunanya melangkah lebih jauh.
Mengapa Anda memerlukan database?
Saat ini, ketika mengembangkan aplikasi web yang serius, database hampir selalu digunakan. Mereka menyimpan informasi yang diperlukan untuk pengoperasian situs - mulai dari konten itu sendiri (konten), dan diakhiri dengan login dan kata sandi pengguna serta berbagai pengaturan situs.
Terlepas dari kenyataan bahwa database tidak hanya dapat menyimpan informasi teks, tetapi juga, katakanlah, gambar, beberapa dokumen, dll., sebagai suatu peraturan, database masih digunakan secara khusus untuk menyimpan informasi teks, dan informasi jenis lain disimpan dalam bentuk file.
Basis data memiliki sejumlah keunggulan dibandingkan, misalnya, dengan menyimpan informasi teks dalam file:
1. Kecepatan tinggi memperoleh informasi;
2. Mereka mengizinkan akses acak ke data. (yaitu mudah untuk mengakses satu entri tertentu dalam database);
3. Dari database kita dapat mengekstrak data yang memenuhi kriteria tertentu yang kita minati;
4. Menggunakan database memungkinkan kita tidak perlu khawatir tentang akses paralel ke data. Itu. Dalam hal ini, tidak menjadi masalah bagi kami jika beberapa lusin orang dapat meminta catatan yang sama secara bersamaan.
Jika kita berurusan dengan file, itu akan jauh lebih sulit bagi kita.
Oleh karena itu, akses paralel ke data adalah salah satu keuntungan terpenting dari database.
Perbedaan antara database dan DBMS
Penting untuk membedakan istilah-istilah "basis data" Dan "sistem manajemen basis data" (DBMS).
Basis data adalah informasi yang kami simpan dan struktur informasi tersebut, sedangkan DBMS adalah program yang menyediakan akses ke basis data bagi aplikasi eksternal.
Basis data adalah sesuatu yang kami rancang secara mandiri untuk setiap proyek tertentu, menentukan strukturnya berdasarkan fungsi aplikasi masa depan kami.
DBMS dipilih oleh kami dari daftar terbatas tertentu (Oracle, MySQL, PostgreSQL, dll.)
Paling sering Anda dapat menemukan kombinasi PHP + MySQL. Dalam kebanyakan kasus, Anda juga akan mengerjakannya.
Sekarang mari kita pertimbangkan konsep database relasional.
Saat ini, database relasional adalah yang paling populer.
Database relasional adalah database yang terdiri dari tabel.
Kata “relasional” sendiri berasal dari bahasa Inggris. hubungan- sikap.
Yang kami maksud dengan "hubungan" adalah hubungan antara berbagai tabel dimasukkan ke dalam basis data.
Yang khas adalah bahwa tabel-tabel dalam database sebenarnya adalah tabel-tabel biasa, yang pada dasarnya identik dengan tabel-tabel apa pun yang pernah Anda temui dalam hidup - mulai dari tabel perkalian dan diakhiri dengan tabel-tabel di Microsoft Excel.
Tabelnya memiliki beberapa jumlah terbatas kolom (biasanya kecil) dan baris sebanyak yang diinginkan.
Bagaimana cara memasukkan data baru ke dalam database, mengubahnya, menghapusnya, dan melakukan manipulasi lainnya?
Ada bahasa khusus untuk ini, SQL. Bahasa kueri terstruktur- bahasa kueri terstruktur).
Itu. SQL bersifat universal bahasa komputer, dirancang khusus untuk mengelola database relasional.
Dengan bantuannya, kita dapat melakukan hampir semua operasi: mulai dari membuat database hingga mengambil kumpulan informasi apa pun dari database.
Biasanya, query SQL dikirim ke DBMS melalui program eksternal. Dalam hal ini, DBMS mengeksekusi permintaan tertentu dan mengembalikan hasil tertentu sebagai respons.
Setiap perintah SQL dapat berupa permintaan data dari database atau panggilan ke database yang menyebabkan data dalam database berubah. Bergantung pada perubahan apa yang terjadi dalam database, jenis kueri berikut dibedakan:
Permintaan untuk membuat atau mengubah objek baru atau yang sudah ada dalam database (dalam hal ini, permintaan menjelaskan jenis dan struktur objek yang dibuat atau diubah);
- permintaan data;
- permintaan untuk menambahkan data baru (catatan)
- permintaan untuk menghapus data;
- panggilan ke DBMS.
Dengan demikian, bahasa SQL adalah penghubung yang menjamin interaksi aplikasi web dengan database dan informasi yang tersimpan di dalamnya.
Bahasa SQL hampir tidak bisa disebut sederhana, dan penggunaan penuhnya akan membutuhkan banyak usaha dari Anda untuk mempelajarinya.
Itulah sebabnya di banyak alat pengembangan web (misalnya, dalam kerangka CodeIgniter), interaksi situs dengan database diimplementasikan menggunakan semacam "add-on" yang memungkinkan Anda melakukan semua tindakan yang diperlukan dengannya tanpa harus belajar. bahasa SQL itu sendiri.
Namun, jika Anda tidak menggunakan alat seperti CodeIgniter, maka untuk membuat aplikasi web berbasis database yang lengkap, Anda tentu saja harus menguasai SQL.
Baiklah, mari kita rangkum sedikit ulasan ini.
Fondasi pengembangan web telah dan tetap menjadi bahasa HTML. Tanpanya, segala sesuatu yang lain praktis tidak ada artinya, karena markup HTML-lah yang diubah oleh browser menjadi gambar akhir yang kita lihat di layar monitor.
CSS adalah alat untuk menentukan tampilan dan posisi berbagai elemen halaman web, yang memungkinkan kita mengontrol tampilan aplikasi web secara fleksibel.
PHP memungkinkan kita membuat situs web dinamis yang kuat yang memiliki logika perilaku tertentu. PHP juga memberi kita kemungkinan yang hampir tak terbatas untuk memperluas fungsionalitas situs.
JavaScript adalah tambahan yang penting, namun tidak selalu diperlukan. Ini dapat secara signifikan meningkatkan kegunaan situs Anda dan interaktivitasnya, serta menambahkan “semangat” tertentu ke dalamnya.
Terakhir, SQL memungkinkan kita mengatur interaksi situs dengan database, yang memungkinkan kita, bersama dengan bahasa PHP, membuat situs yang benar-benar kuat dan fungsional.
Hormat kami, Dmitry Naumenko.
P.S. Beberapa hal sudah jelas, tapi ke mana harus pergi selanjutnya? Lihatlah lebih dekat pelajaran premium di berbagai aspek pembuatan situs web, serta kursus gratis tentang cara membuat sistem CMS Anda sendiri di PHP dari awal. Semua ini akan membantu Anda menguasai teknologi web dengan lebih cepat dan mudah: dari HTML dan CSS hingga JavaScript, PHP, dan SQL.
Apakah Anda menyukai materinya dan ingin mengucapkan terima kasih?
Cukup bagikan dengan teman dan kolega Anda!
Saat mengerjakan pembaruan situs web, saya memperhatikan tata letak lama saya ketika saya masih baru mengenal PHP. Dengan mempertimbangkan pengalaman yang diperoleh, kekurangan metode tata letak lama terlihat ketika HTML membingkai PHP dan tidak terletak di dalamnya.
Sayangnya, saya masih belum menemukan sesuatu yang menarik mengenai subjek ini untuk dibaca tentang cara terbaik untuk menatanya. Namun, melihat kode tata letak modern, saya semakin memperhatikan bahwa html hampir selalu terletak di dalam struktur php. Dan ada keuntungan yang signifikan dalam hal ini.
Mari kita lihat keuntungan memiliki HTML di dalam PHP menggunakan contoh output header di WordPress.
Di bawah ini adalah konstruksi dari jenis kode berikut: jika ada data di bidang khusus tertentu, maka kami menampilkan header dengan data tersebut. Saya mengambil kode layout dalam bentuk aslinya, seperti sebelumnya. Dia tampak seperti ini:
< ! -- Title -- > < h3 class = "archive-entry-title" itemprop = "name" > < a href = " " rel = "bookmark" title = " " > < / a > < / h3 >
< ! -- Title End -- > |
Ada beberapa kelemahan pada desain kode ini. Pertama, ini tidak visual - semuanya ditulis dalam satu baris. Hal ini dilakukan dengan sengaja agar tidak ada ruang kosong di antara tag H1, H2, H3. Lagi pula, tidak ada gunanya memiliki spasi di tag judul. Tidak mungkin untuk memprediksi bagaimana hal ini akan mempengaruhi situs dalam hal ini di antara mesin pencari. Apakah penambahan spasi akan mengurangi kekuatan judul atau tidak. Mengingat tidak ada jawaban atas pertanyaan seperti itu, kita harus berasumsi yang terburuk. Dan karena itu menulis bersama.
Sebaliknya, sebagai kelanjutan dari apa yang telah dikatakan, jika kita membuat kode di atas menjadi visual:
< ! -- Title -- > < h3 class = "archive-entry-title" itemprop = "name" > < a href = " " rel = "bookmark" title = " " >
< / a > < / h3 >
< ! -- Title End -- > |
Kemudian ketika melihat kode HTML halaman di browser di header tag h3, kita akan melihat yang berikut:
Kita juga membutuhkan kodenya agar mudah dibaca saat mengedit, dan kemudian juga akan ditampilkan dengan lancar saat memuat situs. Yakni agar tampilannya menjadi seperti ini:
Untuk melakukan ini, Anda harus menggunakan PHP dan membungkus semua kode html di dalamnya. Dan kita mengerti tampilan selanjutnya kode php untuk tajuk WordPress:
< ! -- Title -- > |
Masyarakat adalah suatu objek yang kompleks sehingga ilmu pengetahuan saja tidak dapat mempelajarinya. Hanya dengan menggabungkan upaya banyak ilmu pengetahuan kita dapat mendeskripsikan dan mempelajari secara utuh dan konsisten pendidikan yang kompleks, yang hanya ada di dunia ini, masyarakat manusia. Keseluruhan ilmu yang mempelajari masyarakat secara keseluruhan disebut ilmu sosial. Ini termasuk filsafat, sejarah, sosiologi, ekonomi, ilmu politik, psikologi dan psikologi sosial, antropologi dan studi budaya. Ini adalah ilmu-ilmu dasar, terdiri dari banyak subdisiplin, bagian, arah, dan sekolah ilmiah.
Ilmu sosial, yang muncul lebih lambat dari banyak ilmu lainnya, menggabungkan konsep dan hasil spesifiknya, statistik, data tabular, grafik dan diagram konseptual, serta kategori teoretis.
Seluruh rangkaian ilmu-ilmu yang berkaitan dengan ilmu sosial dibagi menjadi dua jenis yaitu sosial dan kemanusiaan.
Jika ilmu-ilmu sosial adalah ilmu tentang perilaku manusia, maka humaniora adalah ilmu tentang ruh. Bisa dikatakan lain, pokok bahasan ilmu sosial adalah masyarakat, pokok bahasan humaniora adalah kebudayaan. Mata pelajaran utama ilmu-ilmu sosial adalah studi tentang perilaku manusia.
Sosiologi, psikologi, psikologi sosial, ekonomi, ilmu politik, serta antropologi dan etnografi (ilmu tentang masyarakat) termasuk dalam ilmu Sosial . Mereka memiliki banyak kesamaan, berkerabat dekat dan membentuk semacam kesatuan ilmiah. Berdekatan dengannya adalah sekelompok disiplin ilmu terkait lainnya: filsafat, sejarah, sejarah seni, studi budaya, studi sastra. Mereka diklasifikasikan sebagai pengetahuan kemanusiaan.
Karena perwakilan ilmu-ilmu tetangga terus-menerus berkomunikasi dan memperkaya satu sama lain dengan pengetahuan baru, batasan antara filsafat sosial, psikologi sosial, ekonomi, sosiologi, dan antropologi dapat dianggap sangat bersyarat. Di persimpangannya, ilmu-ilmu interdisipliner terus bermunculan, misalnya antropologi sosial muncul di persimpangan sosiologi dan antropologi, dan di persimpangan ekonomi dan psikologi - psikologi ekonomi. Selain itu, ada disiplin ilmu integratif seperti antropologi hukum, sosiologi hukum, sosiologi ekonomi, antropologi budaya, antropologi psikologis dan ekonomi, sosiologi sejarah.
Mari kita kenali lebih dalam tentang kekhususan ilmu-ilmu sosial terkemuka:
Ekonomi adalah ilmu yang mempelajari prinsip-prinsip organisasi aktivitas ekonomi manusia, hubungan produksi, pertukaran, distribusi dan konsumsi yang terbentuk dalam setiap masyarakat, menjadi dasar perilaku rasional produsen dan konsumen barang. Ilmu ekonomi juga mempelajari perilaku sejumlah besar orang dalam situasi pasar. Kecil dan besar - di depan umum dan pribadi- orang tidak dapat mengambil satu langkah pun tanpa mempengaruhi hubungan ekonomi . Ketika bernegosiasi suatu pekerjaan, membeli barang di pasar, menghitung pemasukan dan pengeluaran, menuntut pembayaran upah, bahkan melakukan kunjungan, kita – baik langsung maupun tidak langsung – memperhatikan prinsip menabung.
Sosiologi adalah ilmu yang mempelajari hubungan-hubungan yang timbul antara kelompok dan komunitas manusia, sifat-sifat struktur masyarakat, permasalahan-permasalahan. kesenjangan sosial dan prinsip penyelesaian konflik sosial.
Ilmu politik adalah ilmu yang mempelajari fenomena kekuasaan secara spesifik manajemen sosial, hubungan yang timbul dalam proses pelaksanaan kegiatan pemerintahan.
Psikologi adalah ilmu tentang pola, mekanisme dan fakta kehidupan mental manusia dan hewan. Tema utama pemikiran psikologi pada zaman dahulu dan Abad Pertengahan adalah masalah jiwa. Psikolog mempelajari perilaku yang stabil dan berulang dalam perilaku individu. Fokusnya pada masalah persepsi, ingatan, pemikiran, pembelajaran dan pengembangan kepribadian manusia. DI DALAM psikologi modern banyak cabang ilmu pengetahuan, termasuk psikofisiologi, zoopsikologi dan psikologi komparatif, psikologi sosial, psikologi anak dan psikologi pedagogis, psikologi yang berkaitan dengan usia, psikologi tenaga kerja, psikologi kreativitas, psikologi medis, dll.
Antropologi - ilmu asal usul dan evolusi manusia, pendidikan ras manusia dan tentang variasi normal struktur fisik orang. Dia mempelajari suku-suku primitif yang bertahan hingga saat ini dari zaman primitif di sudut-sudut planet yang hilang: adat istiadat, tradisi, budaya, dan pola perilaku mereka.
Studi psikologi sosial kelompok kecil(keluarga, sekelompok teman, tim olahraga). Psikologi sosial adalah disiplin terdepan. Dia dibentuk di persimpangan sosiologi dan psikologi, mengambil tugas-tugas yang tidak dapat diselesaikan oleh orang tuanya. Ternyata masyarakat besar tidak secara langsung mempengaruhi individu, melainkan melalui perantara – kelompok kecil. Dunia teman, kenalan, dan kerabat terdekat ini memainkan peran luar biasa dalam kehidupan kita. Kita umumnya hidup dalam skala kecil, bukan dunia besar- di rumah tertentu, di keluarga tertentu, di perusahaan tertentu, dll. Dunia kecil terkadang lebih mempengaruhi kita dibandingkan dunia besar. Itulah sebabnya muncul ilmu pengetahuan yang menanggapinya dengan cermat dan sangat serius.
Sejarah merupakan salah satu ilmu terpenting dalam sistem pengetahuan sosial dan kemanusiaan. Objek kajiannya adalah manusia dan aktivitasnya sepanjang keberadaan peradaban manusia. Kata "sejarah" asal Yunani dan berarti "penelitian", "pencarian". Sebagian ulama berpendapat bahwa objek kajian sejarah adalah masa lalu. Sejarawan Prancis terkenal M. Blok dengan tegas menolak hal ini. “Gagasan bahwa masa lalu dapat menjadi objek ilmu pengetahuan adalah hal yang tidak masuk akal.”
Munculnya ilmu sejarah sudah ada sejak zaman peradaban kuno. "Bapak sejarah" dianggap sebagai sejarawan Yunani kuno Herodotus, yang menyusun sebuah karya yang didedikasikan untuk perang Yunani-Persia. Namun, hal ini tidak adil, karena Herodotus tidak banyak menggunakan data sejarah melainkan legenda, legenda, dan mitos. Dan karyanya tidak dapat dianggap sepenuhnya dapat diandalkan. Masih banyak lagi alasan untuk menganggap Thucydides, Polybius, Arrian, Publius Cornelius Tacitus, dan Ammianus Marcellinus sebagai bapak sejarah. Para sejarawan kuno ini menggunakan dokumen, pengamatan mereka sendiri, dan laporan saksi mata untuk menggambarkan peristiwa. Semua masyarakat kuno menganggap diri mereka ahli sejarah dan menghormati sejarah sebagai guru kehidupan. Polybius menulis: “pelajaran yang diambil dari sejarah pasti mengarah pada pencerahan dan persiapan untuk belajar.” urusan publik“, Kisah cobaan orang lain adalah yang paling mudah dipahami atau satu-satunya guru yang mengajarkan kita untuk berani menanggung perubahan nasib.”
Meskipun seiring berjalannya waktu, masyarakat mulai meragukan bahwa sejarah dapat mengajarkan generasi berikutnya untuk tidak mengulangi kesalahan masa lalu, pentingnya mempelajari sejarah tidak dapat disangkal. Sejarawan Rusia paling terkenal V.O. Klyuchevsky menulis dalam refleksinya tentang sejarah: “Sejarah tidak mengajarkan apa pun, tetapi hanya menghukum karena ketidaktahuan akan pelajarannya.”
Kajian budaya terutama tertarik pada dunia seni - seni lukis, arsitektur, patung, tari, bentuk hiburan dan tontonan massal, lembaga pendidikan dan ilmu pengetahuan. Subjek kreativitas budaya adalah a) individu, b) kelompok kecil, c) kelompok besar. Dalam pengertian ini, kajian budaya mencakup semua jenis perkumpulan masyarakat, namun hanya sebatas yang menyangkut penciptaan nilai-nilai budaya.
Demografi mempelajari populasi - seluruh kumpulan orang yang membentuk masyarakat manusia. Demografi terutama tertarik pada cara mereka bereproduksi, berapa lama mereka hidup, mengapa dan berapa jumlah mereka yang meninggal, dan ke mana banyak orang berpindah. Dia memandang manusia sebagian sebagai makhluk alami, sebagian lagi sebagai makhluk sosial. Semua makhluk hidup dilahirkan, mati dan berkembang biak. Proses-proses ini terutama dipengaruhi oleh hukum biologis. Misalnya, ilmu pengetahuan telah membuktikan bahwa seseorang tidak dapat hidup lebih dari 110-115 tahun. Ini adalah sumber daya hayatinya. Namun, sebagian besar orang hidup sampai usia 60-70 tahun. Namun saat ini, dan dua ratus tahun yang lalu, rata-rata harapan hidup tidak melebihi 30-40 tahun. Bahkan saat ini, penduduk di negara miskin dan terbelakang hidup lebih sedikit dibandingkan di negara kaya dan maju. Pada manusia, harapan hidup ditentukan oleh faktor biologis, ciri-ciri keturunan, Jadi kondisi sosial(hidup, pekerjaan, istirahat, makanan).
3.7. Pengetahuan sosial dan kemanusiaan
Kognisi sosial adalah pengetahuan masyarakat. Memahami masyarakat adalah proses yang sangat kompleks karena sejumlah alasan.
1. Masyarakat merupakan objek pengetahuan yang paling kompleks. DI DALAM kehidupan publik segala peristiwa dan fenomena begitu kompleks dan beragam, begitu berbeda satu sama lain dan begitu rumit terjalin sehingga sangat sulit untuk mendeteksi pola-pola tertentu di dalamnya.
2. Dalam kognisi sosial, tidak hanya materi (seperti dalam ilmu pengetahuan alam), tetapi juga hubungan spiritual ideal yang dipelajari. Hubungan-hubungan ini jauh lebih kompleks, beragam dan kontradiktif dibandingkan hubungan-hubungan yang bersifat alami.
3. Dalam kognisi sosial, masyarakat bertindak baik sebagai objek maupun sebagai subjek kognisi: manusia menciptakan sejarahnya sendiri, dan mereka juga mengetahuinya.
Ketika berbicara tentang kognisi sosial secara spesifik, hal-hal ekstrem harus dihindari. Di satu sisi, mustahil menjelaskan alasan keterbelakangan sejarah Rusia dengan menggunakan teori relativitas Einstein. Di sisi lain, seseorang tidak dapat menyatakan bahwa semua metode yang digunakan untuk mempelajari alam tidak cocok untuk ilmu sosial.
Metode kognisi yang utama dan mendasar adalah pengamatan. Namun berbeda dengan observasi yang digunakan dalam ilmu pengetahuan alam saat mengamati bintang. Dalam ilmu sosial, kognisi menyangkut benda-benda bernyawa yang diberkahi dengan kesadaran. Dan jika, misalnya, bintang-bintang, bahkan setelah bertahun-tahun mengamatinya, tetap tidak terganggu sama sekali dalam hubungannya dengan pengamat dan niatnya, maka dalam kehidupan publik segalanya berbeda. Biasanya, reaksi sebaliknya terdeteksi pada bagian objek yang diteliti, sesuatu yang membuat pengamatan tidak mungkin dilakukan sejak awal, atau menyela di tengah-tengah, atau menimbulkan gangguan ke dalamnya yang secara signifikan mendistorsi hasil penelitian. Oleh karena itu, observasi non-partisipan dalam ilmu sosial tidak memberikan hasil yang cukup dapat diandalkan. Diperlukan metode lain yang disebut observasi partisipan. Hal itu dilakukan bukan dari luar, bukan dari luar dalam kaitannya dengan objek yang diteliti (kelompok sosial), melainkan dari dalam dirinya.
Terlepas dari segala signifikansi dan kebutuhannya, observasi dalam ilmu sosial menunjukkan kelemahan mendasar yang sama seperti dalam ilmu-ilmu lainnya. Saat mengamati, kita tidak dapat mengubah suatu objek ke arah yang menarik bagi kita, mengatur kondisi dan jalannya proses yang dipelajari, atau memperbanyaknya sebanyak yang diperlukan untuk menyelesaikan observasi. Kekurangan observasi yang signifikan sebagian besar telah diatasi percobaan.
Eksperimen ini aktif dan transformatif. Dalam sebuah eksperimen, kita mengintervensi jalannya peristiwa yang alami. Menurut V.A. Stoff, percobaan dapat diartikan sebagai suatu jenis kegiatan yang dilakukan dengan tujuan pengetahuan ilmiah, penemuan pola-pola objektif dan terdiri dari pengaruh pada objek (proses) yang diteliti melalui alat dan perangkat khusus. Berkat eksperimen tersebut, dimungkinkan untuk: 1) mengisolasi objek yang diteliti dari pengaruh fenomena sampingan yang tidak penting yang mengaburkan esensinya dan mempelajarinya dalam bentuk “murni”; 2) berulang kali mereproduksi jalannya proses dalam kondisi yang ditetapkan secara ketat, terkendali, dan dapat dipertanggungjawabkan; 3) secara sistematis mengubah, memvariasikan, menggabungkan berbagai kondisi untuk memperoleh hasil yang diinginkan.
Eksperimen sosial memiliki sejumlah fitur penting.
1. Eksperimen sosial bersifat historis konkrit. Eksperimen di bidang fisika, kimia, biologi dapat diulangi di era yang berbeda, di berbagai negara, karena hukum perkembangan alam tidak bergantung pada bentuk dan jenis hubungan produksi, atau pada nasional dan fitur sejarah. Eksperimen sosial yang bertujuan untuk mengubah perekonomian, struktur negara-bangsa, sistem pendidikan dan pendidikan, dll., tidak hanya dapat memberikan hasil yang berbeda, tetapi juga secara langsung berlawanan dalam era sejarah yang berbeda, di berbagai negara.
2. Objek eksperimen sosial mempunyai banyak hal pada tingkat lebih rendah isolasi dari objek serupa yang tetap berada di luar eksperimen dan semua pengaruh masyarakat tertentu secara keseluruhan. Di sini, perangkat isolasi yang andal seperti pompa vakum, layar pelindung, dll., yang digunakan dalam proses eksperimen fisik, tidak mungkin dilakukan. Ini berarti bahwa eksperimen sosial tidak dapat dilakukan dengan tingkat perkiraan yang memadai terhadap “kondisi murni”.
3. Eksperimen sosial menempatkan tuntutan yang lebih tinggi pada kepatuhan terhadap “tindakan pencegahan keselamatan” selama pelaksanaannya dibandingkan dengan eksperimen ilmu pengetahuan alam, di mana eksperimen yang dilakukan dengan cara coba-coba pun dapat diterima. Eksperimen sosial, pada titik mana pun, terus-menerus berdampak langsung pada kesejahteraan, kesejahteraan, kesehatan fisik dan mental orang-orang yang terlibat dalam kelompok “eksperimental”. Meremehkan setiap detail, kegagalan apa pun selama percobaan dapat berdampak buruk pada manusia dan tidak ada niat baik dari penyelenggara yang dapat membenarkan hal ini.
4. Eksperimen sosial tidak boleh dilakukan dengan tujuan memperoleh pengetahuan teoretis langsung. Melakukan eksperimen (eksperimen) terhadap manusia adalah tindakan yang tidak manusiawi atas nama teori apa pun. Eksperimen sosial adalah eksperimen yang memastikan dan membenarkan.
Satu dari metode teoritis pengetahuan adalah metode sejarah penelitian, yaitu metode yang mengungkap fakta sejarah penting dan tahapan perkembangannya, yang pada akhirnya memungkinkan terciptanya teori tentang objek, mengungkap logika dan pola perkembangannya.
Metode lainnya adalah pemodelan. Pemodelan dipahami sebagai suatu metode pengetahuan ilmiah di mana penelitian dilakukan bukan pada objek yang menarik bagi kita (asli), tetapi pada penggantinya (analog), serupa dalam hal-hal tertentu. Seperti di industri lainnya pengetahuan ilmiah, pemodelan dalam ilmu sosial digunakan ketika subjek itu sendiri tidak tersedia untuk studi langsung (katakanlah, belum ada sama sekali, misalnya dalam studi prediktif), atau studi langsung ini memerlukan biaya yang sangat besar, atau tidak mungkin karena alasan etika. pertimbangan.
Dalam aktivitas penetapan tujuannya, yang menjadi dasar terbentuknya sejarah, manusia selalu berupaya memahami masa depan. Ketertarikan terhadap masa depan semakin meningkat terutama di era modern sehubungan dengan terbentuknya masyarakat informasi dan komputer, sehubungan dengan itu masalah global yang mempertanyakan keberadaan umat manusia. Tinjauan ke masa depan keluar sebagai pemenang.
Pandangan ke depan ilmiah mewakili pengetahuan tentang hal yang tidak diketahui, yang didasarkan pada pengetahuan yang sudah diketahui tentang esensi fenomena dan proses yang menarik minat kita dan tentang tren perkembangan selanjutnya. Pandangan ke depan ilmiah tidak menuntut pengetahuan yang benar-benar akurat dan lengkap tentang masa depan, atau keandalan wajibnya: bahkan ramalan yang diverifikasi dan seimbang dengan cermat hanya dapat dibenarkan jika tingkat keandalan tertentu.
Kehidupan spiritual masyarakat
©2015-2019 situs
Semua hak milik penulisnya. Situs ini tidak mengklaim kepenulisan, tetapi menyediakan penggunaan gratis.
Tanggal pembuatan halaman: 16-02-2016
