یک برنامه نویس وب - قالب بلاگ بیان

آموزش برنامه نویسی وب ، دانلود رایگان قالب بلاگ بیان ، میهن بلاگ و وردپرس، دانلود برترین آهنگ

یک برنامه نویس وب - قالب بلاگ بیان

آموزش برنامه نویسی وب ، دانلود رایگان قالب بلاگ بیان ، میهن بلاگ و وردپرس، دانلود برترین آهنگ

سلام خوش آمدید

۱۹ مطلب با موضوع «وبلاگ :: آموزش برنامه نویسی وب» ثبت شده است

تگ های متا و تاثیر آن بر موتورهای جست و جو

تو این مطلب میخام متا تگ های مهم در html رو معرفی میکنم که در نمایش وب سایت یا وبلاگ شما در موتورهای جست و جو تاثیر داره!

  • ۱ نظر
  • ۱۷ فروردين ۹۴ ، ۱۵:۳۹
  • ج . محمد
جدول در اچ تی ام ال

امروز میخواهم یکی دیگر از تگ های پرکاربرد html را معرفی کنم. تگ <table> یا جدول ؛ برای ایجاد جدول در صفحات اچ تی ام ال به کار میره!

بجای استفاده از صفت های مانند border در تگ جدول بهتر هست از css استفاده کنید.آموزش css و صفت های مربوط به تگ <table>.

برای افزودن سطر به جدول خود در صفحه html از تگ <tr> که مخفف کلمه ی table row میباشد استفاده میکنیم ، برای افزودن محتوا در سطر جدول از تگ <td> استفاده میکنیم که مخفف کلمه table data هست.

ساختار تگ <table> 

  • ۰ نظر
  • ۰۴ فروردين ۹۴ ، ۱۶:۴۸
  • ج . محمد
سبک دهی به متن در سی اس اس

در این مطلب میخوام به چگونگی استایل دادن به متن در css بپردازم ، امیدوارم براتون مفید باشه و نظر هم یادتون نره!

مثال های که در این مطلب ارائه میشن در بیشتر مرورگرها پشتیبانی می شوند ولی پیشنهاد میکنم برای استفاده از امکانات css در طراحی خودتان اگر پشتیبانی مرورگرهای خاصی براتون اهمیت داره ، مثلا مرورگر IE9 به پایین که سهم شان در استفاده کاربران از آنها رو به روز کمتر میشه و دیگر مرورگر ها میتونید از این سایت استفاده کنید و اگر سوالی داشتید می توانید به این صفحه مراجعه کنید.

با تگ font در html حتما آشنایی دارید! برای آموزش html به این صفحه مراجعه کنید. خب میخواهیم دستورات font  را با css بنویسیم!

<p>
<font color="black" face="tahoma,arial">
lorem ipsum matnist azmayeshi
</font>
</p>

برای اینکه به هر پاراگراف خود رنگ و فونت مشخصی بدهید باید دستورات فونت را به همراش تکرار کنید! و این کار ...! دوست داشتنی نیس! برای این کار از سی اس اس استفاده کنیم. به این صورت

  • ۰ نظر
  • ۰۹ اسفند ۹۳ ، ۱۲:۲۰
  • ج . محمد
آموزش سی اس اس  - شروع کار با css

شاید فکر کنید که استفاده از css احتیاج به کدنویسی پیچیده دارد! در حالی که اینطور نیست ، css یکی از آسان ترین و برترین ابزار برای طراحان وب هست! 

سلکتور(گزینشگر ، انتخاب کننده! همون سلکتور خوبه! :)).

سلکتورهای سی اس اس (CSS selectors)

هر سبک css دو بخش دارد. اولین بخش سلکتور مورد نظر ماست که می خواهیم استایل را بهش اعمال کنیم. بخش دومم هم خصوصیات(propertis) مورد نظرمون که میخاهیم رو سلکتور اعمال بشن.که خصوصیات و مقدار آنها بین دو { } قرار میگیرند.


selector
{
propertis:value;
}

  

  • ج . محمد
آموزش CSS

بخش اول آموزش سی اس اس CSS

 

تاریخچه مختصر

در سال 1995 توسط کنسرسیوم جهانی وب (W3C) معرفی شد.

سال 1996 این استاندارد به طراحان وب توصیه شد.

سال 1998 نیز نسخه دوم این استاندارد نیز منتشر شد.

اولین سایتی که طراحی قدیمی را کنار گذاشت و در طراحی قالب از  css  استفاده کرد، سایت ورزشی ESPN بود و سایت دیگری هم بودند

که از این استاندارد استفاده کردند همچون GAMESPOT که بعنوان بزرگترین سایت مرتبط با بازی های کامپیوتری شناخته میشود.

 

  • ج . محمد
پاراگراف و عنوان در اچ تی ام ال

آموزش ایجاد پاراگراف و عنوان ها در اچ تی ام ال.برای افزودن پاراگراف از تگ <p></p> به کد زیر دقت کنید :

 
<p>
  drowgaan tahi wada, lorem ipsum dollar ...
</p>

  • ج . محمد
Microdata و تاثیر آن بر سئو

سئو وبسایت برای تمام دارندگان وب سایت های حتما مهم هست و دوست دارند که سئو وبسایت خود را افزایش بدهند که باعث می شود رتبه وبسایت در موتورهای جست و جوگر بالا بره.

وقتی که کاربر وارد سایت میشه با خواندن مطالب متوجه این میشه که موضوع مطالب چی هست! اما موتورهای جست و جوگر همه مطالب سایت رو متن (text) در نظر میگیرند و اینکه مرتبط با چه موضوعی هست رو نمیتونند تشخیص بدهند. با استفاده از تگ های microdata به موتورهای جست و جوگر میفهمونیم که موضوغ مطلب چی هست! به عنوان مثال که این مطلب در مورد شخص هست یا یک محصول یا یک مکان و ...! این تگ ها در html5  استفاده میشه و شما میتونید توی سایت http://sechma.org (توسط همین سایت تعریف و استاندارد شده هست) ببینید.

چگونه از microdata استفاده کنیم ؟

  • ج . محمد

بعنوان فردی که وبسایت طراحی میکنید و یا دارنده یه وبسایت هستید حتما اسم " متا تگ ها " رو شنیده اید و یا اینکه اهمیت نقش آن ها را در سئو وبسایت متوجه شده اید! در این پست میخام انواع مختلف متا تگ ها رو توضیح بدم.

 

متا تگ چیست ؟

تگ (بر چسب ) به معنی مخفف کلمه ای ست که برای شناسای یک شی به آن نسبت داده میشود.

تگ های متا بین تگ <head ...</head> قرار میگیرن و با کلمه meta شروع میشن! 


<head>
  <meta name="" content="">
</head>

انواع متا تگ ها

  • ج . محمد

برای ایجاد لینک ها در اچ تی ام ال از تگ <a>  استفاده میکنیم. (A = Anchor)

تگ لینک <a>  دارای خصیصه های (attribute)  زیر هست :

Href برای افزودن آدرس لینک

  • ج . محمد
یک برنامه نویس وب - قالب بلاگ بیان

محمد جمال زاده هستم یک برنامه نویس وب! علاقه بسیاری زیادی به یادگرفتن فریم ورک های جدید و بخصوص فریم ورک های هایبریدی یا ( Cross Platform) دارم و از کدنویسی لذت خاصی میبرم! به هیچ وج از کدنویسی خسته نخواهم شد! فریلنسری و دور کاری را بیشتر از کار تمام وقت دوست دارم باعث میشه ایده های مختلف روبه رو بشی! کارهای متفاوت انجام بدی !

آخرین نظرات