جلسه اول : آشنایی با طراحی سایت و زبان HTML و CSS

جلسه اول : آشنایی با طراحی سایت و زبان HTML و CSS

در چشم‌انداز پویای وب، HTML (HyperText Markup Language) و CSS (Cascading Style Sheets) به عنوان دو سنگ بنای اصلی برای ایجاد و طراحی وب‌سایت‌ها شناخته می‌شوند. HTML به عنوان اسکلت اصلی ، ساختار و محتوای صفحات وب را تعریف می‌کند، در حالی که CSS نقش طراح را ایفا می‌کند و ظاهر و سبک بصری این صفحات را شکل می‌دهد. درک منشاء و سیر تکاملی این دو فناوری برای هر توسعه‌دهنده وب ضروری است. این مقاله به بررسی عمیق تاریخچه HTML و CSS می‌پردازد و سفر تحول‌آفرین آن‌ها را از آغاز تا عصر طراحی وب مدرن کنونی ردیابی می‌کند ، این جلسه را به خوبی مطالعه کنید تا تاریخچه این دو زبان را به خوبی در میهن آکادمی متوجه شوید.

تاریخچه HTML

داستان HTML در اوایل دهه 1990 در CERN (سازمان اروپایی تحقیقات هسته‌ای) آغاز شد، جایی که تیم برنرز لی، دانشمند کامپیوتر، به دنبال راهی برای تسهیل اشتراک‌گذاری اسناد و اطلاعات بین محققان بود. برنرز لی HTML را به عنوان یک زبان نشانه‌گذاری ایجاد کرد که به کاربران امکان می‌داد ساختار و محتوای اسناد الکترونیکی را با استفاده از تگ‌ها تعریف کنند.

HTML 1.0: در سال 1993، اولین نسخه HTML متولد شد. این نسخه مجموعه‌ای اولیه از تگ‌ها را ارائه می‌کرد که به کاربران اجازه می‌داد заголовки، پاراگراف‌ها، لیست‌ها و لینک‌ها را در صفحات وب ایجاد کنند. HTML 1.0 یک نقطه عطف مهم بود، زیرا پایه و اساس وب‌سایت‌های تعاملی امروزی را بنا نهاد.

HTML 2.0: سال 1995 شاهد انتشار HTML 2.0 بود که به عنوان اولین استاندارد رسمی برای HTML شناخته می‌شود. این نسخه شامل ویژگی‌های جدیدی مانند فرم‌ها و تصاویر بود که امکان جمع‌آوری داده‌ها از کاربران و نمایش محتوای بصری را فراهم می‌کرد.

HTML 3.2: در سال 1997، HTML 3.2 وارد صحنه شد و ویژگی‌های بیشتری را برای کنترل ظاهر صفحات وب معرفی کرد. این نسخه شامل تگ‌ها و ویژگی‌هایی برای تنظیم فونت‌ها، رنگ‌ها و پس‌زمینه‌ها بود که به توسعه‌دهندگان امکان می‌داد صفحات وب جذاب‌تری ایجاد کنند.

HTML 4.01: در سال 1999، HTML 4.01 به عنوان یک استاندارد پایدار و پرکاربرد منتشر شد. این نسخه شامل ویژگی‌هایی برای بهبود دسترسی‌پذیری و بین‌المللی‌سازی بود که اطمینان می‌داد وب‌سایت‌ها برای همه کاربران، صرف‌نظر از زبان یا توانایی‌هایشان، قابل استفاده هستند.

XHTML: در اوایل دهه 2000، XHTML به عنوان یک نسخه بازنویسی شده از HTML با استفاده از قوانین سخت‌گیرانه‌تر XML معرفی شد. هدف XHTML ایجاد یک زبان نشانه‌گذاری ساختاریافته‌تر و سازگارتر بود.

HTML5: در سال 2014، HTML5 به عنوان جدیدترین و قدرتمندترین استاندارد HTML منتشر شد. این نسخه شامل ویژگی‌های جدیدی مانند پشتیبانی از ویدیو و صدا، عناصر معنایی جدید و APIهای قدرتمند برای توسعه برنامه‌های وب تعاملی است. HTML5 با معرفی عناصر معنایی مانند <article> ، <aside> ، <nav> ، <footer> ساختار صفحات وب را بهبود بخشید و به موتورهای جستجو و مرورگرها کمک کرد تا محتوای صفحات را بهتر درک کنند.

تاریخچه CSS

CSS (Cascading Style Sheets) در اواسط دهه 1990 به عنوان راه حلی برای مشکل استایل‌دهی صفحات وب معرفی شد. قبل از CSS، استایل‌دهی صفحات وب به صورت مستقیم در HTML انجام می‌شد که منجر به کدهای پیچیده، تکراری و غیرقابل نگهداری می‌شد.

CSS Level 1: اولین نسخه CSS در سال 1996 منتشر شد و ویژگی‌هایی برای کنترل فونت، رنگ، پس‌زمینه و حاشیه‌ها ارائه می‌کرد. CSS Level 1 به توسعه‌دهندگان این امکان را داد تا ظاهر صفحات وب را به طور جداگانه از ساختار HTML تعریف کنند و کدهای تمیزتر و سازمان‌یافته‌تری ایجاد کنند.

CSS Level 2: در سال 1998، CSS Level 2 معرفی شد که ویژگی‌های بیشتری برای طرح‌بندی صفحات وب ارائه می‌کرد. این نسخه شامل ویژگی‌هایی برای موقعیت‌دهی عناصر، ایجاد طرح‌بندی‌های چند ستونی و کنترل نمایش عناصر بود.

CSS Level 3: CSS Level 3 به صورت ماژولار توسعه یافته است و شامل ویژگی‌های پیشرفته‌ای مانند انیمیشن، transition و media queries است. Media queries به توسعه‌دهندگان این امکان را می‌دهد تا صفحات وب را به گونه‌ای طراحی کنند که به طور خودکار با اندازه‌ها و رزولوشن‌های مختلف صفحه نمایش سازگار شوند و تجربه کاربری بهتری را در دستگاه‌های مختلف ارائه دهند.

CSS4: آخرین نسخه CSS در حال توسعه است و ویژگی‌های جدیدی را به CSS اضافه می‌کند. CSS4 شامل ویژگی‌هایی برای بهبود طرح‌بندی، انیمیشن و تعامل با کاربران است.

با چه برنامه ای کد نویسی کنیم

همانطور که می دانید برنامه های زیادی برای کد نویسی وجود دارد مثلآ من خودم حتی با برنامه notePad ساده ویندوز هم می توانم کد نویسی انجام دهم ولی شما که تازه کار هستید می توانید برای شروع از برنامه visual studio code استفاده کنید ، زیرا این برنامه یکی از کامل ترین برنامه های موجود در سراسر وب در سال 2025 می باشد و کد نویسی در این محیط می تواند برای شما خیلی جذاب باشد.

کلام آخر

HTML و CSS از زمان پیدایش خود تاکنون راه طولانی‌ای را پیموده‌اند. این دو فناوری به طور مداوم در حال تکامل هستند و ویژگی‌های جدیدی به آن‌ها اضافه می‌شود تا نیازهای توسعه‌دهندگان وب را برآورده کنند. HTML5 و CSS3 با ارائه ویژگی‌های قدرتمند و انعطاف‌پذیر، امکان ایجاد وب‌سایت‌های مدرن، جذاب و تعاملی را فراهم کرده‌اند.

یادگیری تاریخچه HTML و CSS به شما کمک می‌کند تا درک عمیق‌تری از این فناوری‌ها داشته باشید و بتوانید از آن‌ها به طور موثرتری در پروژه‌های خود استفاده کنید. با تسلط بر این دو زبان، می‌توانید به یک توسعه‌دهنده وب حرفه‌ای تبدیل شوید و وب‌سایت‌هایی بسازید که نه تنها زیبا و جذاب هستند، بلکه کاربردی، قابل دسترس و سازگار با استانداردهای روز دنیا نیز هستند

شروع دوره خوبی را برای شما آرزو دارم – موفق و پیروز باشید 😜