html Archives – شاه کد

CSS چیست و نقش آن
CSS چیست و نقش آن در طراحی وب سایت که در این پست، طراحی و ساخت سایت را توضیح می دهیم، پس با ما همراه باشید. امروزه نرم افزارهایی برای طراحی وب سایت پدید آمده است که این امکان را می دهد که حتی بدون نیاز به دانش برنامه نویسی وب سایتی تولید و توسعه […]
ادامه مطالب
نمایش لودینگ یا نوار بارگذاری با CSS
نمایش لودینگ یا نوار بارگذاری با CSS ، در این مقاله نحوه ی پروژه ایجاد لودینگ یا نوار بارگذاری کامل صفحه وب که با CSS نوشته شده را توضیح میدهیم.نمایش لودینگ صفحه یا بارگذاری کامل آن Preloader
ادامه مطالب
نقاط برخورد دهنده
این پروژه ی بوم برخورددهنده به این صورت است که وقتی بوم ها یا مربع ها باهم برخورد می کنند...
ادامه مطالب
نمایش رنگ پویا در سایت
پروژه ی کوتاه به صورت نمایش رنگ پویا در سایت ...
ادامه مطالب
مراحل یادگیری طراحی سایت
بسیاری از افرادی که قصد شروع طراحی و پیاده سازی سایت را دارند، نمی دانند از کجا باید شروع به یادگیری طراحی و پیاده سازی سایت کنند و یا مراحل طراحی و پیاده سازی سایت را به درستی نمی دانند.
ادامه مطالب
پروژه 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
تگ div یک عنصر Block است که اغلب به عنوان یک ظرف یا اصطلاحا container برای عناصر HTML دیگر استفاده می شود. تگ div خاصیت یا attribute ندارد، اما می تواند style و class داشته باشد و بسیار پرکاربرد و بیشترین مورد استفاده می باشد.
ادامه مطالب
List در HTML
لیستها برای جمعکردن و نمایش گروهی اطلاعات هستند تا خواندن آنها آسان شود. در توسعه وب مدرن، لیست ها جزو اجزای اصلی وبسایتها هستند که برای ناوبری و نمایش محتوای اصلی به دفعات مورد استفاده قرار میگیرند.
ادامه مطالب
Table در HTML
جداول در برنامه نویسی تحت وب پرکاربرد و مهم هستند. در زبان وب نویسی HTML برای تعریف جدول از تگ table استفاده می شود.برای ایجاد جدول با زبان html به صورت زیر عمل می کنیم
ادامه مطالب
عکس در HTML
یکی از پرکاربردترین تگ ها در صفحات وب، تگ نمایش تصاویر یا img است که امکان نمایش یک تصویر در صفحات سایت ها، وبلاگ ها و در کل امکان نمایش تصویر در وب را میسر می کند
ادامه مطالب
CSS در HTML
منظور از استایل دهی، تعیین ویژگی های ظاهری تگ های HTML شامل تصاویر، متون و سایر تگ هاست. اگر بخواهیم به متون یا هر عنصر HTML یک استایل خاصی بدهیم باید از CSS استفاده کنیم.
ادامه مطالب
رنگ ها در HTML
تلویزیون و مانیتورها رنگ ها را با ترکیب 3 رنگ اصلی قرمز، سبز و آبی به نمایش در می آورند. برای ترکیب مقدار رنگ های قرمز، سبز و آبی در HTML، از مبنای هگزا دسیمال (HEX) استفاده می شود.
ادامه مطالب
style در HTML
درباره Attribute ها در جلسه قبل به صورت مختصر صحبت کردیم و در اینجا بیشتر درباره Attribute ها آشنا خواهید شد.
ادامه مطالب
پاراگراف در HTML
تگ p یا تگ پاراگراف ، تگی است که با استفاده از آن میتوان در یک صفحه وب یک یا چندین پاراگراف را ایجاد کرد.مرورگرها بصورت پیش فرض یک فضای خالی (حاشیه) را به قبل و بعد (بالا و پایین) تگ پاراگراف اضافه میکنند، ولی خب ما با استفاده از CSS میتوانیم آن را حذف یا تغییر دهیم. در آینده با CSS آشنا خواهید شد.
ادامه مطالب
خاصیت ها یا attributes در HTML
ها امکانات بیشتری درباره عناصر HTML برای ما فراهم می کنند. attributes در HTML : عناصر HTML می توانند attributes داشته باشند.
ادامه مطالب
عناصر و تگ های HTML
به طور کلی عناصر و یا تگ ها در HTML یک تگ شروع و یک تگ پایانی دارند و در بین این تگ شروع و پایان، نوشته ای یا محتوا قرار دهیم.
ادامه مطالب
مقدمات پایه ای HTML
تمامی اسناد html دارای تگ

ویرایشگر های HTML و نحوه استفاده
HTML ویرایشگرهای زیادی دارد که به کمک این نرم افزارها شما به راحتی کدنویسی HTML را انجام می دهید. یکی از قدرتمندترین ویرایشگرهای HTML نرم افزار Dreamweaver است.
ادامه مطالب
آموزش قدم به قدم HTML
HTML مخفف عبارت Hypertext Markup Language است. این زبان در واقع یک نوع زبان نشانهگذاری استاندارد برای ایجاد صفحات وب و وب اپلیکیشنها محسوب میشود.
ادامه مطالب