مقاله و معرفی سورس کد های اختصاصی و مربوط به html-css-js
مشارکت در کامنتها = یادگیری خودآموز
پشتیبانی 24/7 ساعته در واتس اپ | کنارشما هستیم تا دغدغه ها و مشکلات شما رو در سریع ترین زمان پاسخ بدهیم
برای اینکه بتوانید حس خوبی به کاربر بدهید برای کد تخفیف میتوانید از این سورس کد استفاده کنید و تخفیف های به روز و در هر صفحه ای که نیاز داشتید قرار بدید خوبی این سورس این هست که فقط با css و حجم بسیار کم و بهینه ای دارد
اگر متوجه بشین روزانه به سایتهای زیادی سر میزنیم که هر کدام به شکلی برایمان جذاب هستند و ممکن است ما را به این فکر بیندازند که این سایتها چطور ساخته شدند؟ اگر به چند سال قبل برگردیم و نگاهی به اولین سایتهای منتشرشده در وب بیندازیم، میبینیم که صفحات آنها تنها از چند المان ساده و ابتدایی تشکیل شدهاند.
1. HTML چیست؟
HTML مخفف Hyper Text Markup Language بوده و در فارسی به آن زبان نشانه گذاری ابرمتن میگویند. دقت کنید که HTML یک زبان برنامه نویسی نیست، بلکه یک زبان نشانگذاری یا Markup language به حساب میآید. کدنویسی با HTML قدم گذاشتن در جای پای بزرگان وب و شروع ساخت سایتهای شگفتانگیز است. اگر عاشق طراحی سایت هستید و برای ورود به این حوزه برنامه جدی دارید، آموزش HTML اولین قدم شما در این مسیرخواهد بود. اگر میخواهید با مراحل شروع یادگیری طراحی سایت بیشتر آشنا شوید، مطالعه مطلب زیر را از دست ندهید.
|
2. تاریخچه زبان HTML
برای اینکه بدانیم HTML از کجا آمده باید سفر کوتاهی به سال 1991 داشته باشیم. زمانی که آقای Tim Berners-Lee کار خود را روی 18 Tag یا همان برچسب ساده شروع کرد و اولین نسخه HTML را طراحی کرد. HTML روز به روز پیشرفت کرد و در هر نسخه امکانات بیشتری را در قالب تگهای کاربردیتر در اختیار طراحان قرار داد. به این ترتیب این زبان مشکلات قبلی خود را به مرور رفع کرد. HTML4 در سال 1999 معرفی شد و توانست تا مدتها توسط طراحان وب مورد استفاده قرار گیرد، تا این که بزرگترین تحول تاریخ HTML با معرفی HTML5 اتفاق افتاد. این نسخه از زبان HTML توانست بیش از پیش به توسعه دهندگان در طراحی سایتها کمک کند که در ادامه میخواهیم با آن بیشتر آشنا شویم.
|
3. زبان نشانهگذاری چه تفاوتی با زبان برنامه نویسی دارد؟
زبان برنامه نویسی ابزاری قدرتمند است که به وسیله آن میتوانیم با کامپیوترها حرف بزنیم. زبانهای برنامه نویسی به کمک دستورالعملهایی که برای کامپیوتر قابل فهم هستند با آنها ارتباط برقرار کرده و به طور عمده از ساختارهای کنترلی و شرطی استفاده میکنند. سخت افزار برای این که درست کار کند نیاز به یک سری دستورالعمل دارد. این دستورالعملها توسط برنامه نویس و زبانی که برای کامپیوتر قابل فهم باشد، به سخت افزار داده میشود. انواع مختلفی از زبان نشانه گذاری وجود دارد که معروفترین آن HTML است. اگر به اسم زبان نشانه گذاری دقت کنید، متوجه مفهوم آن خواهید شد. در زبانهای نشانه گذاری خبری از ساختارهای رایج برنامهنویسی مثل شرط، حلقه، تکرار و غیره وجود ندارد و شما داخل متن خود از یک سری نشانه استفاده میکنید. در حقیقت در این زبانها شما به کمک این نشانهها متن را از سایر عناصر صفحه جدا میکنید تا به کمک آنها المانهای مختلف را داخل یک صفحه وب قرار داده و ساختار صفحه را مشخص کنید.
|
4. رابطه HTML ، CSS و JavaScript با ساختار یک شهر
اگر تا به حال به شهرهای بزرگ مانند نیویورک رفته باشید، میتوانید رابطهHTML ، CSS و JavaScript را با ساختار یک شهر درک کنید. هنگامی که شروع به یادگیری توسعه وب میکنید، معمولاً با یک سری چالشهای اساسی درمورد اصول HTML ، CSS و JavaScript روبهرو میشوید. با این حال، هر چالش در یک محیط و با کدهای محدود اتفاق میافتد، که کار شما را سادهتر میکند. بعد از اینکه تمرینات مقدماتی را پشت سر گذاشتید، به جایی میرسید که باید اولین وبسایت کامل خود را راهاندازی کنید. حتی اگر این یک سایت شخصی و تک صفحهای باشد که هرگز قصد انتشار آن را نداشته باشید، باز هم با مجموعهای از چالشهای جدید روبهرو میشوید. مانند:
1. چگونه میتوان سه نوع فایل متفاوت را به هم لینک کرد و ارتباط داد؟
2. بعد از اینکه آنها را لینک کردیم، چگونه و بدون هیچ مشکلی با هم کار خواهند کرد؟
3. چگونه میتوان از درستی همه کدها اطمینان حاصل کرد؟
بعد از مدتی فکر کردن در مورد این موضوعات، میفهمیدم که زبانهای برنامه نویسی مانند شهرها هستند.
بنابراین، من قصد دارم در این مقاله رابطه سه زبانHTML ، CSS و JavaScript را با ساختار یک شهر بررسی کنم. برای درک این مقاله، فقط باید قسمتهای اصلی و ابتدایی HTML ، CSS و JavaScript را بدانید.
حتی اگر در زندگی خود هیچ کدی هم ننوشته باشید، باز هم میتوانید نحوه ارتباط این سه زبان را با هم درک کنید.
|
5. تفاوت بین HTML ، CSS و JavaScript
بیایید تصور کنیم که شما مسئول طراحی یک محله جدید برای یک شهر هستید. این محله باید دارای چند ساختمان مسکونی، چند رستوران، شعبهل بانک و مرکز خرید باشد. هر محه به بخشهای زیادی تقسیم میشود. برای مثال، هر ساختمان فقط یک نقطه کوچک از نقشه است. اما وقتی کمی دقیقتر نگاه کنید، میبینید که هر ساختمان نیز در واقع سه قسمت دارد که میتوانید آن را تغییر دهید. این سه مورد مربوط به زبانهایHTML ، CSS و JavaScript است که میتوانید در اولین وبسایت خود از انها استفاده کنید. یک فایل HTML حاوی ساختار اولیه یک صفحه است. این فایل به نوعی مانند ساختار ساختمان است. یک فایل CSS حاوی استایلهای مربوط به یک صفحه است. به شما امکان تغییر رنگ و موقعیت مکانی را میدهد. این فایل به نوعی مانند طراحی ساختمان است. این سه مورد مربوط به زبانهایHTML ، CSS و JavaScript است که میتوانید در اولین وبسایت خود از انها استفاده کنید. یک فایل HTML حاوی ساختار اولیه یک صفحه است. این فایل به نوعی مانند ساختار ساختمان است.
1. ساختار خود ساختمان.
2. دکوراسیون داخلی و خارجی ساختمان.
3. عملکرد انسانهایی که در هر ساختمان هستند.
یک فایل JavaScript عناصر پویا و فعال در یک صفحه را تعیین میکند، که با کلیک کاربران بر روی شکل یا عناصر خاص کار میکند. این فایل به نوعی مانند عملکردی است که ساختمان برای کاربران دارد.
بیایید یکی از خانهها را مثال بزنیم. یک خانه دو طبقه دارای دو اتاق خواب و دو حمام است. این HTML ساختمان است.
از آجر ساخته شده و دارای یک درب چوبی است. این مثال مربوط به CSS ساختمان است.
در خانه چه کاری میتوانید انجام دهید؟ شما میتوانید بخورید، بخوابید، بپزید… هر کاری که در خانه انجام میدهید، JavaScript ساختمان است.
دیدگاهتان را بنویسید
"*"فیلدهای ضروری را نشان می دهد