آموزش HTML و CSS

bg_image

اگر می‌خواهید وارد دنیای جذاب برنامه‌نویسی وب شوید، صفحه آموزش HTML و CSS وبکیما اولین قدم شماست! در اولین قدم با زبان‌های نشانه‌گذاری HTML و CSS آشنا خواهید شد و یاد خواهید گرفت که چگونه از این زبان‌ها برای طراحی صفحات وب استفاده کنید، حتی اگر فقط به طراحی سایت بدون کدنویسی علاقمند هستید، باز هم توصیه ما این است که حداقل 2 زبان html و css را یاد بگیرید، چون با یادگیری این دو زبان می‌توانید وب‌سایت‌های بسیار حرفه‌ای و جذا‌ب‌تری را با وردپرس طراحی کنید. همچنین اگر می‌خواهید وارد حوزه طراحی سایت با برنامه‌نویسی شوید، یادگیری HTML و CSS اولین قدم خواهد بود، پس منتظر چی هستید؟ بریم تا آموزش HTML و CSS را شروع کنیم!

یادگیری رو از اینجا شروع کن!

جلسه1

زبان برنامه نویسی html چیست و چه کاربردی دارد؟

زبان برنامه نویسی html چیست و چه کاربردی دارد؟ در این جلسه از سری آموزش‌...

مشاهده این جلسه

جلسه2

CSS چیست و چه کاربردی دارد؟

در این جلسه از سری آموزش‌‌های HTML و CSS می‌خواهیم به سوال CSS چیست پاسخ...

مشاهده این جلسه

جلسه3

بهترین ویرایشگر کد برای HTML و CSS کدام است؟

در این جلسه از سری آموزش HTML و CSS می‌خواهیم بهترین ویرایشگر کد برای HTML...

مشاهده این جلسه

جلسه4

آموزش ساخت فایل html در VSCode (سند خام html)

در این جلسه از سری جلسات آموزش HTML و CSS، اولین سند HTML را ساختیم،...

مشاهده این جلسه

جلسه5

مفاهیم پایه زبان HTML | آشنایی با تگ‌ ها و صفت ها

در این جلسه از سری جلسات، آموزش HTML و CSS می‌خواهیم مفاهیم اولیه زبان نشانه...

مشاهده این جلسه

جلسه6

آموزش 3 روش افزودن کدهای CSS به HTML

در این جلسه از سری جلسات دوره آموزش رایگان HTML و CSS، می‌خواهیم با مفاهیم...

مشاهده این جلسه

جلسه7

آموزش حل مشکل نوشتن فارسی در HTML و CSS

در ادامه دوره رایگان آموزش HTML و CSS، با جلسه آموزش حل مشکل نوشتن فارسی...

مشاهده این جلسه

جلسه8

اضافه کردن فونت فارسی در CSS و HTML

در ادامه دوره رایگان آموزش HTML و CSS، با آموزش اضافه کردن فونت فارسی در CSS...

مشاهده این جلسه

جلسه9

آموزش تگ‌ های قالب بندی متن در HTML

در این جلسه از سری جلسات دوره رایگان آموزش HTML و CSS، با آموزش تگ‌ های...

مشاهده این جلسه

جلسه10

آموزش کار با تگ‌ لینک‌ a و تصویر در HTML

با یکی دیگر از سری جلسات دوره رایگان آموزش HTML و CSS، با آموزش کار با...

مشاهده این جلسه

جلسه11

آموزش استایل دهی به متن‌ها در Html & CSS

با جلسه آموزش استایل دهی به متن‌ها در Html & CSS از دوره رایگان  آموزش...

مشاهده این جلسه

جلسه12

ساخت جدول در HTML و کار با تگ table

با یکی دیگر از جلسات دوره رایگان آموزش HTML و CSS با عنوان تگ table در...

مشاهده این جلسه

جلسه13

آموزش class و id در CSS | انتخابگرها در CSS

کلاس در CSS: با یکی دیگر از سری جلسات رایگان آموزش html و css در...

مشاهده این جلسه

جلسه14

آموزش Selector‌ها در CSS | انتخابگرهای تودرتو

با یکی دیگر از سری جلسات رایگان آموزش html و css در خدمت شما همراهان گرانقدر آکادمی وبکیما هستیم،...

مشاهده این جلسه
4.5/5 - (14 امتیاز)

دیدگاه و پرسش

  1. Samira میگوید:

    با سلام وخسته نباشید به شما استاد عزیز
    میشه یه اموزش برای قسمت فروش بذارید چطوری سبد خرید داشته باشیم و چطوری خرید صورت بگیره
    ممنون از شما

    • پشتیبانی میگوید:

      درود بر شما، بله سعی خواهیم کرد این مورد را نیز آموزش دهیم.

  2. امیر میگوید:

    با عرض سلام و خسته نباشید
    بابت آموزش های عالیتون تشکر میکنم. من یکی از طرفداران آموزش های شما هستم. خدا خیرتون بده
    اگه امکان داره نحوه ساخت دکمه صفحه روشن و تیره (Dark & Light ) را هم آموزش بدید.
    سپاسگذارم

    • پشتیبانی میگوید:

      سلام، با تشکر از همراهی شما، این مورد در کانال یوتیوب وبکیما آموزش داده شده است.

  3. سارا میگوید:

    با سلام. من تازه آموزش رایگان وردپرس رو دیدم.
    آیا اگر افزونه ای رایگان غیر پرو تهیه کنیم بااین زبانها میتونیم امکاناتش رو دست ببریم و به سمت پرو ببریم؟
    آیا قالبی که باالمنتور سازگاره میشه بااین دوزبان سفارشی و باب میل خودمون کنیم؟
    منظورتون از پویا چیست؟

    • پشتیبانی میگوید:

      بله، در حالت کلی، اگر شما یک افزونه رایگان غیر پرو در وردپرس استفاده کنید، ممکن است محدودیت‌هایی در امکانات آن وجود داشته باشد. اما با استفاده از زبان‌های مانند CSS و PHP می‌توانید به افزونه رایگان دست بزنید و امکانات آن را به سمت پرو یا سفارشی ببرید. این زبان‌ها به شما امکان می‌دهند قابلیت‌ها و عملکردهای افزونه را به دلخواه خودتان تغییر دهید و به آنها ویژگی‌های جدید اضافه کنید.

      در مورد قالب‌های سازگار با المنتور، بله، شما می‌توانید با استفاده از زبان‌های CSS و PHP ویرایش‌ها و سفارشی‌سازی‌های خود را روی قالب اعمال کنید. اگر قالبی که با المنتور سازگار است را انتخاب کنید، می‌توانید از قابلیت‌های المنتور برای ویرایش و سفارشی‌سازی صفحات استفاده کنید و همچنین با استفاده از زبان‌های سفارشی و CSS، ظاهر و عملکرد قالب را به دلخواه خود تغییر دهید.

      درباره مفهوم “پویا”، این عبارت به صورت کلی به معنای قابلیت تغییر و سفارشی‌سازی است. یک وبسایت پویا به معنای آن است که می‌توانید آن را با استفاده از ابزارها و زبان‌های سفارشی مورد نیاز خود تغییر دهید و به نیازهای خاص خود تطبیق دهید. قالب‌ها و افزونه‌های وردپرس پویا هستند زیرا می‌توانید آنها را سفارشی کرده و به نیازهای خود تغییر دهید.

  4. میوند سروری میگوید:

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

    • پشتیبانی میگوید:

      درود و سپاس فراوان بابت کامنت زیبا و پر از محبت شما، بله اگر به برنامه نویسی علاقه دارید با دنبال کردن همین دوره و دوره های پیشرفته و حرفه ای وبکیما می‌توانید به مهارت کافی در این زمینه برسید.

  5. الیاس میگوید:

    سلام ، لطف کنین بگین تو همین برگه آرشیو فیلم های زیر ” جلسات مقدماتی دوره آموزش HTML و CSS” و کاورسل محصولات سایت مثل “دوره آموزش جاوا اسکریپت واقعی (پروژه محور) ” با چه افزونه هایی طراحی شده است؟!

    • پشتیبانی میگوید:

      درود، این موارد کدنویسی اختصاصی است.

  6. الیاس میگوید:

    سلام ، قالب کیماکالا بر پایه ی وودمارت طراحی شده است؟

    • پشتیبانی میگوید:

      درود بر شما، خیر. قالب کیماکالا از صفر طراحی شده است.

  7. omid میگوید:

    سلام امیدوارم حالتون خوب باشه و ممنون از اینکه این دوره رایگان رو اماده کردین برامون.
    یه سوال داشتم ازتون که ما با دیدن این دوره میتونیم قالب وردپرس طراحی کنیم؟

  8. الیاس میگوید:

    سلام از زبان های برنامه نویسی بک اند با توجه به تعدد شون کدوم رو یاد بگیریم بهترینه؟ php ، پایتون و جنگو و.. کدوم؟ وقت برای یادگیری همه ندارم

    • پشتیبانی میگوید:

      سلام، پاسخ سوال شما به موارد بسیار زیادی وابسته است، در این زمینه بهتر است داخل یوتیوب و گوگل تحقیق کنید.

  9. سید حامد جمالی لنگری میگوید:

    سلام. من یک طرح دارم که با HTML و SCSS زده شده. میخوام بیارم تو محیط المنتور. ولی راهش رو بلد نیستم. المنتور SCSS رو شناسایی نمیکنه. راهی پیشنهاد میدید؟ خیلی ممنون

    • پشتیبانی میگوید:

      باسلام، اگر می‌خواهید از المان‌های اختصاصی در المنتور استفاده کنید باید برنامه نویسی حرفه‌ای و نحوه طراحی قالب وردپرس را یاد بگیرید در این حالت شما می‌توانید هر نوع کد html و css و HTML و SCSS و … را به یک ویجت پویای المنتوری تبدیل کنید، این مورد به صورت کامل در دوره 0 تا 100 آموزش طراحی سایت و فروشگاه اینترنتی آموزش داده شده است.

  10. امیرحسین رحیمی میگوید:

    سلام اگه این دوره رو مطالعه کنیم میتونیم سایت بسازیم ؟
    با این روش سایت های جذاب تری میشه داشت یا وردپرس؟

    • پشتیبانی میگوید:

      باسلام، بله اما دقت کنید که شما صرفا با یادگیری HTML و CSS نمی‌توانید وب‌سایت‌های پویا طراحی کنید باید در کنار آن یک زبان برنامه‌نویسی پویا مثل PHP را نیز یاد بگیرید.

      • امیر میگوید:

        اگه جنگو یاد بگیریم چطور؟؟

      • پشتیبانی میگوید:

        بله در کنار یادگیری HTML و CSS اگر پایتون و جنگو یاد بگیرید می‌توانید یک وب سایت کامل طراحی کنید.

  11. kai میگوید:

    درود بر شما استاد،
    امکانش هست بگید دوره مقدماتی حدوداٌ چند جلسه میشه؟

    • پشتیبانی میگوید:

      باسلام و احترام، احتمالا حدود 20 الی 25 جلسه خواهد بود.