<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
    <channel>
        <title>نوشته های parsrtl</title>
        <link>https://virgool.io/feed/@parsrtl</link>
        <description>عاشق محتوا و کد خوش حال می شوم اگر پروفایل من را ببینید https://stackoverflow.com/users/13114202/ali-jasemi</description>
        <language>fa</language>
        <pubDate>2026-06-19 11:41:37</pubDate>
        <image>
            <url>https://files.virgool.io/upload/users/82945/avatar/7D4ZUa.png?height=120&amp;width=120</url>
            <title>parsrtl</title>
            <link>https://virgool.io/@parsrtl</link>
        </image>

                    <item>
                <title>من اصالا ژن یادگیری انگلیسی ندارم</title>
                <link>https://virgool.io/@parsrtl/%D9%85%D9%86-%D8%A7%D8%B5%D8%A7%D9%84%D8%A7-%DA%98%D9%86-%DB%8C%D8%A7%D8%AF%DA%AF%DB%8C%D8%B1%DB%8C-%D8%A7%D9%86%DA%AF%D9%84%DB%8C%D8%B3%DB%8C-%D9%86%D8%AF%D8%A7%D8%B1%D9%85-fayic3xlrexg</link>
                <description>نداشتن استعداد! چه میشد اگر برای هر باری که این جمله را شنیده ام، یک دلار دریافت میکردم! اگر تنها یک داوری ناعادلانه در مورد خودمان وجود داشته باشد، آن هم همین است.وقتی به مدرسه می رفتم، مدام به خودم میگفتم من ژن یادگیری زبان ندارم. بنابراین، از آنجایی که چنین ژنی نداشتم، تلاش لازم را برای یادگیری زبان انگلیسی به خرج نمی دادم و چون تلاشی نمی کردم، به ندرت در آزمون ها قبول می شدم و سرانجام، پس از گذشت پنج سال از حضور در کالسهای مربوطه، باز هم نتوانستم آلمانی صحبت کنم. نتیجه آنکه، من ژن یادگیری زبان نداشتم!</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Sat, 26 Sep 2020 11:56:33 +0330</pubDate>
            </item>
                    <item>
                <title>چگونه در اکسل دهگان و هزارگان را جدا کنیم</title>
                <link>https://virgool.io/@parsrtl/%DA%86%DA%AF%D9%88%D9%86%D9%87-%D8%AF%D8%B1-%D8%A7%DA%A9%D8%B3%D9%84-%D8%AF%D9%87%DA%AF%D8%A7%D9%86-%D9%88-%D9%87%D8%B2%D8%A7%D8%B1%DA%AF%D8%A7%D9%86-%D8%B1%D8%A7-%D8%AC%D8%AF%D8%A7-%DA%A9%D9%86%DB%8C%D9%85-cwl9uyz6eauq</link>
                <description>یکی از چالش هایی که داشتم وقتی می خواستم گزارش مالی در اکسل تنظیم کنم این بود که اعداد هیچ جداکننده ای نداشتند.برای این منظور کار بسیار ساده است. و در دو مرحله زیر انجام می شود:ابتدا سطر یا ستون مورد نظر خود را انتخاب کنید.از منوی Home، قسمت Number می بایست طبق تصویر این کار را انجام دهید.</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Sun, 26 Apr 2020 12:49:27 +0430</pubDate>
            </item>
                    <item>
                <title>معرفی و آموزش کار با Adjustment در فتوشاپ</title>
                <link>https://virgool.io/@parsrtl/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D9%88-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%DA%A9%D8%A7%D8%B1-%D8%A8%D8%A7-adjustment-%D8%AF%D8%B1-%D9%81%D8%AA%D9%88%D8%B4%D8%A7%D9%BE-sk5oocicypcq</link>
                <description>سلام، یکی از بخش هایی که زیبایی بسیار عالی تری به تصویر شما اضافه می کند Adjustment در فتوشاپ است.1 ـ Brightness‌/‌Contrast: براي تنظيم كنتراست و نور تصوير 2 ـ Level: براي تنظیم نوردهی تصویر است.2 ـ Level: براي تنظیم نوردهی تصویر است.3 ـ Curves: تنظيم نور و رنگ تصوير با تعيين 16 سطح روشنايي4 ـ Exposure : تنظيمات پيشرفته نور براي توليد تصاويرHDR (در مورد این تصاویر پایین این متن توضیح داده ام)5 ـ Vibrance : تنظيم غيرخطي غلظت رنگي تصوير (تاثير بيشتر در رنگ‌هاي رقيق‌تر)6 ـ Hue‌/‌Saturation : تنظيم خطي غلظت رنگي(تاثير در همه رنگ‌ها)7 ـ Color Balance : تنظيم رنگ تصوير با توجه به رنگ‌هاي مكمل8 ـ Black &amp; White : جهت سياه و سفيدكردن تصوير9 ـ Photo Filter : شبيه‌سازي استفاده از فيلترهاي عكاسي روي لنز دوربين10 ـ Channel Mixer : تركيب كانال‌هاي رنگي تصوير براي رسيدن به تصوير بهتر11 ـ‌Color Lookup ‌: ايجاد چهره جديد از تصوير در رنگ بندي‌هاي متفاوت با انتخاب تنظيمات پيش‌فرض12 ـ‌ Invert : نگاتيو كردن تصوير13 ـ Postrize : كاهش تعداد رنگ‌هاي تصوير و تبديل آن به حالت چاپ دستي14 ـ Threshold : تبديل تصوير به تصويري با كنتراست بالا در حالت سياه و سفيد15 ـSelective Color : اعمال تغييرات روي يك رنگ خاص از تصوير (مثلا می خواهیم رنگ سفارشی بسازیم از این ابزار استفاده می کنیم.16 ـ Gradient Map: اعمال شيب رنگي روي تصاوير رنگي و ايجاد تصوير سياه و سفيد يا با ته‌مايه‌هاي رنگیدر دو جا می توان Adjustment را پیدا کرد: در پنل کنار پنل لایه ها (سمت چپ)در image یک بخشی به نام Adjustment وجود دارد. (مانند تصویر بالا)نکات:قبل از انجام هر کاری از تصویر تان یک ctrl+j بگیرید.منبع تصاویر</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Wed, 15 Apr 2020 10:15:08 +0430</pubDate>
            </item>
                    <item>
                <title>بانک ملت: در این باجه فقط به مشتریانی که منابع بالای 5 میلیارد دارند خدمات می دهیم</title>
                <link>https://virgool.io/@parsrtl/%D8%A8%D8%A7%D9%86%DA%A9-%D9%85%D9%84%D8%AA-%D8%AF%D8%B1-%D8%A7%DB%8C%D9%86-%D8%A8%D8%A7%D8%AC%D9%87-%D9%81%D9%82%D8%B7-%D8%A8%D9%87-%D9%85%D8%B4%D8%AA%D8%B1%DB%8C%D8%A7%D9%86%DB%8C-%DA%A9%D9%87-%D9%85%D9%86%D8%A7%D8%A8%D8%B9-%D8%A8%D8%A7%D9%84%D8%A7%DB%8C-5-%D9%85%DB%8C%D9%84%DB%8C%D8%A7%D8%B1%D8%AF-%D8%AF%D8%A7%D8%B1%D9%86%D8%AF-%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D9%85%DB%8C-%D8%AF%D9%87%DB%8C%D9%85-rmvquy51kkhp</link>
                <description>خیلی برام جالب بود وقتی این جمله را از متصدی بانک آقای سلطانی شنیدم. دوست داشتم بگویم همین حرف رو بنویس و زیرش را امضا کن.ساعت حدودا 9 صبح به سمت بانک حرکت کردم و الان ساعت 10:48 دقیقه رسیدم. در بانکی که با این همه پرسنل می تواند نیم ساعته هم کارم را راه ببندازد.شرح جریان:بعد از اینکه کارت بانک ملتم منقضی شد برای تمدید آن به بانک ملت قم، شعبه جهان بینی رفتم و بعد از انتظار و کارهای اولیه که طبیعی هست یک درخواست ساده رو عرض کردم:لطفا همراه بانک را هم برایم فعال کنید.مسئول باجه ای که کارم را انجام داد ( باجه کلر) به من گفت به باجه بغل رو برای این کار ولی چیزی که جالب بود تقریبا 2 نفر را جلوتر از من راه انداخت.بعد از اینکه 5 میلیاردی ها از من عبور کردند علت رو پرسیدم و &quot;گفتم شما اصلا نوبت را رعایت نمی کنید&quot; پاسخ این آقای محترم:در این باجه فقط به مشتریانی که منابع بالای 10 میلیارد دارند خدمات می دهیم.پرسیدم: همکارتون به من گفتن بیایم به این باجه و شما یک باجه مثل باقی باجه ها هستید.پاسخ: نه باجه ای برای همراه بانک نداریم اولویت هم با کسایی است که بین 5 تا 10 میلیارد منابع پیش بانک ملت دارند است.آیا در آمریکا همچین چیزی است؟در ترکیه یا افغانستان چطور؟پی نوشت: آدرس شعبه بانک ملت: قم، خیابان صدق، نبش خیابان جهان بینیمسئول باجه ای که این پاسخ خیلی منطقی :) را به من داد: آقای سلطانیواقعا خیلی متاسفم برای خودم بابت اینکه در این کشور زندگی می کنم.</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Mon, 24 Feb 2020 11:03:38 +0330</pubDate>
            </item>
                    <item>
                <title>معرفی استایل های فَرّار در css</title>
                <link>https://virgool.io/@parsrtl/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84-%D9%87%D8%A7%DB%8C-%D9%81%D9%8E%D8%B1%D9%91%D8%A7%D8%B1-%D8%AF%D8%B1-css-haqbhwh0fumj</link>
                <description>بعضی از استایل ها در css هستند که در عین مهم بودن ولی به اندازه استایل color یا همچین استایل هایی پرکاربرد نیستند ولی در عین حال مهم هستند و گاها اتفاق می افته که اونو فراموش کنیم.1 - خاصیت display در css بطور کلی با استفاده از این خاصیت در css می توانیم تعیین کنیم که یک المان نشان داده شود یا خیر و اینکه بصورت بلوک باشد یا نه (در مورد اینکه بلوک چیه صحبت می کنیم)، و اینکه المان ها مون توی یک خط باشن یا نهdisplay: none;یعنی اینکه اون بلوک نمایش داده نشود.display: inline;یعنی عناصری که بهش این استایل رو دیدیم بصورت درون خطی نمایش داده شود.مثال عملی از کاربرد: برای نمایش منوهای افقی.display: block;توضیح بلوک: اگر به کلمه بلوک کمی توجه کنید معنی آن در خودش است.  دیدید در آپارتمان ها می گن بلوک چند هستید یه همچین معنی هم در css دارد.2 - خاصیت text-decoration در css وقتی به یک متنی لینک می دیم بصورت زیر خط دار نمایش داده می شود. برای حذف این باید این استایل رو به عنصر مون بدیم.نمونه کد:text-decoration: none;3 - خاصیت cursor در css خیلی وقت ها می خوایم وقتی موس می ره روی عنصر مد نظر مون شبیه انگشت اشاره بشه و ... ( مناسب برای رابط کاربری)با استفاده از این خاصیت می توانیم این کار رو انجام بدیم.مثال و نمونه کد:cursor: pointer;
cursor: copy;
cursor: move;4 - خاصیت position در css خاصیت position دو اتربیوت کاربردی داره که خیلی با اون کار خواهید کرد به نام absolute و relative.در واقع وقتی absolute را به یک عنصر بدهیم بهش می گیم که می خوایم تو رو در یک محدوده ای که برات تعیین می کنیم بالا و پایین کنیم.وقتی هم relative را به یک عنصر دهیم می گیم اون محدوده ای که تعیین کردیم تو هستی :)بعد وقتی از این استایل استفاده کردید با top, left میاییم و چپ و راستش می کنیم.جمع بندی: absolute رو به فرزند و relative را به مادر می دهیم.نمونه مثال از کاربرد position در منو هاست.5 - خاصیت top, left در css کاربرد این استایل css برای position هاست. وقتی به یک کلاس فرزند position:absolute دادیم. در ادامه میاییم و چپ و راستش می کنیم.6 - خاصیت  float در css از نظر لغوی این کلمه به معنی شناوری است.خیلی وقت ها میشه وقتی داریم کد html می زنیم عنصر مد نظر می ره سمت چپ و ما می خواهم راست باشه (وبالعکس) با استفاده از این خاصیت می تونیم به چپ و راست منتقل کنیم عنصر رو.این خاصیت در راستچین کردن صفحات وب خیلی استفاده می شه.7 - خاصیت transform در css برای اینکه یک عنصری را بچرخانیم از این خاصیت استفاده می شود.مثال و یک نمونه کد:transform: rotate(45deg);وقتی به یک عنصر این کلاس داده شود یعنی 45 درجه ساعتگرد بچرخد.خاصیت transform اتربیوت های زیادی دارد ولی کاربردی اش همینه.8 - خاصیت background در css این خاصیت یکی از ساده ترین استایل هاست ولی می خواهیم کمی حرفه ای تر و پیچیده تر در موردش صحبت کنیم.به طور کلی background از معنی اش مشخصه به معنی پس زمینه است.دادن رنگ به پس زمینه:  background: #fff;
  background: rgba(0, 5, 17, .55); - - - - - - - - - - -  - &gt; اگر می خواهید رنگ رو بصورت  وارد کنیدتکرار پس زمینه یک عنصر در جهت محور x ها (افقی) و y  ها (عمودی):background-repeat-x - - - - - - - - - - - - - - - - - - - - - - - - - &gt; افقی
background-repeat-y - - - - - - - - - - - - - - - - - - - - - - - -  &gt; عمودیوقتی می خواهیم پس زمینه مون یک عکس باشه: background: url(/images/banner.jpg) background: transparent;6 - خاصیت  box-shadow در cssبرای اضافه کردن سایه به عنصر. یک نمونه سایه خوب:box-shadow: 0 0 3px #868686;در آپدیت جدید می خواهیم در مورد این خاصیت ها هم توضیحاتی بدیم. (در هیمن نوشته)overflowz-indexlist-styleoutlinewhite-spacebox-sizingکلام نهایی خدمت متخصصین عزیز: قطعا این نکته رو همه می دونن عاقلانه نیست همه همه همه استایل های css رو یاد بگیریم. بلکه باید در مرحله او علم نسبت به css داشته باشیم و بجای اینکه بریم همه استایل ها رو یادبگیریم باید استایل های کاربردی رو یادبگیریم. تازه در استایل های کاربردی می بایست اتربیوت های کاربردی رو یاد بگیریم.</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Wed, 20 Nov 2019 11:36:39 +0330</pubDate>
            </item>
                    <item>
                <title>یک شهر آباد، بعض صد تا شهر خراب ...</title>
                <link>https://virgool.io/@parsrtl/%DB%8C%DA%A9-%D8%B4%D9%87%D8%B1-%D8%A2%D8%A8%D8%A7%D8%AF-%D8%A8%D8%B9%D8%B6-%D8%B5%D8%AF-%D8%AA%D8%A7-%D8%B4%D9%87%D8%B1-%D8%AE%D8%B1%D8%A7%D8%A8-jovsvfpuzhef</link>
                <description>واقعیتش مخاطب اصلی هدف این متن خودم هستم. من هر چند وقت یکبار، یک جلسه خصوصی با خودم می گذارم و کارهایی که تا حالا کردم یا نکردم، یا نیمه کاره رها کردم و یا ترسیدم و رها کردم رو بررسی می کنم.البته اصول آدم های موفق هم این است که آنها این کار رو هر شب انجام می دهند بجای هر چند وقت یکبار. این ضرب المثل را من بیشتر از مردم یزد یاد گرفتم ولی درمورد ریشه ضرب المثل یک شهر آباد، بعض صد تا شهر خراب است نمی دانم.بخشی مهارت ها و یادگیری های من تا حالا:فتوشاپفریم ورک bootstrapبرق ساختمانزبان html / cssاتوکداکسلاکسسورد بصورت حرفه ایپاوروینت بصورت حرفه ایبورس (خیلی کم)بازاریابی تلفنیبازاریابی و فروشندگیگل و گیاه و تراریومدنیای تولید محتوااوداسیتی و ادوشن (برای کار صدا و پادکست)نرم افزار موهو (انیمیشن سازی)زبان انگلیسیزبان آلمانی در حد شروعزبان عربی در حد شروعصنعت بیمهوردپرس بصورت فوق حرفه ای نویسندگی و تولید محتواسئوپرستاشاپنرم افزار آماری spssسوشال مارکتینگالبته این نکته را بگویم که بعضی از موارد رو واقعا نیاز بود که یاد می گرفتم ولی اگه واقعا متمرکز تر و بصورت مداوم یک علمی رو دنبال می کردم الان جایگاه خیلی برجسته تری داشتم.کنجکاوی و طمع در یادگیری خیلی خوبه ولی اگه این موضوع زیر نظر یک مربی انجام شود واقعا نور علی نور میشود.البته خیلی از نمونه های موفقی رو برخوردم مثل آقای علیمردانی که گوینده انیمیشن دیرین دیرین هستند که ایشون هم همچین داستانی رو داشتند ولی از آن طرف هم نمونه های بیشمار تری از افرادی داریم که با این مسیر زندگی شکست خوردن.پی نوشت: شکست اصلا وجود ندارد منظورم عادی بودن است.واقعا عادی بودن یکی از بدترین و مسموم ترین اتفاقاتی است که ممکن است برای کسی اتفاق بیفتد. </description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Mon, 18 Nov 2019 13:45:20 +0330</pubDate>
            </item>
                    <item>
                <title>4 - معرفی همه تگ های html</title>
                <link>https://virgool.io/@parsrtl/4-%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D9%87%D9%85%D9%87-%D8%AA%DA%AF-%D9%87%D8%A7%DB%8C-html-tfbmjftfapol</link>
                <description>کلا 74 تا تگ در html  داریم. حتما لازم نیست همه رو حفظ باشید حدود 20 درصد از این تگ هیا html کاربردی تر هستند. هر موقع تگی رو فراموش کردید به این صفحه مراجعه کنید و ctrl+f رو در کیبورد بزنید و تگ مد نظر رو سرچ کنید.1-  تگ &lt; a &gt;براي ايجاد يک لینک به کار مي رود .تمرینیک لینک یکی از سه حالت زیر را دارد شما به عنوان یک طراح سایت باید برای هر کدام از سه حالت استایل های عالی مد نظر بگیرید:وقتی هنوز روش کلیک نشدهوقتی موس می ره روش (هاور میشه)وقتی روش کلیک میشه2-  تگ &lt; abbr &gt;براي ايجاد يک مخفف براي يک عبارت بزرگتر به کار مي رود .تمرین3-  تگ &lt; acronym &gt;براي ايجاد يک مخفف براي يک عبارت بزرگتر به کار مي رود .تمرین4-  تگ &lt; address &gt;توی متن یک آدرس می خوایم بدیم از این تگ استفاده می کینم.تمرینفرمت متن رو مثل آدرسی می کنه.نکته: تگ زیاد کاربردی نیست بهش توجه نکنین.5-  تگ &lt; area &gt;توی نقشه تصویری مشخص کننده یک ناحیه است.تمرین6-  تگ &lt; b &gt;برای بولد کردن یا توپر کردن متنتمرین7-  تگ &lt; base &gt;تمرین8-  تگ &lt; bdo &gt;متن را بر اساس خاصیت dir=rtl یا dir=ltr ازچپ به راست یا راست به چپ می نویسد.تمرین9-  تگ &lt; big &gt;بااعث میشه توی یک متن، نوشته بزرگتر نمایش داده شودتمرین10-  تگ &lt;blockquote&gt;ایجاد نقل قول در متنتمرین11-  تگ &lt; body &gt;بدنه اصلی محتواست، سروره :) ، محتوامون می ره این توتمرین12-  تگ &lt; br &gt;رفتن به خط بعدیتمرین13-  تگ &lt; button &gt;برای ایجاد دکمه از این تگ استفاده می کنن بعد می رن تو فایل استایل بهش استایل می دن و خوشکلش می کنن.تمرین14-  تگ &lt; caption &gt;تعیین عنوان جدول.زیاد کاربردی نیست ولش کن.تمرین15-  تگ &lt; cite &gt;نمایش کج نوشتهتمرین16-  تگ &lt; code &gt;اگه می خوای تو نوشته ات از کد استفاده کنید.تمرین17-  تگ &lt; col &gt;برای خودمم سواله سرچ شود.تمرین18-  تگ &lt; colgroup &gt;دسته بندی گروهی ستون های یک جدول.تمرین19-  تگ &lt; dd &gt;ایجاد لیست های بی معنیتمرین20-  تگ &lt; del &gt;روی یک متن خط می خوره.تمرینتوضیح تصویری تگ21-  تگ &lt; div &gt;برای تقسیم فضا در سایت تون.این تگ خیلی کاربردیه.تمرین22-  تگ &lt; dl &gt;برای ایجا لیست های بی معنیتمرین23-  تگ &lt; dt &gt;برای ایجا لیست های بی معنیتمرین24-  تگ &lt; em &gt;براي ايجاد يک مخفف براي يک عبارت بزرگتر به کار مي رود .تمرین25-  تگ &lt; fieldset &gt;ایجاد کادر دور محتویاتتمرین26-  تگ &lt; form &gt;ایجاد فرم در یک صفحه (این تگ رو خیلی یاد بگیرید)تمرین27-  تگ &lt;h1&gt; تا &lt;h6&gt; عنوان با متن فرق می کنه. برای مشخص کردن تیتر ها و عنوان های متن هاتون از این 6 تا تگ استفاده کنید. تمرین28-  تگ &lt; head &gt;کل اطلاعات سند رو نشون می ده. 97 درصد تگ هاتون توی این تگ است.تمرین29-  تگ &lt; hr &gt;ایجاد یک خط افقی در عرض مثل این________________________________________________________________________________________________تمرین30-  تگ &lt; html &gt;کل فایل صفحه وب تون توی این تگهتمرین31-  تگ &lt; i &gt;نوشته تون رو بصورت کج نشان میده تمرین32-  تگ &lt; img &gt;قرار دادن تصویر تمرین33-  تگ &lt; input &gt;در تگ form  بکار می رود و باعث می شود اطلاعات رو از کاربر دریافت کنه. توضیحات این تگ رو در پایین این آموزش مطالعه کنید.تمرین34-  تگ &lt; ins &gt;35-  تگ &lt; kbd &gt;36-  تگ &lt; label &gt;تمرین37-  تگ &lt; legend &gt;38-  تگ &lt; li &gt;مخفف کلمه لیست است.یک آیتم رو توی یه دونه لیست می خوایم تعریف کنیم از این تگ استفاده می کینم. تمرین39-  تگ &lt; link &gt;لینک یک صفحه دیگر رو بخواهیم بدیم.تمرین40-  تگ &lt; map &gt;یک نقشه بخواهیم نشون بدیم در سایت مون از این تگ استفاده می کنیم.تمرین41-  تگ &lt; meta &gt;برای بهینه سازی وبسایت چه از نظر گوگل و... از این تگ استفاده می کنیم.تمرین42-  تگ &lt; noscript &gt;تمرین43-  تگ &lt; object &gt;لینک دادن به یک شی خارج از صفحه وبتمرین44-  تگ &lt; ol &gt;ایجاد لیست های ترتیـــبیتمرین45-  تگ &lt; optgroup &gt;دسته بندی گروهی یک لیست از این تگ استفاده می کنیم.تمرین46-  تگ &lt; option &gt;ایجاد یک لیست بازشو در صفحهتمرین47-  تگ &lt; p &gt;متن های عمومی مون رو در این تگ می نویسیم. مخفف کلمه پاراگراف است.تمرین48-  تگ &lt; param &gt;تمرین49-  تگ &lt; pre &gt;نمایش یک متن بصورت ساده ساده. مثلا کدها مون رو بخواهیم نمایش دهیم از این تگ می توانیم استفاده کنیم.  تمرین50-  تگ &lt; q &gt;نمایش دادن یک نقل قولتمرین51-  تگ &lt; samp &gt;52-  تگ &lt; script &gt;اگر می خواید از کدهای جاوا اسکریپ در صفحه تون استفاده کنید می بایستی از این تگ استفاده کنید.تمرین53-  تگ &lt; select &gt;ایجاد یک لیست بازشو تمرین54-  تگ &lt; small &gt;نمایش متن بصورت کوچکتمرین55-  تگ &lt; span &gt;تمرین56-  تگ &lt; strong &gt;اگر جایی از متن تون رو می خواهید درشت تر نشان دهید از این تگ استفاده کنید.تمرین57-  تگ &lt; style &gt;اگر بصورت اینلاین می خواهید به فایل html تون استایل بدید از این تگ استفاده کنید. تمرین58-  تگ &lt; sub &gt;ایجاد یک زیر نویس در متن هاتمرین59-  تگ &lt; sup &gt;ایجاد یک اندیستمرین60-  تگ &lt; table &gt;ایجاد جداولتمرین61-  تگ &lt; tbody &gt;محتویات جدول رو در این تگ می نویسیمتمرین62-  تگ &lt; td &gt;ایجاد یک خانه جدولتمرین63-  تگ &lt; textarea &gt;ایجاد یک کادر دور متنی که می نویسیم.تمرین64-  تگ &lt; tfoot &gt;تمرین65-  تگ &lt; th &gt;سر عنوان های جدول را در این تگ می نویسند.تمرین66-  تگ &lt; thead &gt;مثل تگ بالا سر عنوان های جدول را در این تگ می نویسند.تمرین67-  تگ &lt; title &gt;عنوان صفحه سایت تمرین68-  تگ &lt; tr &gt;برای ایجاد سطر جدول (بخش افقی آن)تمرین69-  تگ &lt; tt &gt;متن رو بصورت نوشته های تلگرافی نشون میدهتمرین70-  تگ &lt; u &gt;زیر خط دار کردن متن مونتمرین71-  تگ &lt; ul &gt;برای ایجاد لیست هایی که نقطه توپر کنارشان است.تمرین72-  تگ &lt; var &gt;نمایش متن مثل محیط کدنویسی (متن رو کج نشون میده)تمرین73-  تگ &lt; !-- ... -- &gt;تمرین74-  تگ &lt;!DOCTYPE&gt;به مرورگر ها نوع و زبان و نسخه زبان برنامه نویسی رو می فهمانند مثلا اگر از کد زیر استفاده کنید فایر فاکس یا گوگل کروم می فهمه که دارید از نسخه 5 html  استفاده می کنید.تمرین&lt;!DOCTYPE html&gt;توضیحات بیشتر برای همه تگ های html:در متن بالا هدفم این بود که تیتر وار توضیح بدم که روی این مطلب به عنوان یک مرجع داشته باشید. بعضی از تگ ها توضیحاتی دارن که اینجا عرض می کنم:اتربیوت های تگ aاتربیوت href : با این صفت می گیم که به کجا لینک بشه. اگر می خواین لینک کار کنه باید پروتکل (http ftp,https) رو بنویسید. مثال:&lt;a href=&amp;quothttps://ali.ir/&gt;سایت علی &lt;/a&gt;اتربیوت download : اگر یک لینک مستقیم برای دانلود دارید از این صفت یا اتربیوت استفاده کنید.اتربیوت hreflang : زبان جایی که بهش لینک می دیم. مثال:&lt;a href=&amp;quothttps://ali.ir&amp;quot hreflang=&amp;quotfa&amp;quot &gt; سایت علی &lt;/a&gt;اتربیوت target : بصورت پیش فرض وقتی توی یک صفحه لینکی بزارید توی همون برگه باز میشه ولی اکر می خواید تو همون برگه باز نشه و در برگه جدا باز بشه از این اتربیوت استفاده کنید. برای باز شدن در برگه جدید باید blank_ رو قرار بدید.اتربیوت rel : ارتباط بین صفحه مبدا و مقصد رو مشخص می کنه. زیاد مهم نیست. لینک آموزش بیشتر</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Sat, 09 Nov 2019 00:18:13 +0330</pubDate>
            </item>
                    <item>
                <title>3 - استفاده از css در html</title>
                <link>https://virgool.io/@parsrtl/3-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-css-%D8%AF%D8%B1-html-avyyh58nsr02</link>
                <description>زبان html  به تنهایی اصلا اصلا کافی نیست. وجود زبان css هست که به یک صفحه وب رنگ و روح می دهد. برای اینکه بتونید از کدهای css در یک صفحه وب استفاده کنید به سه صورت می تونید کدهای css تون رو وارد کنید:1- استایل درونی ( inline Style )2 - استایل داخلی ( enternal Style )3 - استایل خارجی ( external Style )1- استایل درونی ( inline Style ) چیست:از این استایل دیگه وقتی دیگه خیلی مجبور شدید استفاده کنید. نمونه کد این استایل:&lt;tag style=&amp;quotstyle-name:value&amp;quot&gt; ... &lt;/tag&gt;استفاده از این استایل برای سئو هم خوب نیست.اگر مجبور به استفاده شدید دقیقا ساختار بصورت بالا باشد.معایب: سئو بد و سخت شدن کار برای توسعه آن2 - استایل داخلی ( internal style )برای استایل دادن کدهای html تون این روش هم برای سئو و کلا بهینه بودن مناسب نیست.معایب: سئو بد و سخت شدن کار برای توسعه آناگر مجبور به استفاده از استایل داخلی ( internal style ) شدید از این ساختار کد نویسی استفاده کنید&lt;!DOCTYPE html&gt; 
&lt;html&gt;
 &lt;head&gt; 
&lt;style&gt; 
... &lt;/style&gt;
 &lt;/head&gt; 
&lt;body&gt;
 &lt;/body&gt;
 &lt;/html&gt;استایل خارجی ( external Style )مزایا: در نظر گرفتن سئو + توسعه پذیر بودن + تمیز شدن کدهای صفحه وب + سرعت بیشتر در کدنویسیروش هم کاملا مشخص و شبیه اکثر وبسایت هاست:یک سند html  و یک سند css درست می کنیم و به وسیله تگ &lt;link&gt; این دو سند را به هم وصل می کنیم.این تگ رو باید داخل تگ head باشد.مثال:&lt;!DOCTYPE html&gt;
 &lt;html&gt;
 &lt;head&gt; 
&lt;link href=&amp;quotstyle.css&amp;quot rel=&amp;quotstylesheet&amp;quot&gt; 
&lt;/head&gt;
 &lt;body&gt;
  &lt;/body&gt;
   &lt;/html&gt;سوال : در استایل دهی خارجی چجوری باید به عناصر استایل دلخواه بدیم؟روش کاملا ساده است. باید اسم تگ مد نظر رو بگید و استایل ها رو بدهید مثالp {
color: red;
}
#ensan, .virgool{
height:36px;
background: #f2f2f2;
}توضیح1: گفتیم که تگ های p  رنگ اش قرمز بشه.توضیح 2: بعد از بردن نام سلکتور باید } باز کنیم.توضیح 3: اگر می خواهیم نام یک کلاس دلخواه رو ببریم باید قبل اون کلاس . بزاریم.توضیح4: اگر می خواهیم به یک آی دی استایل دهیم قبلش باید # بزاریم.توضیح5: با استفاده از ,  می تونید به چندین عنصر استایل یکسان بدید. مثلا می خواهید همه تگ های h1 و p رنگ شون زرد بشه نمی خواد دوباره کاری کنید.https://kamyabiha.com/style-of-css/</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Fri, 08 Nov 2019 23:53:10 +0330</pubDate>
            </item>
                    <item>
                <title>7- معرفی jQuery به زبان ساده</title>
                <link>https://virgool.io/@parsrtl/7-%D9%85%D8%B9%D8%B1%D9%81%DB%8C-jquery-%D8%A8%D9%87-%D8%B2%D8%A8%D8%A7%D9%86-%D8%B3%D8%A7%D8%AF%D9%87-xhacoeq7prjq</link>
                <description>جی کوئری یک کتابخانه از زبان جاوا اسکریپ است. jQuery این امکان رو ایجاد می کنه اگر می خواهید کدنویسی بهینه تری داشته باشید، سرعت بیشتر را تجربه کنید از این کتابخانه آماده که توسط افراد متخصص نوشته شده استفاده کنید. لینک دانلود jQueryخیلی رک بگوییم کدنویسی زبان کاربردی js یکم سخت است اما با استفاده از این کتابخانه شما خیلی جلو می افتید.برای سازگار کردن js با انواع مرورگر ها و divice های مختلف هم باید وقت زیادی بگذارید ولی jQuery یک راهکار رایگان برای شماست.روش های نصب jQuery:1- لوکال: دانلود کنید و توی فایل html تون آدرس شو بدید.2- بصورت cdn  استفاده کنید. بازم باید توی فایل html  تون آدرس مجازی شو بدید.روش آدرس دهی کلیه فایل های از جنس جاوا اسکریپ:&lt;!DOCTYPE html&gt; &lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;عنوان را اینجا بنویسید&lt;/title&gt; 
&lt;script src=&amp;quotfilename.js&amp;quot&gt;   
&lt;/head&gt;
 &lt;body&gt; 
&lt;/body&gt; 
&lt;/html&gt;نکته برای آدرس دهی :در html  های قدیمی باید اَتریبیوت &quot;type=&quot;text/javascript را هم می گذاشتیم ولی در نسخه html 5 دیگه نمی خواد.جمع بندی: پس برای آدرس دهی js  باید در تگ head  داخل تگ  آدرس دهی کنیم (مثل بالا)اگر بصورت شبکه توزیع محتوا یا cdn  آدرس دهی کنید سرعت تون تو لود شدن بیشتر خواهد شد.آشنایی با مفهوم Selector در jQuery:از اسمش پیداست، به کمک اون می تونید عناصر دلخواد html تون رو انتخاب کنید. توی jQuery هم کاربردش اینه که می تونید مثلا یک کلاس html  رو انتخاب کنید و و تغیرات دلخواه رو فقط روی اون مورد خاص اعمال کنید.همه سلکتور ها با این علامت نمایش در می آیند:$()مثال 1: وقتی کاربر روی دکمه ای کلیک می کنه همه h3 هامون محو بشن:$(document).ready(function(){
$(&amp;quotbutton&amp;quot).click(function(){
$(&amp;quoth3&amp;quot).hide();
});
});مثال 2 : وقتی کاربر روی هر پاراگراف کلیک می کنه اون پاراگراف محو میشه $(document).ready(function(){
    $(&amp;quotp&amp;quot).click(function(){
        $(this).hide();
    });
    });اصول نوشتن در جی کوئری:$(selector).action()علامت $ برای تعریف jQuery است.بجای selector باید عنصر مورد نظر تون رو انتخاب کنید. در مورد سلکتور پایین این آموزش صحبت کردیم.علامت ()action میگه که روی سلکتور انتخاب شده باید چه اتفاقی بیفته.مفهوم Event در جی کوئری:وقتی توی یک صفحه وبسایت، کارهایی که کاربر کاری می کند، لحظه ای که اتفاقی می افته چی بشود، به این می گویند رویداد. با چند مثال خیلی بهتر متوحه خواهید شد:کلیک کردن موس روی یک دکمه عبور موس از روی تگ ها h3وقتی کاربر روی یک عنصری دابل کلیک می کنههمین اسکرول به بالامثال و نمونه کد برای Event: در این کد اگه کاربر روی یک المان با آی دی yekiddelhkah# کلیک کرد رنگش بشه قرمز.$(document).ready(function () {
$(&#039;#yekiddelhkah&#039;).click(function(){ 
$(this).css(&#039;color&#039;, &#039;red&#039;); 
});
});لینک توضیحات بیشتر از سایت مرجعرقبای jQuery :1- reactjs2- vuejsبیشتر بخوانید:آموزش jQuery به زبان انگلیسیآموزش jQuery به زبان فارسی</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Fri, 08 Nov 2019 21:19:10 +0330</pubDate>
            </item>
                    <item>
                <title>5- درست کردن منوی کشویی با html (آپدیت جدید)</title>
                <link>https://virgool.io/@parsrtl/%D8%AC%D9%84%D8%B3%D9%87-%D9%BE%D9%86%D8%AC%D9%85-%D8%AF%D8%B1%D8%B3%D8%AA-%DA%A9%D8%B1%D8%AF%D9%86-%D9%85%D9%86%D9%88%DB%8C-%DA%A9%D8%B4%D9%88%DB%8C%DB%8C-%D8%A8%D8%A7-html-oacdvouh3e5a</link>
                <description>سلام، یکی از مواردی که خیلی پرتکراره اینه که چجوری یه همچین منوی کشویی با استفاده از کدنویسی درست کنیم.نمونه منوی کشویینمونه منو کشوییمنوهای کشویی با استفاده از تگ های ul, li  ساخته می شوند. لینک آموزش و تمرین تگ.تگ ul که مخفف کلمه UnOrdered List می باشد در فارسی یعنی  &quot;لیست نامرتب&quot;.  می باشد تگی است که با استفاده از آن میتوان یک لیست نامرتب را در یک صفحه وب ایجاد و یا تعریف کرد.آیتم های آن بصورت دایره تو پُر هستند. مثل این:علیاحمد رضاوقتی از این تگ استفاده کنید بصورت پیش فرض این جوری نمایش داده میشه.برای اینکه کدنویسی تون بهتر باشد و بعدا کسی خواست گسترشش بده راحت باشد باید کل محتوای منو تون رو در تگ &lt;nav&gt;&lt;/nav&gt; قرار دهید.اصول این منوها این است که وقتی موس روی یک دکمه می رود باید منو باز شو پس در مورد هاور (hover:) هم باید بدانید. لینک آموزش و تمرینمرحله اول: کد های html  ساده تون را بنویسید.&lt;nav&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&amp;quot#&amp;quot&gt;خانه&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&amp;quot#&amp;quot&gt;در باره ما&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&amp;quot#&amp;quot&gt;مقالات&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&amp;quot#&amp;quot&gt;تماس با ما&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/nav&gt;این مثال بالا یک نمونه منوی معمولی است که اگر آن را در html  خود قرار دهید زیر هم قرار می گیرد. حالا باید با استفاده از css  بغل هم بیاریم شون، نقطه ها رو برداریم، خوشکلش کنیم.مرحله دوم: کدهای html  سطح دو تون رو بنویسید و به کدها تون .برای این موضوع باید قبل از &lt;li/&gt;  دوباره یه &lt;ul&gt; باز کنیم.مرحله سوم: اگر سطر سه خواستیم چی؟فرق نمی کنه قراره چن زیر منو داشته باشید برای این منظور باید قبل از هر &lt;li/&gt; دوباره &lt;ul&gt; جدید شروع کنید.مرحله چهارم: کدهای css  رو اضافه کنید.یک نکته برای افزایش سرعت:برای اینکه بتونید سرعت بالاتری در کدنویسی داشته باشید حتما از افزونه emmet استفاده کنید. همونجور که در تصویر بالا می بینید این افزونه رایگان قابل نصب روی 14 ادیتور معروف است.در این مطلب دو تا آموزش هم برای افزونه emmet گذاشتم.لینک آموزش تکمیلی برای منوی کشویی</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Tue, 05 Nov 2019 15:24:38 +0330</pubDate>
            </item>
                    <item>
                <title>2- استفاده از آیکون فونت ها در طراحی وب سایت</title>
                <link>https://virgool.io/@parsrtl/%D8%AC%D9%84%D8%B3%D9%87-%D8%AF%D9%88%D9%85-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%A2%DB%8C%DA%A9%D9%88%D9%86-%D9%81%D9%88%D9%86%D8%AA-%D9%87%D8%A7-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-rytapqpdmneh</link>
                <description>برای اینکه کد نویسی بهینه تری داشته باشیم حتما باید تاجای ممکن از فونت آیکون ها بجای تصویر استفاده کنیم.--&gt; همون جور که از اسم فونت آیکون پیداست، یجور فونت مثل فونت ایران سنس، ایران یکان و ....--&gt; روش آدرس دهی و کار باهاشون هم به همین صورت است.مزایا: سرعت بالا، امکان تغییر اندازه و رنگ، داینامیک تر بودن، بهینه کردن و باکلاس کردن کدنویسی مونمعایب: تعداد آیکون ها محدوده، بعضی هاشون هم پولی هستن البته بخاطر این که ایران کپی رایت رو رعایت نمی کنه مشکلی از این بابت نداریم.--&gt; معروف ترین سایت های فونت آیکون : Font Awesome, سایت لیمیرآیکون، سایت فلت آیکون.روش های استفاده از آیکون ها در طراحی وبسایت:1- استفاده از آیکون های SVG2 - استفاده از فونت آیکونفونت آیکون داینامیک تر و پویا تر است ولی بالاخره همه آیکون ها محدودیت دارن ولی جفتشون به شدت سرعت سایت تون رو موشکی می کنه.نحوه کار با فونت آیکون:گام یک: اول می ریم از Font Awesome پکیج رایگان شو دانلود می کنیم.گام دو: فایل css شو کپی می کنیم تو css پروژه خودمون.گام سه: در idex.html یادتون نره آدرس فایل رو بدید.گام چهار: به قسمت icons سایت می ریم و آیکون مد نظر رو سرچ می کنیم.گام پنجم: بهتون یک کد html مثل این می ده اونو توی هر جا می خواید paste کنید.1&lt;i class=&amp;quotfa fa-instagram&amp;quot aria-hidden=&amp;quottrue&amp;quot&gt;&lt;/i&gt;&lt;-------------------------------------------------------*************************------------------------------------------------------&gt;استایل دادن به آیکون فونت ها:از ویژگی های آیکون فونت ها داینامیک تر بودن آن است مثلا فرض کنید می خواهیم به آیکون فونت، سایز دهیم. برای این کار باید از یه همچین کدی استفاده کنید.&lt;i class=&#039;far fa-caret-square-down&#039; style=&#039;font-size:24px&#039;&gt;&lt;/i&gt;لینک مرجع فونت آیکون در سایت w3نکته: خود بوت استرپ هم دارای فونت آیکون هایی است که در سایت بوت استرپ می تونید اون ها رو مشاهده و به سادگی اضافه کنید.&lt;-------------------------------------------------------*************************------------------------------------------------------&gt;معرفی چند وبسایت برای دانلود آیکون SVG و فونت آیکون:دانلود 50 مجموعه فونت آیکونسایت فلت آیکونبخش آیکون های سایت فری پیکسایت آیکون 8این وبسایت هم برای انواع آیکون های با فرمت svg و انواع فرمت ها پیشنهاد می کنیم.</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Mon, 04 Nov 2019 13:13:03 +0330</pubDate>
            </item>
                    <item>
                <title>معرفی امکانات moz pro+توضیحات</title>
                <link>https://virgool.io/@parsrtl/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D8%A7%D9%85%DA%A9%D8%A7%D9%86%D8%A7%D8%AA-moz-pro%D8%AA%D9%88%D8%B6%DB%8C%D8%AD%D8%A7%D8%AA-nojjlfl2vlwt</link>
                <description>سلام عرض ادب در این مطلب می خواهیم امکانات ماز پرو رو بصورت تیتر وار صحبت کنیم و علاوه بر اون روش استفاده از اون رو توضیح دهیم.کلا فایل راهنمای کامل سایت ماز در آدرس زیر است:https://moz.com/help1- بررسی بهترین صفحات یک وبسایتبرای این مورد باید اکانت پرمیوم moz.om رو داشته باشید. برای بررسی بهترین پیج های یک سایت مسیر زیر رو طی کنید:بررسی بهترین صفحات یک وبسایت2- بررسی فنی سایت ( On-Demand Crawl ):کاربرد: سئوی فنی سایتوقتی آدرس سایت رو وارد کنید می تونید بعد نیم ساعت مشکلات فنی وبسایت رو پیدا کنید.برای این کار باید طبق تصاویر زیر عمل کنید:لینک راهنمای انگلیسی3- پردازش کلمات کلیدی در moz :این عبارت رو گوگل کنید خود سایت ماز رو رتبه اول میاره :  Keyword Explorerاین امکان ماز رایگانه بهتون خیلی مولفه ها رو میده و بصورت tooltip راهنمایی می کنه که این مولفه چی هست.برای استفاده از این امکان باید وارد لینک زیر شوید:https://analytics.moz.com/pro/keyword-explorerکلمه کلیدی رو وارد کنید تا تحلیل کنه.4 - ساخت کمپین:اگر بصورت تمرکزی می خواید یه چیزی رو حسابی بترکونید از کمپین moz استفاده کنید.5- تجزیه تحلیل همه url های سایتت:وقتی url سایت تون رو در moz  وارد کنید .آدرس: https://analytics.moz.com/pro/link-explorer</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Sun, 27 Oct 2019 19:27:01 +0330</pubDate>
            </item>
                    <item>
                <title>1- آموزش کد نویسی html و css (آپدیت جدید)</title>
                <link>https://virgool.io/@parsrtl/web-design-and-programming-dbghzgti1b79</link>
                <description>سلام عرض ادب و احترام در این آموزش می خواهیم طراحی سایت با html و css رو با  هم دیگه یاد بگیریم.خیلی حاشیه نمی رم و قراره چیز یاد بگیریم.معرفی سایت مرجع برای یادگیری کلا برنامه نویسینرم افزار های لازم برای کدنویسی: بطور خلاصه بگم نرم افزارهای لازم همین الان روی سیستم شما نصب است ولی به عنوان پیشنهاد میگم، بهتره از ادیتور براکت که در پستی مستقل در موردش صحبت کردم استفاده کنید. آموزش نرم افزار براکت&lt;-------------------------------------------------------*************************------------------------------------------------------&gt;پیش نیاز ها:داشتن دو مهارت زیر می تونه هم سرعت شما رو در طراحی سایت بالا ببره هم اینکه باعث می شه همیشه از منابع بروز آگاه باشید:1- تایپ ده انگشتی انگلیسی: با استفاده از این وبسایت رایگان می تونید خودتون رو توی تایپ سریع انگلیسی قوی کنید.2- زبان انگلیسی: در مورد این موضوع و راهکار های سریع تر یادگرفتنش صحبت نمی کنم چون به اندازه کافی مقاله در این حوزه هست.&lt;-------------------------------------------------------*************************------------------------------------------------------&gt;زبان html چیست:مخفف کلمه Hypertext Markup Language است. هر چیزی که تو ظاهر هر سایتی جلوتون هست می بینید زیز سر html , css هست.زبان html  یک زبان برنامه نویسی نیست، یک زبان نشانه گذاری هست.تاریخچه html&lt;-------------------------------------------------------*************************------------------------------------------------------&gt;عبارت parcing:به معنی تجزیه و تحلیل کردن است.برای اینکه مروگر هایی مثل کروم یا فایر فاکس بفهمن که از کدام نسخه html  استفاده می کنید باید باید از کد زیر ابتدای کدهاتون استفاده کنید:&lt;!DOCTYPE html&gt;نکته: بالای بالای بالای بالای کدهاتون بدن هیچ فاصله ای در ابتدای سندhtml  تون قرار بدید.یادآوری: ساختار کلی فایل html شما این هست:هر موقع خواستید پروژه رو شروع کنید از اینجا کپی کنید:لینک تمپلیت آماده html&lt;-------------------------------------------------------*************************------------------------------------------------------&gt;در تگ &lt;head&gt;&lt;/head&gt; هر چی قرار می گیره در معرض دید کاربرا نیست به هیچ وجه.در تگ &lt;body&gt;&lt;/body&gt; هرچی می خوایم کاربرا ببینن می نویسیم.&lt;-------------------------------------------------------*************************------------------------------------------------------&gt;نکته: سند های html  فقط یک دانه اسپیس رو می فهمن برای اینمه فهمونی می خوای واقعا اسپس بزاری باید از بین کلماتت از این عبارت استفاده کنی:  nbsp&amp;ادامه مبحث: ما کلی سایز نمایش گر داریم مانیتور عریض داریم، مانیتور متوسط داریم، موبایل، تبلت، فبلت و....  داریم و خود این ها هم داستانی دارن. برای خوب نکته جالب هم این است که هر کاربری با انواع این device  ها میان توی سایت تون. برای اینکه بخوایم کد ها مون رو ریسپانسیو کنیم یا اینکه خودمون می تونیم این کار رو بکنیم و یا اینکه اون رو به افراد متخصص بسپاریم.سپردن واکنش گرایی سایت به افراد متخصص هزینه نداره! به این کار می گن فریم ورک. اینا خودشون یه سری فایل های css, html,js آماده است. معروف ترین و بهترین فریم ورک، بوت استرپ است. که سایت شو براتون لینک کردم می تونید آخرین نسخه شو از سایت رسمی اش دانلود کنید.نکته: bootstrap-min.css فرقش با bootstrap.css اینه که برای کاهش حجم کد ها و افزایش سرعت است. min نسخه کم حجم تر شده است.یکی از مشکلایی که بوت استرپ برای ایرانی ها و عرب ها داره اینه که چپ چین است. ولی یه سری آدم های خیری هستند که بوت استرپ رو rtl  کردن گذاشتن تو گیت هاب می تونید راحت دانلود کنید.لینک آموزش بوت استرپ به انگلیسی از خود سایت بوت استرپ.کاربرد های جاوا اسکریپ: همه این اسلایدر ها، تب ها، کاروسل هایی می بینیم، پاپ آپ ها و... برای جاوا اسکریپت است. لینک آموزش جاوا اسکریپ در سایت معتبر w3می خوایم html رو به فایل جاوا اسکریپ وصل کنیم باید از تگ    استفاده کنیم.&lt;-------------------------------------------------------*************************------------------------------------------------------&gt;3- سیستم شبکه بندی در بوت استرپ:مثلا یکی با مانیتور 40 اینچ سایت تون رو باز می کنه یکی با گوشی آیفون x  اش. به وسیله کلاس Container. می تونید یه کاری کنید هر دو نفر خیلی عالی سایت رو ببینن.اگر می خواهید از کل عرض نمایش گر استفاده کنید از کلاس container-fluid.  استفاده کنید.در Container ما می آییم سایت رو به 12 ستون (grid) تقسیم می کنیم. مثلا 3 تا ستون رو می دیم به سایدبار و 9 تاشو می دیم به اسلایدر.مثال: این سایت اومده از Container استفاده کرده نه container-fluid. واینکه به دو تا grid شش تایی تقسیم کرده.&lt;-------------------------------------------------------*************************------------------------------------------------------&gt;نکته: در طراحی سایت اصولی از کوچک ترین سایز طراحی می کنن بعد با سایز های دیگه انطباق می دن.نکته: برای کلاس دهی درست از استاندارد BEM پیروی کنید.&lt;-------------------------------------------------------*************************------------------------------------------------------&gt;برای اینکه کل صفحه مون رو rtl  کنیم به کل body  این رو می دیم:body{
direction: rtl;
}نکته: تگ ها . نمی خواهند. برای تعیین جهت متن (وسط، چپ، راست، جاستیفای) کردن:text-align:center;
text-align: left;
text-align: right;
text-align: justify;معرفی boder, margin, padding:فکر کنم تصویری خیلی واضح تر باشه یه چند لحظه توی سکوت به عکس زیر فکر کنید :)معرفی پدینگ و مارجیننکته: margin, padding منفی هم می تونن باشن.جهت پدینگ و مارجین ساعتگرد است.معرفی کلاس justify-content-between در بوت استرپ:مثلا ما می خواهیم قسمتی از محتوا سمت چپ باشه و نصف دیگر محتوا سمت راست. اجازه دهید برای درک بهتر یک مثال تصویری بزنم:  &lt;-------------------------------------------------------*************************------------------------------------------------------&gt;هاور در css:هاور اگر به جا و درست استفاده بشه در کسب تجربه کاربری(ui,ux) خیلی به کاربرا کمک می کنه. مثلا ما می خوایم اینجوری تعریف کنیم که وقتی موس می ره روی یه چیزی فلان اتفاق بیفته.در کد نویسی مثل زیر به کلاس ها و تگ ها مون می تونیم هاور بدیم:.sampleclass:hover {
background: #ccc;
} </description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Sun, 27 Oct 2019 13:53:25 +0330</pubDate>
            </item>
                    <item>
                <title>آموزش نرم افزار براکت</title>
                <link>https://virgool.io/@parsrtl/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%86%D8%B1%D9%85-%D8%A7%D9%81%D8%B2%D8%A7%D8%B1-%D8%A8%D8%B1%D8%A7%DA%A9%D8%AA-lnugprahzd8j</link>
                <description>سلام خدمت عزیزان خیلی معطل نمی کنم و می خواهیم خیلی حرفه ای نرم افزار متن باز و فوق العاده حرفه ای براکت رو با هم دیگه یاد بگیریم.چون می خوام خیلی سریع براکت و یاد بگیریم فعلا در مورد مزیت های رقابتی این نرم افزار صحبت نمی کنم چون می خوام تمرکز رو آموزش دیدن باشه:معرفی مقاله: بهترین پکیج آموزش زبان انگلیسی در خانه1. دانلود Brackes:برای دانلود رایگان نرم افزار brackets کلیک کنید. در این لینک خیلی سریع و رایگان می تونید نسخه آخر این نرم افزار رو رایگان دانلود کنید. خدا رو شکر بخاطر متن باز بودنش تحریم ها روش اثر نکرده :)2- باز کردن پروژه:روش اول: کل فولدر رو درگ اند دراپ بکشیم داخل براکت (داخل این فضای مشکی رنگ می اندازیم).روش دوم: اگه براکت نصب باشه رو سیستم تون روی فولدر پروژه کلیک راست کنید یک گزینه هست به نامopen as Brackes projects.بازکردن پروژه در براکت3- نمایش بصورت زنده:براکت با کروم هماهنگه و خیلی سریع و بدون ذخیره می تونید تغییرات تون رو ببینید.حتی می تونید پروژه css رو باز کنید و مثلا اندازه تگ های p  رو 100px کنید بصورت زنده بهتون نشون می شده که این اندازه چقدر است. این امکان برای css  خیلی کاربردیه مخصوصا جاهایی که خیلی سلیقه ای است. مثلا می خوایم ببینم این کد رنگ به متن مون میاد یا نه سریع تست می کنیم :)کلید میانبر نمایش بصورت زنده براکت:ctrl+alt+p4- کلید میانبر F2:اگه می خوایم پروژه ای که داریم کار می کنیم روش اسمش رو عوض کنیم F2  رو بزنید.نکته: به فرمت پروژه توجه کنید مثلا پروژه CSS  است یه همچین اسمی باید داشته باشه:style.cssیاrtl.cssپروژه html است یه همچین اسمی باشد:index.htmlنتیجه گیری: باید فرمت پروژه رو آخر نام خودمون تعیین کنیم.5- مرتب کردن کدها در Brackes:اونایی که مثل من خیلی کثیف کدنویسی می کنن این امکان خیلی به کارشون میاد با فشردن یان کلید میانبر خیلی کد ها تون تمیز می شه:ctrl+alt+L6- ویرایش سریع در براکت:خیلی از این امکان استفاده کنید:مثلا: کلی کدنویسی کردیم و کلی استایل دادیم مثلا می خوایم کلاس  ali.  رو استایل هاش رو هم ببینم. خوب یه راهکار اینه که بریم در سند استایل ها و دنبالش بگردیم و یه امکان هوشمندانه براکت هم به شرح زیر است:در فایل html  مون روی تک یا کلاس مربوطه نگه داریم و کلید میانبر ctrl+e را فشار دهیم.به تصویر بالا دقت کنید. بعد فشردن ctrl+e بصورت سریع یک کادر باز می شود و همون جا تغییرات تون رو می دید.7-quick Docsاگر مثلا استایل های css رو یادتون رفت با این ویژگی (attribute) می تونید کلی چیز یاد بگیرید ......:(مثلا نمی دونیم چه مقادیری با border-radus  بکار می ره ---------&gt; روی اون استایل رو های لایت می کنیم و کلید میانبر زیر رو فشار می دهیم.ctrl+kتازه اگه اطلاعات تکمیلی هم بخوایم ما رو به سایت مرجع می بره.نرم افزار براکت یک دانشگاه کدنویسیه برا خودش7- quickView هنگام هاوربا انجام این کار وقتی موس می ره روی اون استایل بصورت سریع می تونید استایل رو بفهیمد. مثلا می خواید بدونید fff# چه رنگیه وقتی این ویژگی رو در براکت فعال کنید، وقتی موس می ره روش نشان می دهید.برای فعال کردن این مورد باید مسیر زیر را طی کنید view-------&gt; quickView on hoverبه تصویر زیر توجه کنید براکت quickView on hover8- باز کردن سریع پروژه در براکت:مثلا فرض می کنیم پروژه مون فایل های زیادی داره پیدا کردن اش سخته اگر فقط اسم اون فایل مد نظر رو یادتون هست کافیه! میانبر زیر را فشار دهید و یک کادر باز می شه می تونید اسم پروژه رو سرچ کنید داخلشctrl+shift+o9- بایک اشاره سریع تایپ کناین ویژگی برای برنامه نویسای تنبل عالیه!البته تنبل هم نباشید بازم استفاده کنید ازش اما اگه تازه برنامه نویسی رو دارید یاد می گیرید از این قابلیت استفاده نکنید چون باعث می شه خیلی وابسته به این موضوع شوید و نتوانید خیلی از کد ها رو حفظ کنید بعد اگه جایی گیر افتادید ممکنه فکر کنن آماتور هستید!!!!!!!!!!!!!!!!خوب این ویژگی که مثل شمشیر دولبه است code Hinting هست. مثلا کلمه  style  رو می خواید تایپ کنید، به محض اینکه به st می رسید نرم افزار متوجه می شه و ادامه شو براتون تایپ می کنه.غیر فعال کردن این قابلیت:باید برید داخل محل نصب براکت در ویندوز مسیرش اینه :برید و فولدر  CSSCodeHints و HTMLCodeHints رو داخل پوشه دیگه ای بزارید که براکت این پلاگین رو نخونه.پی نوشت: یه newfolder  بازکنید و اونجا بزارید بعدا که دستتون راه افتاد به جای اولیه بازگردانید.10- بزرگ و کوچک کردن سایز نوشته ها در نرم افزار براکت:اگه یکم چشماتون خدایی نکرده ضعیف شده به این روش ها سایز کد ها رو می تونید بزرگ یا کوچک کنید:ctrl++                                                         بزرگنماییctrl+-                                                        کوچک نماییctrl+0                                                        بازگشت به حالت اول11-  بررسی استاندارد بودن کدنویسی:یکی از چیز هایی که خیلی می تونه اعصاب کدنویس رو خورد کنه اینه که با یک خطای کوچک ممکنه کل کار ها به هم بریزه.برای اینکه بفهمیم کدنویسی مون خطایی نداره در Brackets پایین گزینه ها error ها رو میگه وقتی روش کلید کنید ما رو می بره به اون کدی که اشتباه نوشته شده.روش دوم:سایت w3.org متولی نهاد html هست. با این امکان می تونید وبسایت رو که کد زدید رو از نظر استاندارد بودن کد ها بررسی کنید.در این سایت هم می تونید url وارد کنید هم فایل رو بریزید هم اینکه کل کد ها رو کپی , past  کنید.12- وقتی می ری روی یک خطِ کد، هایلایت بشهاین کار رو انجام بدید متوجه می شید که چی می گم. برای این کار به تصویر زیر توجه کنید:آموزش نرم افزار براکت13- دوپلیکیت کردن یک خط اگر می خواید یک خط کد دو تا بشه برید روی اون خط مدنظر و کلید میانبر زیر رو فشار دهید:ctrl+Dپاک کردن خط مد نظرctrl+shift+D14- کامنت کردن کد ها:برای کامنت کردن کد های مد نظر رو هایلایت کنید و کلید میانبر زیر رو فشار دهید:ctrl+/از بین بردن کامنت:ctrl+shift+/مثلا این بخش زیر رو می خوایم از دید مرورگر پنهان کنیم و از دید برنامه نویس نمایان کنیم (کامنت کنیم)brackets learnهایلایت کنید و /+ctrl رو بزنید به همین سادگی.........!15- شورتکد ها:ctrl+F                                                                                                                               جستجو در فایلctrl+SHIFT+F جستجو در کل پروژهctrl+H جایگزین کردن یک کلمه با دیگر کلمهctrl+SHIFT+F جستجو در کل پروژهctrl+Shift+H                                                                     جایگزین کردن یک کلمه با دیگر کلمه در کل پروژهوقتی می خواهم یک خط کد مون رو جابه جا کنیم و بالا و پایین ببریم:ctrl+shift+ فلش رو به بالا یا پایین16- متن طولانیه می زنه بیرون:فکر کنم عنوان گویا بود. مثلا تگ p  مون خیلی طولانیه و به سمت راست همین طور ادامه پیدا می کنه به این word Wrap یا ترجمه گوگلی اش می شه بسته بندی کلمات باید فعال کنیم.برای این منظور مثل عکس زیر عمل کنید:آموزش نرم افزار براکت 17- افزودنی ها و ماژول های براکت:اگر مثل من امکانات زیاد از یک نرم افزار رایگان می خواهید می تونید برید به آدرس زیر و ماژول ها (افزونه) دلخواه رو بسته به نیاز دانلود کنید.file --------&gt;  extensionManagerوقتی وارد می شیم دو تب هست اولی پلاگین های نصب شده رو نشان می دهد و پایین صفحه هم می توانیم آدرس پلاگین رو بزنیم تا برامون نصب کنه.معرفی افزودنی های براکت:1 - در بخش  extensionManager براکت این عبارت را جستجو کنید: Beautاین افزونه باعث می شه کد ها تون خوشکل بشه :با فشردن کلید میانبر زیر می تونید کد هاتون خوشکل بشه:ctrl+alt+bلینک افزونه2 - سرعت و لذت در کدنویسی با استفاده از افزونه emmet:emmetاین افزونه فقط برای براکت نیست و قابل نصب روی 14 ادیتور معروف بالاست.3 - کاهش حجم کدها (Minify) با افزونه minifierبعد از نصب افزونه با فشردن میانبر Cmd/Ctrl+Alt+M می توانید کدهای خود را کاهش حجم دهید.من یه سرچ کردم این سایت ها رو دیدم که آموزش می دادن ولی آموزش هاشون رو هنوز ندیدم که بدونم کدام خوبه:1- ویلرن2- آکادمی آی تیجزوتشون رایگانن و فارسی آموزش می ده.خیلی ممنون از اینکه با من بودید و این متنی رو که با کلی عشق و ذوق که تا ساعت 12:41  دقیقه شب طول کشید رو خوندید.در واقع مطالب این مقاله گاها فرار است می توانید این متن رو در یک فایل ورد ذخیره کنید (کپی رایتش مهم نیست) و هر موقع چیزی یادتون رفت استفاده کنید.حتما حتما حتما اگر چیزی از نرم افزار براکت می دونید حتما با ما در دیدگاه های این مقاله به اشتراک بگذارید.</description>
                <category>parsrtl</category>
                <author>parsrtl</author>
                <pubDate>Sat, 26 Oct 2019 12:40:44 +0330</pubDate>
            </item>
            </channel>
</rss>