رفتن به مطلب
مرجع رسمی سی‌پلاس‌پلاس ایران

جستجو در تالارهای گفتگو

در حال نمایش نتایج برای برچسب های 'آنوزشhtmlوcss'.



تنظیمات بیشتر جستجو

  • جستجو بر اساس برچسب

    برچسب ها را با , از یکدیگر جدا نمایید.
  • جستجو بر اساس نویسنده

نوع محتوا


آی‌او‌استریم

چیزی برای نمایش وجود ندارد

چیزی برای نمایش وجود ندارد

تالارهای گفتگو

  • انجمن‌های آی او استریم
    • اخبار و اعلامیه‌های سایت
    • اسناد و قوانین مرجع
    • جلسات و دوره‌همی‌های آنلاین
    • پادکست‌های آموزشی
    • معرفی محصولات نوشته شده‌ بومی
    • مرکز نظرسنجی
    • مقالات و اسناد مشاوره‌ای
    • مرکز چالش برانگیز برنامه‌نویسان
    • رمز‌های موفقیت
    • ابزار‌ها و نرم‌افزارهای کاربردی برنامه‌نویسان حرفه‌ای
  • برنامه نویسی در C و ‏++C
    • سوالات عامیانه در رابطه با ++C مدرن
    • کتابخانه‌های استاندارد STL
    • کتابخانه بوست (Boost)
    • کتابخانه کیوت (Qt)
    • کتابخانه‌‌ی SDL
    • کتابخانه‌های گرافیکی Vulkan, OpenGL, Metal, Direct3D
    • کتابخانه‌‌ی OpenCV
    • کتابخانه‌‌ی Cuda
    • کتابخانه‌‌ی OpenMP
    • کتابخانه‌‌ی OpenCL
    • کتابخانه‌های دیگر
    • کامپایلر‌ها
    • کتابخانهٔ SFML
    • ابزار‌ها
  • استارتاپی و کسب‌و‌کار
    • استارتاپ‌ها
    • سرمایه گذاری
    • شتاب دهنده‌ها
    • پارک‌های علم و فناوری و مراکز رشد
    • مصاحبه با استارت‌آپ‌ها
    • قوانین حقوقی
    • داستان‌های موفقیت
    • کارآفرینان و متخصصین
    • مشاوره اجرای کسب‌وکار
    • اخبار حوزه‌ی استارتا‌پی
    • آگهی‌های استخدامی
  • ابزار‌های ساخت و ساز
    • ابزار CMake
    • ابزار QMake
    • ابزار Qbs
    • ابزار Make و Autotools
  • طراحی و توسعه وب
  • طراحی و توسعه وب اپلیکیشن‌ها
    • طراحی و توسعه در Angular
    • طراحی و توسعه در React.JS
    • طراحی و توسعه در Vue.JS
  • طراحی و توسعه موبایل و اِمبِد‌ها و تلوزیون‌ها
    • برنامه نویسی تحت محصولات اپل
    • برنامه نویسی تحت محصولات گوگل
    • طراحی و توسعه تحت محصولات دیگر
  • برنامه‌نویسی سطح پایین و سیستم عامل‌ها
    • سیستم عامل‌های آزاد
    • سیستم عامل‌های تجاری
    • مباحث آموزشی مرتبط با سیستم‌عامل
  • شبکه و اینترنت
    • مباحث و منابع آموزشي
    • سوالات و مشکلات
  • بانک‌های اطلاعاتی
  • برنامه نویسی تحت محصولات اپل
  • برنامه نویسی تحت محصولات مایکروسافت
  • طراحی و توسعه تجربه کاربری (UX) و رابط کاربری (UI)
  • سوالات و مباحث عامیانه
  • سطل آشغال

Product Groups

  • کتاب‌ها و مقالات آموزشی

تقویم ها

دسته ها

  • علمی
  • استارتاپی
  • برنامه‌نویسی
    • زبان‌های برنامه نویسی
    • معماری‌ها
  • کامپایلر و مفسر
  • محیط‌های توسعه
  • طراحی و توسعه‌ی وب
  • مجوز‌های نرم‌افزاری
  • فناوری‌ها
    • پردازش تصویر
    • اینترنت اشیاء
    • پردازش ابری (Cloud Computing)
    • چند سکویی (Cross-Platform)
    • بیگ دیتا (Big Data)
    • هوش مصنوعی (AI)
    • سخت افزار
    • نرم‌افزار و اپلیکیشن
    • اینترنت و شبکه
    • رمزنگاری
    • امبد‌ها (Embedded)
  • طراحی
    • تجربه کاربری
    • رابط کاربری

دسته ها

  • عمومی

دسته ها

  • عمومی
  • گرافیکی
  • شبکه و ارتباطات

دسته ها

  • کامپایلر‌ها
  • محیط‌های توسعه
  • کتابخانه‌ها
  • ماژول‌ها و پلاگین‌ها
  • محصولات بومی
  • کتاب‌ها و مقالات
  • زبان‌ها و ابزار‌ها
  • طراحی و گرافیک

جستجو در ...

نمایش نتایجی که شامل ...


تاریخ ایجاد

  • شروع

    پایان


آخرین بروزرسانی

  • شروع

    پایان


فیلتر بر اساس تعداد ...

تاریخ عضویت

  • شروع

    پایان


گروه


درباره من


شماره تلفن همراه


شناسه گیت‌هاب


شناسه لینکدین


شناسه پیام رسان


شهر


آدرس پستی

1 نتیجه پیدا شد

  1. در این آموزش به شما آموزش میدم که چه طور بتونیدازپلاگینEmmetدرhtmlوCssاستفاده کنید پلاگین Emmetچیست؟ پلاگین Emmet روش نوشتاری است که به شما کمک می کنه تا سرعت تگ نویسی (کد نویسی)htmlوخصوصیت نویسیCss بیشتر بشه و کار برای دیزاین سایت راحت تر بشه وحرفه ای به نظر برسید. نکته:شما باید ادیتوری نصب کنید که پلاگین Emmetرا در خود داشته باشه یا اگر هم نداشته باشه بشه بهش اضافه کرد. من در این آموزش از ادیتورBrackets استفاده میکنم. نکته:شما باید ادیتوری نصب کنید که پلاگین Emmetرا در خود داشته باشه یا اگر هم نداشته باشه بشه بهش اضافه کرد. من در این آموزش از ادیتورBrackets استفاده میکنم. روش نصب پلاگینEmmetدر Brackets نرم افزارBracketsدانلود و نصب کنیدسپس نرم افزار رابازمیکنید باروش زیر پلاگینEmmet رادرخودBracketsنصب میکنید Extension Manager>Search>Emmetدر آخرinstall قسمت اول Html ساختار نویسی Html با استفاده از پلاگینEmmet !+Tab خروجی کد بعد ازفشاردادن دکمهTab <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/style.css"> </head> <body> </body> </html> ما تونستیم توسط پلاگین Emmetچهارچوب htmlرو بنویسم با کمترین زمان ممکن شروع یادگیری short cut نویسی من میخوام یک divداشته باشم که یک ulزیر مجموعه داشته باشه و ul هم 4 تا زیر مجموعه Liداشته باشه ودرLiهامtextبه نام menuداشته باشه div>ul>li{menu}*4 + Tab خروجی کد بعد ازفشاردادن دکمهTab <div> <ul> <li>menu</li> <li>menu</li> <li>menu</li> <li>menu</li> </ul> </div> خوب همون طور که متوجه شدین علامت بزرگتر(<)برای نشان دادن زیرمجموعه درکرلی براکتس({}) Textمی نویسم (*)به عنوان تعداد تگ هایی که میخواهیم استفاده کنیم خوب یه زمانی هست ما نیاز به کلاس و ایدی داریم خیلی ساده من به تگ بالا با استفاده ازپلاگین Emmet کلاس و ایدی میدم من میخوام یک divداشته باشم کلاسmainکه یکulزیرمجموعه داشته باشه با ایدیul_textوulهم 4تا زیرمجموعهLiداشته باشه و هرکدام ازLiهای یک تگAداشته باشن و درAها هم textبه نامmenuداشته باشه div.main>ul#ul_text>li*4>a{menu} +Tab خروجی کد بعد ازفشاردادن دکمهTab <div class="main"> <ul id="ul_text"> <li><a href="">menu</a></li> <li><a href="">menu</a></li> <li><a href="">menu</a></li> <li><a href="">menu</a></li> </ul> </div> زمانی هست که شما نیاز دارین type inputرو از قبل در پلاگین مشخص کنید خیلی ساده از کد زیر استفاده کنید. input[type=text][name=username][value=txxxt][titel=btn] +Tab خروجی کد بعد ازفشاردادن دکمهTab <input type="text" name="username" value="txxxt" titel="btn"> ما در این جا یاد گرفتیم چه طوری از پلاگین EmmetدرHtmlاستفاده کنیم قسمت دوم CSS خصوصیت نویسی CSSدر پلاگینEmmet شروع یادگیری short cut پلاگین Emmetدر CSSساده تر است شما فقط باید حروف اول کلمات خصوصیت CSSرو بلد باشیدمخفف آن را بنویسید مثال:من میخوام بگراند پروژم را رنگ آن را تغییر بدم bgc+Tab خروجی کد بعد ازفشاردادن دکمهTab background-color: #fff; مثال دیگر btlr+Tab خروجی کد بعد ازفشاردادن دکمهTab border-top-left-radius:35px; به همین سادگی شما خصوصیات رامخفف کردین وسرعت کد نویسی خیلی خیلی بالاتر میره حتما بهتون پیشنهاد میکنم حتی یک بار هم که شده از این پلاگین استفاده کنیدفوق العادس
×
×
  • جدید...