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

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

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

در این نمونه یک منو باز شونده در اختیار شما قرار گرفته است که با کلیک بر روی آن باز و با کلیک مجدد بسته خواهد شد. کدهای HTML : 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <div class=“content”> <nav id=“menu” class=“menu”> <div class=“morph-shape” […]

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

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

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

در این مطلب هفتمین نمونه از هاور رو در اختیارتون میزارم. کدهای HTML : 1 2 3 4 5 6 7 8 9 10 <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 ( قسمت 1 )

در این مطلب و مطلبهای بعدی میخوام چند استایل زیبا رو براتون قرار بدم. کدهای HTML : 1 2 3 4 5 6 7 8 9 <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 : 1 <canvas id=“c”></canvas> […]

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

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

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

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

HTML URL-Encoding References

  در زیر یک منبع از کاراکترهای اسکی در فرم url-encoding آمده است.مقادیر مبنای 16 می توانند برای نمایش حروف غیر استاندارد و کاراکترهای در مرورگرها و plug-in استفاده شوند. URL-encoding from %00 to %8f مقدار ASCII URL-encode مقدار ASCII URL-encode مقدار ASCII URL-encode æ %00 0 %30 ` %60 %01 1 %31 a %61 […]

10 تفاوت اساسی Html5 با Html4

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

HTML Scripts

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

HTML Uniform Resource Locators

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

HTML META

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

HTML Head

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

HTML styles

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

10 دلیلی که ما را ملزم به استفاده از HTML5 می کند

در اینجا سعی داریم 10 دلیل اصلی که در حال حاضر  ما را ملزم به استفاده از HTML5 می کند را بیاوریم:   شما هنوز هم  از HTML5  استفاده نمی کنید؟ نه؟   احتمالا شما دلایل خود را برای استفاده نکردن از آن دارید. شاید چون  ورژن های قدیمی اینترنت اکسپلورر از آن پشتیبانی نمی کنند […]

فونت های HTML

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

ظاهر بندی HTML

هرکجا در وب شما صفحاتی خواهید یافت که مانند صفحات روزنامه قالب بندی شده اند ، این صفحات از ستون های HTML استفاده می کنند. ظاهر بندی HTML – استفاده از جداول یکی از تمرین های متداول با HTML استفاده از جداول برای ظاهر بندی یک صفحه است. یک بخش از این صفحه مانند صفحات […]

نام رنگها در HTML

در این صفحه شما یک جدول از اسامی رنگ هایی پیدا خواهید کردکه با بیشتر مرورگرها پشتیبانی می شوند. توجه: فقط 16 نام رنگ با استاندارد W3C HTML 4.0 پشتیبانی می شوند. برای بقیه رنگ ها باید از مقادیر مبنای 16 آنها استفاده کرد. نام رنگ مبنای 16 رنگ AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF […]

محتوای رنگها در HTML

رنگ ها با ترکیب نورهای قرمز و سبز آبی نمایش داده می شوند. مقدار رنگ ها رنگ های HTML با استفاده از نوشتن یک عدد مبنای 16 از ترکیب مقدار رنگ های قرمز و سبز وآبی معرفی می شود. کمترین مقداری که می توان به یکی از منابع نوری داد صفر است (hex#00)بیشترین مقدار هم […]

رنگ های HTML

رنگ ها با ترکیب منابع نوری قرمز ، سبز و آبی معرفی می شوند. محتوای رنگ ها رنگ ها با استفاده از نشان گذاری مبنای 16 برای ترکیب مقدار رنگ قرمز و سبز آبی معرفی می شوند. پایین ترین مقدار رنگی که می توان به یک منبع رنگی داد صفر است (hex #00) و بالاترین […]

پس زمینه های HTML

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

عکس های HTML

با HTML شما می توانید در یک پرونده عکس نشان دهید. مثالها نمایش عکس این مثال چگونگی نمایش عکس را نشان می دهد. نمایش عکس از محلی دیگر در صورتیکه عکس مورد نظر در محلی دیگر باشد(آدرسی در شبکه)، می توانید برای نمایش آن، از این مثال کمک بگیرید. (مثالهای بیشتر، در انتهای این صفحه […]

فرم ها و ورودی های HTML

فرم های HTML به منظور انتخاب انواع مختلف ورودی های کاربر استفاده می شوند. مثالها فیلد متنی این مثال طریق ساخت یک فیلد متنی را نشان می دهد. کاربر می تواند اطلاعات خود را در این فیلد بنویسد. فیلد رمزعبور گاهی نیاز است که مقداری که کاربر وارد می کند، دیده نشود. برای ایجاد چنین […]