چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟
گام اول : کدنویسی اچ تی ام ال (html) ؛ ساختار بلاک مورد نظرمون رو ایجاد میکنیم. شامل عکس و عنوان عکس که می خواهیم افکت هاور را رویشان اعمال کنیم.
<div class="block">
<img title="" alt="" src="/park.jpg">
<div class="block-caption">
عنوان عکس مورد نظر
</div>
</div>
مقدمه
داشتن یک وبسایت شخصی در فضای مجازی این روزها یک امر عادی و ضروری هست!
و هر شخصی به بهانه ای این محیط یا این سرویس را برای خود ایجاد کرده و یا از سرویس های موجود در اینترنت استفاده می کند تا اشعار ، یاداشت ، آموزش و نمونه کارهای خود را در قالب یک وبلاگ یا سایت در فضای مجازی به اشتراک بگذارد و در برخی موارد از آن کسب در آمد کند و این خود نگاهی نو و روشی مناسب برای کسب درآمد به روش های نوین می باشد. از این جهت هست که داشتن یک صفحه اینترنتی برای یک شخص یا اشخاصی که دارای مهارت هستند یک امر ضروری می باشد.
تو این مطلب میخام متا تگ های مهم در html رو معرفی میکنم که در نمایش وب سایت یا وبلاگ شما در موتورهای جست و جو تاثیر داره!
بخش دوم ساختار و اصول اولیه نوشتن کد های اچ تی ام ال
نرم افزار مورد نیاز :
شاید فکر میکنید برای برنامه نویسی با اچ تی ام ال یا بطور کلی برای طراحی وب سایت برنامه ی خاصی نیاز دارید.
همچین چیزی اصلا درست نیس!!! درسته که یه سری نرم افزارها هستن که کدنویسی را
راحتر میکنند و یه سری دیگر بصورت ویژوال کار طراحی رو انجام میدن! اما بطور کلی برای کد نویسی وب
شما به یک ویرایشگر متن به سادگی “نوت پد” ویندوز، به برنامه دیگری نیاز ندارید! و یا حداکثر برنامه های
نوت پد پلاس پلاس و ساب لایم تکست را در پیوست آموزش دانلود و نصب نمایید.در طول آموزش از این برنامه ها استفاده می شود.
اصول نوشتن کدهای html
اچ تی ام ال از شناسه ها یا همان تگ ها ساخته شده هست. خب این تگ ها چی هستند و به چه صورتی نوشته می شوند.
هر تگ اچ تی ام ال با علامت کوچکتر ریاضی > باز می شود و با علامت بزرگتری < به پایان می رسد. <تگ>
خب وارد نوشتن کد بشیم
زبان HTML (اچ تی ام ال) اولین ، ساده ترین ، پرکاربردترین و مهم ترین زبان برای طراحی وب هست.
HTML یکی از محدود زبان هایی هست که مرورگرها قابلیت خواندن و معنی کردن آن رو به صورت مستقیم دارند.و کاربرد بیشتر زبان های مانند php و … هم در واقع برای مدیریت بهتر بر روی HTML است ، در واقع از همین نکته هم می شود از اهمیت این زبان با خبر شد
طراحی وب استاتیک و دینامیک
اگر شما از نرم افزار مدیریت محتوا برای مدیریت وب سایت خودتون استفاده کنید وب سایت شما دینامیک است و اگر فقط با نوشتن کد وب سایت خودتون رو به روز رسانی کنید و سایت شما دارای هیچ سیستم مدیریت محتوایی نباشد وب سایت و یا بلاگ شما استاتیک نام خواهد گرفت.
