Tiga bahagian bahagian hadapan web: 1. Lapisan struktur ialah rangka halaman web, dicipta oleh bahasa penanda HTML atau XHTML, digunakan untuk membina struktur dokumen dan mentakrifkan kandungan halaman web, seperti tajuk, teks, imej, dll. 2. Lapisan pembentangan ialah gaya halaman web, dicipta oleh CSS, dan digunakan untuk menetapkan kesan pembentangan dokumen, seperti warna, fon, latar belakang , dsb.; 3. Lapisan tingkah laku ialah gelagat halaman web, dicipta oleh bahasa JavaScript, dan boleh dikemas kini dalam masa nyata Kandungan dalam halaman web, seperti mendapatkan data daripada pelayan dan mengemas kininya ke web halaman, boleh menjadikan halaman web lebih jelas.
Persekitaran pengendalian tutorial ini: sistem Windows 7, komputer Dell G3.
Tiga bahagian bahagian hadapan web
W3C merujuk kepada World Wide Web Consortium, yang diasaskan pada bulan Oktober 1994. Kemunculan W3C adalah untuk menyesuaikan piawaian untuk pembangunan web, supaya halaman web yang sama boleh mempunyai kesan yang sama dalam pelayar yang berbeza, jadi halaman web bertulis tersuai kami perlu mengikut spesifikasi W3C.
Menurut piawaian W3C, halaman web terutamanya terdiri daripada tiga bahagian: lapisan struktur (HTNL), lapisan pembentangan (CSS) dan lapisan tingkah laku (JavaScript).
Lapisan struktur
Lapisan struktur ialah rangka halaman, dicipta oleh bahasa penanda HTML atau XHTML dan digunakan untuk membina struktur dokumen.
HTML digunakan untuk mentakrifkan kandungan halaman web, seperti tajuk, teks, imej, dsb.
Lapisan persembahan
Lapisan persembahan lapisan pembentangan ialah gaya halaman, yang terdiri daripada CSS (Cascading Style Sheets) bertanggungjawab untuk penciptaan dan digunakan untuk menetapkan kesan pembentangan dokumen.
CSS digunakan untuk mengawal penampilan halaman web, seperti warna, fon, latar belakang, dll.
Lapisan tingkah laku
lapisan tingkah laku ialah tingkah laku halaman, yang terdiri daripada Bahasa JavaScript dicipta untuk melaksanakan tingkah laku dokumen.
JavaScript digunakan untuk mengemas kini kandungan halaman web dalam masa nyata, seperti mendapatkan data daripada pelayan dan mengemas kininya ke halaman web, mengubah suai gaya teg tertentu atau kandungannya, dsb., yang boleh menjadikan halaman web lebih jelas.
Ringkasnya, JavaScript, HTML dan CSS bersama-sama membentuk halaman web yang kita lihat
HTML digunakan untuk mentakrifkan kandungan halaman web. Contohnya, tajuk, teks, imej, dsb.;
JavaScript digunakan Untuk mengemas kini kandungan dalam halaman web dalam masa nyata, seperti mendapatkan data daripada pelayan dan mengemas kininya ke halaman web, mengubah suai gaya beberapa tag atau kandungan, dsb., untuk menjadikan halaman web lebih jelas.
HTML ialah HyperText Markup Language, bahasa markup standard yang digunakan untuk membuat halaman web. HTML bertanggungjawab untuk struktur tiga komponen halaman web HTML menggunakan tag untuk mengenal pasti komponen halaman web yang berbeza. Apa yang dipanggil hiperteks merujuk kepada hiperpautan, yang membolehkan kita melompat dari satu halaman ke halaman yang lain.
JavaScript ialah bahasa skrip (pendek kata "JS"), bahasa pengaturcaraan ringan yang digunakan untuk mengawal tingkah laku halaman web. JavaScript bertanggungjawab untuk kelakuan tiga komponen halaman web Ia boleh dimasukkan ke dalam kod pengaturcaraan halaman HTML Selepas JavaScript dimasukkan ke dalam halaman HTML, ia boleh dilaksanakan oleh semua pelayar moden.
Cara belajar HTML, CSS, JavaScript
1 Belajar html dan css secara sistematik
Html dan css agak mudah, tetapi mereka masih memerlukan pembelajaran yang sistematik.
2. Pemahaman mendalam tentang JavascriptSeorang pengaturcara bahagian hadapan yang cemerlang mesti memahami dengan mendalam prinsip, mekanisme, asal usul dan sifat berasaskan objek Javascript. Adalah disyorkan untuk membaca lebih banyak projek sumber terbuka, lagipun, amalan membawa pengetahuan sebenar. Teknologi pembangunan bahagian hadapan web mengikut proses daripada mudah kepada sukar, yang memerlukan juruteknik pembangunan bahagian hadapan Web untuk mahir dalam mempelajari teknologi pembangunan Web asas, pengindahan prestasi laman web, SEO dan bahagian pelayan asas Pada sebaliknya, terdapat keperluan khusus untuk pembangun, seperti boleh menggunakan pelbagai alat dengan mahir dan fleksibel untuk membantu pembangunan.
Pada masa yang sama, adalah perlu untuk menguasai teori asas pengetahuan yang berkaitan, yang mewakilinya termasuk: kebolehselenggaraan kod, templat semantik hierarki, kemudahan penggunaan komponen, dll. Teknologi pembangunan bahagian hadapan meliputi Javascript , Teknologi tradisional seperti CSS, Adobe RIA, Google Gears, reka bentuk interaktif yang agak konseptual, dan reka bentuk visual dengan warna artistik yang kukuh, dsb.
Menggunakan Internet sebagai analogi, semua yang melalui pelayar ke komputer pelanggan secara kolektif dipanggil teknologi bahagian hadapan. Apa yang disimpan di bahagian pelayan secara kolektif dipanggil teknologi bahagian belakang termasuk: JavaScript, ActionScript, CSS, xHTML dan teknologi "tradisional" lain, Adobe AIR, Google Gears, serta reka bentuk interaktif konsep dan visual artistik. reka bentuk. Dan lain-lain. Terdapat banyak jawatan dalam pembangunan bahagian hadapan Web Pertama, ambil tiga jawatan "jurutera pembangunan bahagian hadapan", "jurutera pembangunan bahagian hadapan kanan" dan "arkitek bahagian hadapan" sebagai contoh untuk menganalisis mereka. tanggungjawab masing-masing.
Jurutera pembangunan bahagian hadapan (atau "pengeluaran halaman web", "tentang jurutera pengeluaran halaman web", "jurutera pengeluaran bahagian hadapan", "jurutera pembinaan semula tapak web"), tanggungjawab utama jawatan tersebut adalah untuk berinteraksi dengan Pereka dan pereka visual bekerjasama untuk berinovasi dan menggunakan HTML dan CSS untuk melengkapkan penghasilan halaman tapak web berdasarkan lukisan reka bentuk. Atas dasar ini, adalah perlu untuk melakukan penyelenggaraan asas pada halaman yang telah siap dan mengoptimumkan prestasi bahagian hadapan tapak web dengan sewajarnya.
Selain itu, seorang jurutera pembangunan bahagian hadapan yang berkelayakan harus mempunyai set kognisi sendiri dari segi estetika dan set idea sendiri dalam operasi seni. Hanya dengan cara ini kerjasama visual boleh dicapai dengan baik. Mempunyai keupayaan estetik tertentu dan keupayaan operasi seni asas adalah kebolehan yang sangat diperlukan untuk jurutera. Teknologi pembangunan bahagian hadapan meliputi pelbagai bidang, seperti kejuruteraan perisian dan bidang lain. Apabila menjalankan analisis sebenar teknologi pembangunan front-end, kita boleh menggunakan Internet untuk memahami dan menganalisis teknologi pembangunan front-end Iaitu, selagi ia mengikuti komputer dari pelayar kepada reka bentuk pengguna-akhir, teknologi ini boleh secara kolektif dirujuk sebagai teknologi front-end Kandungan utama teknologi back-end adalah Teknologi yang diperlukan untuk disimpan di bahagian pelayan.
Pada 5 Disember 2015, maklumat yang diberikan dalam "Laporan Indeks Kekurangan Bakat (TSI) Industri Internet Guangzhou" menunjukkan bahawa jurutera pembangunan bahagian hadapan telah menjadi jawatan yang paling mendapat permintaan dalam industri Internet Guangzhou.
Teknologi pembangunan bahagian hadapan meliputi pelbagai bidang, seperti kejuruteraan perisian. Apabila menjalankan analisis sebenar teknologi pembangunan front-end, kita boleh menggunakan Internet untuk memahami dan menganalisis teknologi pembangunan front-end Iaitu, selagi ia mengikuti komputer dari pelayar kepada reka bentuk pengguna-akhir, teknologi ini boleh secara kolektif dirujuk sebagai teknologi front-end Kandungan utama teknologi back-end adalah Teknologi yang diperlukan untuk disimpan di bahagian pelayan. Pada 5 Disember 2015, maklumat yang diberikan dalam "Laporan Indeks Kekurangan Bakat (TSI) Industri Internet Guangzhou" menunjukkan bahawa jurutera pembangunan bahagian hadapan telah menjadi jawatan yang paling mendapat permintaan dalam industri Internet Guangzhou.
Tugas pembangunan bahagian hadapan Web lebih menumpukan pada pembangunan perisian, menganalisis kebolehgunaan tapak web dan mengoptimumkan kawasan bermasalah dalam reka bentuk bahagian hadapan tapak web berdasarkan maklumat yang disuap semula oleh pengguna. Dalam proses ini, melalui triniti Javascript, flashactionscript3.0 dan teknologi HTML CSS, halaman boleh membantu pengguna membawa pengalaman yang lebih baik selepas pengoptimuman. Sebagai contoh, fungsi menyemak imbas gambar dalam ruang QQ dahulunya ialah gambar hanya dilayari selepas mengambil gambar, dan juga dilihat dalam kategori di halaman web Kini, menyemak imbas gambar secara langsung di halaman web adalah salah satu fungsi yang dibangunkan oleh bahagian hadapan -jurutera pembangunan akhir. Selain itu, terdapat pelbagai laman web maklumat yang boleh memaparkan kesan slaid, teknologi ajax, dll.
Apabila memulakan bahagian hadapan Web, reka bentuk seni bina bahagian hadapan dan penghantaran data asas akan digunakan oleh itu, pembangunan bahagian hadapan Web memerlukan kemahiran pengaturcaraan asas yang lebih baik daripada yang pertama, dan ia juga memerlukan pemahaman Memahami bahasa latar belakang. Pada peringkat hari ini, teknologi pembangunan bahagian hadapan berkembang dengan sangat pesat, yang mengemukakan keperluan yang lebih ketat untuk pengamal adalah perlu untuk menguasai teknologi pembangunan bahagian hadapan yang baharu sambil menjelaskan hala tuju masa hadapan dunia bahagian hadapan menjadi sukar untuk menggabungkan kelebihan teknologi dengan Fungsi direalisasikan sepenuhnya.
Keluarga Xunfa teknologi hadapan adalah pemeluwapan pembangunan dan perubahan yang datang dengan Internet itu sendiri. Pada peringkat awalnya, teknologi HTML hanya digunakan untuk hanya memaparkan halaman Jika anda ingin melaksanakan fungsi penyelenggaraan dan kemas kini, anda secara langsung akan menghadapi masalah besar. Artikel ini secara beransur-ansur menganalisis dan memahami laluan pembangunan masa depan Internet daripada Web 1.0, Web 2.0, Web 3.0 hingga Web 4.0. Web1.0 dicirikan oleh penyuntingan asas Selepas editor laman web menjalankan operasi penyuntingan dan pemprosesan, tapak web menyediakan kandungan yang sepadan kepada pengguna, dan pengguna boleh menggunakan hak mereka untuk menyemak imbas. Proses peralihan dari tapak web kepada pengguna ini adalah tingkah laku sehala Dalam era Web 1.0, tiga portal utama Sina, Sohu dan NetEase memainkan peranan tiga gergasi.
Web 2.0, dinaik taraf tahap daripada peringkat sebelumnya. Interaksi antara laman web dan penggunanya telah diperkukuh Kandungan dalam laman web boleh datang dari apa yang pengguna berikan kepada laman web Dengan cara ini, pengguna boleh mengambil bahagian dalam pembinaan pelbagai fungsi laman web antara laman web dan pengguna telah berubah Melalui komunikasi dua hala, hubungan penyertaan antara pengguna dapat direalisasikan. Web 1.0 adalah berbeza Interaktiviti Web 2.0 adalah kunci kepada potensinya. Dalam era Web 2.0, Blog China, Yiyou Dating dan Liaison telah menjadi wakil yang cemerlang. Pengguna dalam jenis tapak web ini mempunyai repositori data mereka sendiri, dan ia sepenuhnya berdasarkan Web, dan penyemak imbas boleh melaksanakan semua fungsi.
Web3.0, konsep baharu yang dicadangkan oleh Microsoft, telah berjaya memohon beberapa paten. Pada pelbagai laman web Web 3.0, maklumat boleh ditukar dan berinteraksi secara langsung Pada masa yang sama, platform maklumat pihak ketiga juga boleh mengintegrasikan dan mengklasifikasikan maklumat kaya yang disediakan oleh laman web yang berbeza. Menggunakan sistem Web 3.0, pengguna juga boleh mempunyai data mereka sendiri di Internet Apa yang lebih maju daripada Web 2.0 ialah pengguna boleh menggunakan data ini di laman web yang berbeza. Realisasi fungsi sepenuhnya berdasarkan Web, dan pelbagai operasi yang hanya boleh dilakukan oleh program sistem yang kompleks boleh diselesaikan dengan hanya menggunakan pelayar.
Web 4.0, serupa dengan pesta makan malam berbilang orang, Web 4.0 akan menghubungkan semua orang bersama-sama dan menyepadukan sumber yang dimiliki oleh semua orang boleh memilih daripada pemilik sumber mengikut keperluan mereka sendiri. Platform memainkan peranan penghubung Platform ini adalah perjanjian dan bukannya laman web Setiap pengguna perlu mematuhi perjanjian ini , manusia benar-benar boleh memasuki era Internet, yang mesti menjadi era yang terdiri daripada banyak laman web.
Apabila piawaian Web baru sahaja dirumuskan, pembangunan bahagian hadapan telah pun mula dikaji, tetapi kemajuannya sangat perlahan pembangunan bahagian hadapan mencapai kemajuan yang lebih besar hanya selepas Javascript secara beransur-ansur menjadi bahasa yang matang untuk bahagian hadapan Web -penghujung pembangunan. Dengan aplikasi Web 4.0 dan kemunculan produk seperti Weibo, blog, permainan web, SNS, dan laman web video, orang ramai telah mengemukakan keperluan yang lebih tinggi untuk halaman web Oleh itu, pereka bentuk perlu mempertimbangkan lebih banyak isu semasa proses pembangunan. Pada masa ini, bahasa Javascript sangat penting dalam pembangunan web, dan pembangunan hadapan Web semasa yang ditandai oleh Javascript sedang berkembang dengan sangat pesat.
Pada masa ini, pembangunan bahagian hadapan Web telah menjadi topik penyelidikan hangat Untuk memenuhi keperluan kebolehgunaan tapak yang berbeza dan meningkatkan pengalaman pengguna produk, pelbagai pasukan "pengalaman pengguna" telah berkembang pesat, dan jawatan dalam pasukan pembangunan telah dibahagikan Juga lebih jelas bahawa pereka interaksi, penganalisis pengalaman pengguna, jurutera pembangunan bahagian hadapan, pereka web, dll. terutamanya mereka bentuk dan membangunkan aplikasi bahagian hadapan yang kukuh.
Untuk pembangun bahagian hadapan Web, mereka perlu menguasai kemahiran dan teknologi berikut: biasa dengan piawaian W3C, pemahaman mendalam tentang semantik Web, prestasi dan pemisahan data, dsb.; C/C /PHP/Java, dsb.), Algoritma, struktur data, dsb.; biasa dengan seni bina halaman dan susun atur, mahir dalam teknologi pengeluaran halaman web seperti CSS, HTML/XHTML, dan teknologi pembangunan web seperti Ajax dan Javascript .
Dengan perkembangan teknologi, teknologi pembangunan bahagian hadapan akan terus bertambah baik HTML5, CSS 4.0 dan teknologi lain akan menjadi teknologi arus perdana pembangunan bahagian hadapan Walaupun HTML5 menjadi realiti lebih pembangunan bahagian hadapan Apabila teknologi muncul, anda mesti sentiasa memberi perhatian kepada teknologi terkini dalam pembangunan bahagian hadapan.
Pada masa ini, teknologi pembangunan bahagian hadapan baru sahaja matang Dalam beberapa tahun akan datang, adalah dipercayai bahawa permintaan untuk bakatnya akan terus meningkat. Tetapi apabila mana-mana permintaan tepu, ketepuan permintaan bakat juga merupakan tanda kematangan sebenar pembangunan front-end. Pada masa hadapan, pembangun bahagian hadapan akan mempunyai ruang pembangunan yang lebih luas, cabaran yang lebih besar dan peringkat yang lebih tinggi untuk orang ramai menunjukkan kekuatan mereka. Pada masa yang sama, penyelidik saintifik mesti terus meningkatkan keupayaan mereka sendiri dan membangunkan lebih banyak produk yang memenuhi keperluan pengguna.
(Belajar perkongsian video: bahagian hadapan web)
Atas ialah kandungan terperinci Apakah tiga bahagian yang termasuk bahagian hadapan web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!