آموزش Front-End

آموزش HTML ، کاربرد تگ Meta در HTML

امروز می خواهیم در خصوص تگ Meta بیشتر صحبت کنیم تگی که در وب و مراجع دیگر کمتر به آن پرداخته شده است. با مردان وردپرس همراه باشید تا بیشتر با این تگ بسیار مهم آشنا شوید. این تگ بایستی همیشه در قسمت Head  قرار گیرد ، برای توصیف محتوای صفحه بکار می رود ، هر تگ Meta یک خاصیت و مقدار آن خاصیت را مشخص می کند. از این تگ برای اشاره به نویسنده صفحه ، تاریخ ایجاد صفحه و انقضای آن استفاده می شود و... استفاده می شود ،  به طور کلی اگر از موتورهای جستجو استفاده کرده باشید زمانی که به دنبال عبارتی هستید و آن را جستجو می کنید لیستی از سایت هایی که عبارات در آن  ...

ادامه مطالب
بررسی و معرفی تگ های HTML – بخش اول

در حقیقت زبان HTML برای ایجاد صفحات وب پویاست که طراحان وب آن چه را که تمایل به نمایش در صفحه دارند را در میان  تگ های این زبان قرار میدهند و مرورگر کدهای HTML را از سرور دریافت کرده و پس از ترکیب کردن آنها را تفسیر و در آخر کار شکل کامل صفحه که حاوی تصاویر و سایر اجزا میباشد را به کاربران نمایش میدهد. کلیه کدها در بین <HTML>و  <HTML/> قرار میگیرند و کل صفحه به دو حالت تقسیم میشود ، سر صفحه یا عنوان (اطلاعاتی که سند را توصیف میکند) و بدنه . هر سند یک بخش بدون تغییرات دارد و وظیفه آن بیان نوع سند میباشد و کمک میکند ...

ادامه مطالب
معرفی نسخه های HTML

در طول عمر نسبتا کوتاه وب ، تکنولوژی های مختلفی برای ایجاد صفحات وب معرفی شد اما نمیتوان از نقش اساسی و بسیار مهم HTML به عنوان آغازگر و در حین سادگی که اهمیت فراوانی برای درست کردن صفحات اینترنتی دارد را در نظر نگرفت ، فراگیر شدن بر همه مفاهیم و جنبه های این زبان برای یک طراح سایت اهمیت بالایی دارد و می بایست بر آن نیز تسلط کافی داشته باشد. از سال 2008 ، HTML5 قوت گرفت و عناصر جدیدی در آن تعریف شد و از آنجایی که برنامه نویسی تحت وب مجموعه ایی از توانمندی های مختلف است قصد داریم شما را به یادگیری آخرین نسخه HTML دعوت کنیم ...

ادامه مطالب
زبان HTML چیست ؟

از این پس می خواهیم در خصوص وب به صورت پایه ای تری صحبت کنیم و به نوعی توضیحات اساسی تری در خصوص بخش های مختلف آن را ارایه کنیم از این رو بر آن شدیم تا در این قسمت در خصوص تاریخچه HTML و تعریف کلی آن صحبت کنیم ، با مردان وردپرس همراه باشید. تاریخچه HTML : در اوایل دهه ۹۰ میلادی فیزیکدانی به نام تیم برنزلی که در پژوهشگاه CERN ( بزرگترین مرکز تحقیقات فیزیک هسته ای جهان ) در حال انجام تحقیق بروی شبکه های کامپیوتری بود توانست راهی را پیدا کند که اطلاعات از یک کامپیوتر در کامپیوتر دیگر به نمایش درآید که پایه ریزی HTML در آن زمان شکل گرفت ، این زبان با ...

ادامه مطالب
طراحی فرم ورود وردپرس با Flat UI

وردپرس پرجمعیت ترین و یکی از بهترین سیستم های مدیریت محتوا است که در حال حاظر بیش از 26 درصد از وب سایت های جهان از آن استفاده می کنند. اگر وردپرس کار کرده باشید ،برای ورود و خروج به کنترل پنل ادمین یا حساب کاربری خود  فرمی وجود دارد که نام کاربری  و رمز عبور  را درخواست می کند.این فرم یک فرم بسیار ساده می باشد به تصویر زیر دقت کنید. در این آموزش، به چگونگی  ساخت یک فرم ورود سفارشی می پردازیم.برای زیبا شدن فرم از Flat UI استفاده می کنیم. در ابتدا Flat UI را دانلود کرده و محتویات آن را در قالب خود قرار دهید.اگر فایل زیپ بود محتویان آن را استخراج کنید. در زیر تصویر مربوط به فرمی که می خواهیم بسازیم ...

ادامه مطالب
ساخت یک هاست مجازی در مک

  سلام من میلادی هستم و در این قسمت می خواهم ساخت یک هاست مجازی در سیستم عامل مک را به شما آموزش بدهم که مناسب برای تمام وب کاران می باشد و کار ما را در آموزش وردپرس و کار با آن بهتر خواهد کرد.با مردان وردپرس همراه باشید. اگر شما در لوکال هاست خود کار می کنید و می خواهید که یک هاست مجازی در لوکال خود قرار داده برای توسعه دادن به قالب خود به طوری که دیگر کارهای شما در لوکال هاست نباشد مثلا به جای  localhost/wpmen 127.0.0.1/wpmen شما بخواهید لینک  wpmen.dev را قرار دهید که این هم برای توسعه دهندگان وب از جمله frontend کار ها و backend کارها مناسب می باشد.برای این کار ما آموزش ...

ادامه مطالب
ساخت یک هاست مجازی در ویندوز

اگر شما در لوکال هاست خود کار می کنید و می خواهید که یک هاست مجازی در لوکال خود قرار داده برای توسعه دادن به قالب خود به طوری که دیگر کارهای شما در لوکال هاست نباشد مثلا به جای  localhost/wpmen 127.0.0.1/wpmen شما بخواهید لینک  wpmen.dev را قرار دهید که این هم برای توسعه دهندگان وب از جمله frontend کار ها و backend کارها مناسب می باشد.برای این کار ما آموزش آن را در ویندوز را برای شما عزیزان توسعه دهنده وب قرار می دهیم.این کار به وسیله  تنظیمات آپاچه انجام می شود. از مزایای هاست مجازی: میزبان مجازی  تمیزکننده URL ها می باشند به عنوان مثال   - localhost /mysite را می توان به  محتوی مقابل mysite.local تبدیل کرد.  میزبان مجازی مجوز دسترسی  ساده تر را فراهم ...

ادامه مطالب
آموزش وردپرس ، کلاس های css پیش فرض

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

ادامه مطالب
استایل دهی چیدمان نظرات در وردپرس

 در این مطلب شما یاد می گیرید که چگونه در سایت وردپرسی خود با استایل های پیش فرض نظرات کاربران را نمایش دهید.کد های css ای که در زیر نمایش می دهیم را در فایل css خود قرار داده و نظرات را به زیبایی نمایش دهید. در زیر class ها و id های پیشفرض css وردپرس را می بینید. [crayon-5adb054c90714001811751/]   که می توانید نظرات کاربران خود را استایل دهی نمایید. حال اگر طراح html با کد های css دیگری نظرات را استایل داده  باشد می توانید  از طریق کلیک راست کردن و Inspect Elemen گرفتن کد های css مربوطه را بگیرید و استایل دهید. با استفاده از کد زیر شما می توانید به نظرات فرد و زوج استایل دهید و مانند تصویر زیر ...

ادامه مطالب
آموزش وب ، حذف backspace با جی کوئری

  زمانی که در حال ویرایش یک متن هستید اگر از حالت ادیتور خارج شوید و دکمه backspace را بزنید اتفاقی که هیچ نویسنده ای دوست ندارد برایش بیفتد پیش می آید و آن این است که به صفحه قبلی می روید و همه آن چه که ویرایش کرده بودید از بین خواهد رفت البته در مرورگر های جدید این دکمه به طور پیشفرض غیر فعال شده است اما برای غیر فعال کردن آن می توانید از قطعه کد زیر استفاده کنید.  با مردان وردپرس باشید تا این آموزش را فراگیرید.   [crayon-5adb054c9252a677766439/]

ادامه مطالب