مراحل یادگیری طراحی سایت
بسیاری از افرادی که قصد شروع طراحی و پیاده سازی سایت را دارند، نمی دانند از کجا باید شروع به یادگیری طراحی و پیاده سازی سایت کنند و یا مراحل طراحی و پیاده سازی سایت را به درستی نمی دانند.
کدهای جذاب و دیدنی ( Frosted glass effect ) : حالت شیشه ای زیبا
تا حالا صفحه ای دیدید که در بعضی از رویداد ها حالت شیشه ای دارد که در تصویر زیر نمونه ای از حالت شیشه ای می باشد.
سورس کد پروفایل کارت با Css و Html
در بعضی از سایت ها مشاهده کرده اید که مشخصات یک فرد را توضیح داده است. در واقع می توان مثل CV یا رزومه یاد کرد، اما در اینجا علاوه بر نمایش مشخصات یک فرد، برای زیباسازی فرم مشخصات به کار رفته است.
حرکت متن به دنبال نشانگر ماوس
گاهی برای شما پیش آمده که بعضی از سایت هایی را مشاهده نمودید که وقتی نشانگر ماوس خود را حرکت می کردید، در کنار نشانگر ماوس متنی به همراه بود و به سمت آن نشانگر در حال حرکت بود.
کد بارش برف در وبلاگ یا سایت
بعضی از سایت هایی را مشاهده کردید که صحنه ای مثل زیر که می بینید، مواجه می شوید. در اینجا تنها از کد جاوا اسکریپت برای نمایش بارش برف به کار برده شده است. بله، بسیار دلنشین است، از استفاده سورس کد آن لذت ببرید.
ایجاد صفحات پاپ آپ
بعضی مواقع شما سایت هایی را مشاهده کردید که علاوه باز کردن سایت، سایت های دیگری خود به خود باز می شود، به این اتفاق پاپ آپ می گویند. پاپ آپ گونهای از آگهیهای اینترنتی هستند
کد جلوگیری از کپی کردن مطالب با جاوا اسکریپت
در پست کد قفل کردن راست کلیک با جاوا اسکریپت تنها برای قفل کردن کلیک راست بود حال آنکه ما می خواهیم محتویات متن انتخاب نشود، در واقع هایت لایت یا به اصطلاحا high light نشود و غیر فعال باشد و همه کس نتوانند به راحتی متن را کپی کنند.
کد قفل کردن راست کلیک با جاوا اسکریپت
اکثر اوقات افراد با کلیک راست کردن ماوس و انتخاب گزینه کپی به راحتی متن را کپی می کنند و از آن متن برای کارهای دیگری استفاده می کنند. در اینجا با استفاده از این کد امکان کلیک راست برای افراد غیرفعال خواهد شود. کافی است کد جاوا اسکریپت آن را بنویسید.
آرایش گالری با استفاده از HTML و Javascript
خیلی مواقع ما می خواهیم عکس ها یا همان گالری را بر اساس فیلد مورد نظرمان مرتب سازی کنیم و تصاویر را به صورت یکپارچه را مشاهده نمائیم
افکت عکس برای کلیک کردن
در این نمونه کدهای آماده برای افکت عکس در هنگام کلیک کردن آورده شده است. در اینجا از بوت استرپ و همچنین از CSS به کار رفته است. می توانید نمونه پروژه را دانلود نمائید و مشاهده نمائید.
ایجاد افکت برای کلیک کردن
ایجاد افکت برای کلیک کردن. برای اینکار از HTML و CSS استفاده شده است.
form در HTML
تگ form از عناصر مهم و بسیار کاربری HTML است. با تگ form و سایر تگ های موجود برای ایجاد HTML به کار می بریم. برای ایجاد یک فرم HTML با استفاده از تگ form می باشد.
class ها در HTML
با خاصیت class در html قادر خواهید بود به عناصر خود چند استایل اختصاص دهید. در واقع شما کد های style را یکبار برای همیشه می نویسید و هر کجا از کد قصد استفاده از آن استایل را داشتید فقط نام کلاس را صدا می زنید.
Block ها در HTML
تگ
List در HTML
لیستها برای جمعکردن و نمایش گروهی اطلاعات هستند تا خواندن آنها آسان شود. در توسعه وب مدرن، لیست ها جزو اجزای اصلی وبسایتها هستند که برای ناوبری و نمایش محتوای اصلی به دفعات مورد استفاده قرار میگیرند.
Table در HTML
جداول در برنامه نویسی تحت وب پرکاربرد و مهم هستند. در زبان وب نویسی HTML برای تعریف جدول از تگ