آموزش برنامه نویسی و HTML

برنامه‌نویسی رایانه در فرهنگ واژه غیر متخصّصین ممکن است به تمام پروژه ساخت نرم‌افزار یا برنامهٔ رایانه‌ای گفته شود. با این همه برنامه‌نویسی تنها بخشی از فرایند توسعهٔ نرم‌افزار یا برنامه رایانه‌ای است. اهمیت، توجه و منابع اختصاص داده شده به برنامه‌نویسی، بسته به ویژگی‌های مشخص شده محصول و خواست افراد درگیر در پروژه و […]

SVG فنری و انعطاف پذیر

در این نمونه یک منو باز شونده در اختیار شما قرار گرفته است که با کلیک بر روی آن باز و با کلیک مجدد بسته خواهد شد. کدهای HTML : ۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ ۱۵ ۱۶ ۱۷ ۱۸ <div class=“content”> <nav id=“menu” class=“menu”> <div class=“morph-shape” […]

forkit : ساختن ribbon زیبا برای نشان دادن محتویات بیشتر

در این مطلب میخوام ساختن یک روبان ( ribbon ) زیبا رو بهتون آموزش بدم. این نمونه روبان رو شاید در بیشتر سایتها دیده باشید که در گوشه و سمت بالا قرار دارن. ولی هر وقت که روی اونا هاور میکنیم ، هیچ اتفاقی نمیوفته. اما در این مطلب میخوام حالت انیمیشنی مناسبی رو بهتون […]

افکتهای زیبا برای هاور ( Hover ) شدن(۲)

در این مطلب هفتمین نمونه از هاور رو در اختیارتون میزارم. کدهای HTML : ۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ <div class=“grid”> <figure class=“effect-marley”> <img src=“http://s.7Learn.com/uploads/2014/12/sample.jpg” alt=“sample”/> <figcaption> <h2>Sweet <span>Marley</span></h2> <p>Marley tried to convince her but she was not interested.</p> <a href=“#”>View more</a> </figcaption> </figure> </div> چونکه از تگهای HTML5 استفاده شده […]

استایل زیبا برای radio و checkbox ( قسمت ۱ )

در این مطلب و مطلبهای بعدی میخوام چند استایل زیبا رو براتون قرار بدم. کدهای HTML : ۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ <form class=“ac-custom ac-checkbox ac-cross”>     <ul>         <li><input id=“cb1” name=“cb1” type=“checkbox”><label for=“cb1”>Efficiently unleash information</label></li>         <li><input id=“cb2” name=“cb2” type=“checkbox”><label for=“cb2”>Quickly maximize timely deliverables</label></li>         <li><input id=“cb3” name=“cb3” type=“checkbox”><label for=“cb3”>Dramatically maintain solutions</label></li>         <li><input id=“cb4” […]

کدهای جذاب و دیدنی : بازی با توپها

در این قسمت میخوام ششمین کد ( code ) جالب رو در اختیارتون بدم. در ابتدا تعدادی توپ وجود دارن. اگر کلیک راست رو نگه دارین و درگ کنید ، توپها پخش و پلا میشن. اگر در فضای خالی هم کلیک کنید ، یک توپ به توپهای قبلی اضافه میشه. کد HTML : ۱ <canvas id=“c”></canvas> […]

Glitch : قرار دادن حالتی زیبا برای متن

در این مطلب میخوام یک حالت زیبا برای اعمال کردن به متن در اختیارتون قرار بدم. این حالت شبیه تیک زدن هست. مثل لامپی که خاموش روشن میشه و درست کار نمیکنه. مثل اینکه نویز داره. بخاطر همین هم اسمش رو glitch گذاشتن. کد HTML : ۱ <div class=“glitch” data-text=“GLITCH”>GLITCH</div> کدهای CSS : ۱ ۲ ۳ […]

آماده شوید که سایت خود را آپلود کنید

قدم اول شما یک وب سرور شخصی اگر شما می خواهید دیگران صفحات شما را ببینند باید آنها را publish کنید برای publish کردن کارتان شما باید فایل هایتان را در یک وب سرور کپی کنید رایانه خودتان اگر به یک شبکه متصل است می تواند بعنوان یک وب سرور عمل کند اگر شما win98 […]

HTML URL-Encoding References

  در زیر یک منبع از کاراکترهای اسکی در فرم url-encoding آمده است.مقادیر مبنای ۱۶ می توانند برای نمایش حروف غیر استاندارد و کاراکترهای در مرورگرها و plug-in استفاده شوند. URL-encoding from %00 to %8f مقدار ASCII URL-encode مقدار ASCII URL-encode مقدار ASCII URL-encode æ %۰۰ ۰ %۳۰ ` %۶۰ %۰۱ ۱ %۳۱ a %۶۱ […]

۱۰ تفاوت اساسی Html5 با Html4

بنام حق درود بر دوستان عزیزم که همیشه همراه من هستند. امروز قصد دارم ۱۰ تفاوت اساسی بین html5 و html4 رو براتون شرح بدم. در ابتدا باید برای اون دسته از دوستانی که تازه شروع کردن به طراحی وب سایت یه توضیح بدم که html زبان نشانه گذاری سطح بالاست و برای ساخت صفحات […]

HTML Scripts

اسکریپت ها را به صفحاتتان اضافه کنید تا آنها را پویاتر و فعال تر بسازید. مثالها اسکریپت در صفحه این مثال روش قرار دادن یک اسکریپت، داخل صفحه html را نشان می دهد. کار با مرورگری که اسکریپت را پشتیبانی نمی کند اگر مرورگر، اسکریپت را پشتیبانی نکرد، چگونه کاربر را آگاه کنیم؟ وارد کردن […]

HTML Head

عنوان صفحه اطلاعات عنوان، که در داخل برچسب head نوشته می شود، در مرورگر نمایش داده نمی شود. یک هدف برای تمام پیوندها با تنظیم هدف پایه در قسمت head، هدف پیش فرض تمام پیوندهای صفحه، تعیین می شود. عنصر head عنصر head حاوی اطلاعات اصلی که همچنین meta-information نیز نامیده می شود در یک […]

HTML META

مثالها توضیحات صفحه اطلاعاتی که در قسمت meta نوشته می شوند، شرحی درباره صفحه می دهند. موتورهای جستجو توجه خواصی به این توضیحات دارند. کلیدواژه های صفحه کلیدواژه های معرف صفحه، در قسمت meta می آیند. این کلیدواژه ها، شناسه های اصلی متن صفحه می باشند. موتورهای جستجو به کمک این کلید واژه ها، صفحه […]

HTML Uniform Resource Locators

پیوندهای HTML هنگامی که شما در یک پرونده HTML بر روی یک پیوند کلیک می کنید برچسب <a> یک موجودیت به نام href دارد که آدرس آن صفحه در وب در آنجا قرار می گیرد ، مثل این: <a href= “lastpage.htm”> Last Page </a> URL چیزی که URL نامیده می شود درwww برای آدرس دهی […]

HTML styles

با HTML4.0 همه قالب بندی ها می تواند به یک CSS جداگانه به خارج از پرونده HTML برده شود. مثالها ُStyleها در Html این مثال چگونگی آرایش یک html به کمک styleی که به قسمت <head> اضافه شده است را نشان می دهد. فراپیوند، بدون زیرخط این مثال روش ساخت یک فراپیوند، که زیر خط […]

فونت های HTML

برچسب font در HTML دیگر توصیه نمی شود و گمان می شود که از نسخه های بعدی HTML حذف شود. هرچند تعداد زیادی از مردم از آن استفاده کنند ، شما باید سعی کنید که از آن اجتناب کنید وبجای آن از style استفاده کنید. برچسب font در HTML با کد های HTML مثل این […]