Ini ialah penyerahan untuk Frontend Challenge v24.09.04, Glam Up My Markup: Space
Saya mencipta "Teroka Kosmos," halaman pendaratan yang mengasyikkan dan mendidik yang membawa pelawat melalui sistem suria kita. Matlamatnya adalah untuk mereka bentuk tapak web yang menarik, menarik secara visual dan bermaklumat yang mencetuskan rasa ingin tahu tentang angkasa lepas dan badan angkasa.
Ciri utama halaman pendaratan termasuk:
Reka bentuk ini bertujuan untuk mengimbangi estetika dengan kandungan pendidikan, mencipta pengalaman yang menakjubkan secara visual dan merangsang intelek.
[Repositori Github]
Anda boleh melihat demo langsung projek di:
Sebagai pelajar, ini kali pertama saya menyertai acara seperti ini, dan saya teruja untuk berkongsi perjalanan saya! Mencipta "Teroka Kosmos" bukan sahaja pengembaraan menarik yang membolehkan saya menggabungkan minat saya untuk pembangunan web dengan daya tarikan saya terhadap ruang, tetapi juga pengalaman pembelajaran yang penting untuk saya.
Pengalaman Kali Pertama: Menjadi kali pertama saya menyertai acara sedemikian, saya gementar dan teruja. Cabaran ini mendorong saya keluar dari zon selesa dan menggalakkan saya menggunakan kemahiran saya dalam senario dunia sebenar.
Perancangan dan Penyelidikan: Saya bermula dengan menyelidik kandungan berkaitan ruang dan memutuskan elemen utama yang perlu disertakan. Ini membantu saya menyusun maklumat dengan cara yang logik dan menarik.
Reka Bentuk: Saya memilih skema warna gelap untuk meniru keluasan ruang, menggunakan warna putih terang dan animasi halus untuk mencipta minat visual. Pilihan fon (Space Grotesk dan Space Mono) telah dipilih untuk meningkatkan tema ruang. Ini adalah kali pertama saya memfokuskan dengan sangat mendalam pada aspek reka bentuk, dan ia mengajar saya banyak tentang pengalaman pengguna dan komunikasi visual.
Pembangunan:
Cabaran:
Pembelajaran:
Saya amat berbangga dengan penyepaduan lancar kandungan pendidikan dengan reka bentuk yang menarik. Cara setiap kad planet berubah pada tuding, menjemput pengguna untuk meneroka lebih lanjut, adalah perincian yang sangat saya nikmati. Sebagai seorang pelajar, melihat visi saya menjadi nyata adalah sangat menggembirakan dan telah mendorong saya untuk terus meneroka pembangunan web.
Pengalaman ini telah mencetuskan semangat untuk pembangunan web dan pendidikan angkasa lepas. Melangkah ke hadapan, saya ingin mengembangkan projek ini dengan:
Menyertai cabaran ini merupakan peluang yang hebat untuk menggabungkan kreativiti dengan kemahiran teknikal, dan saya teruja untuk terus memperhalusi dan mengembangkan projek saya. Sebagai seorang pelajar, pengalaman ini sangat berharga, memberikan saya kemahiran praktikal, meningkatkan keyakinan saya dan memberi saya rasa cabaran pembangunan web dunia sebenar. Saya tidak sabar-sabar untuk menyertai lebih banyak acara seperti ini pada masa hadapan!
Jumpa lagi nanti.
Terima kasih!
Atas ialah kandungan terperinci Web Kosmik: Perjalanan Pelajar Melalui Angkasa dan Kod. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!