توضیحات

HTML برگرفته از حروف اول عبارت HyperTextMarkupLanguage می باشد و به عنوان یک زبان نشانه گذاری متن ( زبان استاندارد صفحات وب ) می باشد. معمولا در یک صفحه ی موجود بر روی وب مجموعه ای از متن ها، عکس ها، بخش بندی های مختلف وجود دارد، به کمک تگ ها و کدهایی که HTML در اختیارتان قرار می دهد، می توانید یک ساختار مشخص از اطلاعات را در این قسمت ها  به وجود آورید و در معرض نمایش بازدیدکنندگان قرار بدهید. 

Css کوتاه شده یا مخفف عبارت Cascading Style Sheets می باشد که قابلیت صفحه آرایی؛ استایل دهی و زیبا سازی صفحات وب را برای طراحان سایت فراهم می سازد. در واقع ساختار یک صفحه با استفاده از HTML تعیین می شود و سپس با به کار بردن کدهایی دیگر به این ساختار و چیدمان استایل داده می شود. تمامی رنگ ها، ابعاد و اندازه ها، حاشیه ها، مکان قرارگیری، فونت ها و سایر خصوصیات اجزای یک صفحه ی وب، با استفاده از CSS تعیین خواهند شد.

دوره های پیشنهادی، بعد از گذراندن این دوره :


HTML CSS طراحی وب طراحی سایت

مدرس دوره علی شیخ
مدت دوره 04:51:23
تعداد ویدیو 28

وضعیت دوره : کامل شده
قیمت دوره : رایگان

%25 تخفیف ویژه زمستان
از 23 تا 30 دی ماه
کد تخفیف : winter1400

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • سلام.
    من یه مشکلی دارم(که به نظر خودم، فاجعه هست) اونم اینه که من با اینکه اچ تی ام ال و سی اس اس و بوت استرپ رو یادگرفتم و نکات مهمش رو یادداشت کردم، ولی با این حال، مطالب از یادم رفته
    انگار الآن چیزی یاد بگیرم، ولی فردا صبحش انگار نه انگار که اصلا اون آموزش رو دیدم.
    پیشنهاد شما چیه؟

    • سلام وقت بخیر.
      خب شما باید تمرین زیادی بکنید و تا زمانی که یک دوره را بخوبی درک نکردید، وارد دوره بعدی نشید. این طبیعی هست که شما در ابتدا کار نمیتونید سایتی را پیاده سازی کنید، بلکه باید تمرین زیادی بشه و سعی کنید همین پروژه دوره ها را شاخ و برگ بدید و گسترش بدید، سایت های که مد نظرتون هست را سعی کنید پیاده سازی کنید و زمانی که مشکلی دارید، سرچ کنید، وقتی که سرچ کنید چندتا مطلب دیگه هم در کنارش یادمیگیرید

  • سلام من ۱۵ سالمه HTML CSS و کمی JavaScript هم بلد بودم اما یادم رفته اما تو ورد همه چیزاشو یاداشت کرده بودم. می‌خوام HTML CSS bootstrap JavaScript رو یاد بگیرم و رو جاوااسکریپت تمرکز کنم چند تا فریم ورکش یاد بگیرم چون وقتی استخدام های شرکت های مختلف چک میکردم بیشتر جاوااسکریپت و فریم ورک هاشو میخواستم حتی جونیور ها رو هم استخدام میکردن php هم به اندازه کم یاد بگیرم بعد اینکه. فریم ورک جاوااسکریپت یاد گرفتم بنظرتون مسیری که انتخاب کردن خوبه درسته؟

    • سلام وقت بخیر.
      شما مسیر را بر اساس اینکه قصد دارید فرانت کار یا بک اند کار و یا فول استک بشید باید انتخاب کنید.برای مراحل هم میتونید از بخش چارت آموزشی سایت استفاده کنید.

    • می‌خوام کهbootstrap html CSS رو یاد بگیرم و داخل JavaScript فول اینکه بشم و php python هم در حد کاربردی یاد بگیرم. پیشنهاد شما چیه خوبه؟ چون من داخل سایت های کاریابی دیدن بیشتر JavaScript کار فول اینم میخواستن و اگه Php python هم بلد بود رو هوا اونو استخدام میکردن.به نظر شما خوبه؟تو چند سال میتونم فول اینم بشم؟

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

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

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

    • سلام وقت بخیر.
      ممنون از شما، توی دوره های اولیه به اینصورا بوده و بعد از گرفتن نظرات کاربران توی دوره ها گام به گام پروژه را ایجاد کردیم.

  • سلام من میخوام توی فایل css یه کدی بنویسم که وقتی یه تگی هاور میشه یه تگ دیگه تغییرات لازم روش اعمال بشه.

    <h3>click</h3>
    <nav>

    <a href="#">صفحه اصلی</a>
    <a href="#">عضویت</a>
    <a href="#">ورود</a>
    <a href="#">گالری</a>
    <a href="#">درباره ما</a>
    <a href="#">تماس با ما</a>
    </nav>

    مثلا اینجا وقتی h3 هاور شد تغییرات روی nav اعمال بشه.

    یه نفر گفت h3:hoverr>nav استفاده کن ولی کار نکرد.

    • سلام وقت بخیر.
      اگه بعد از تگ مورد نظر بود، از + (h3:hover + nav) و اگر چندتا تگ بعدش بود از ~ (h3:hover ~ nav).با جاواسکریپت هم بسادگی میتونید اینکار را انجام بدید.

  • سلام اقای شیخ

    بعد از اتمام این دوره css و html دیگه نیازی نیست دوره دیگه مربوط به این دو زبان رو نگاه کنیم؟

    الان من این دوره تموم کردم یعنی html و css به صورت کامل یاد گرفتم؟

    • سلام وقت بخیر.
      ببینید شما با دیدن هیچ دوره ای نمیتونید بگید که کامل یاد گرفتید، یکسری از موارد با تمرین و پروژه و تجربه کاری بدست میاد. در کل، بله نیازی نسیت دوره ای دیگه ای ببینید و میتوانید طبق چارت بقیه دوره ها را مشاهده کنید.

  • سلام ممنون بابت آموزش های عالی و کاربردی شما.
    ببخشید یه سوال داشتم من پروژه انجام دادم ولی فقط روی سیستم خودم کامل باز میشه روی گوشی فقط قسمت HTML دیده میشه. مشکل کجاست؟

  • سلام وقت بخیر
    سوالی در زمینه css داشتم من وقتی یک عکس رو در پروژه خودم بارگذاری میکنم همش عکس در طول صفحه تا پایان صفحه تکرار میشه
    از کد display:block هم استفاده کردم اما درست نشد
    باید چیکار کنم؟؟

    • سلام وقت بخیر‌.
      شما این دوره را دیدید؟
      اگه ندیدن قسمت ۱۷ را ببینید، صحبت کردیم در موردش

  • <!DOCTYPE html>
    
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
    </head>
    <body>
    <div class="Welcome">
    <h1>halehoole</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur accusantium repellendus facilis, vitae aperiam nisi perspiciatis, quo mollitia illum consequuntur quibusdam quasi ipsum sequi beatae distinctio excepturi temporibus? Necessitatibus, sunt.</p>

    </div>
    </body>
    </html>

    css:
    body{
    background-color: #ccc;
    }

    .welcome {
    background: red;
    }

    استاد مجدد سلام، ممنونم بابت زحمات و پاسخگوییتون
    هرچی کلاس رو در css فراخوانی میکنم تغییری حاصل نمیشه

    • سلام وقت بخیر.
      لطفا کدهاتون را ببین سه عدد بک تیک قرار بدید.
      چک کنید مسیر فایل css درست هست یا خیر،همچنین شما توی html حرف اول اسم کلاستون بزرگ هست ولی توی css با حروف کوچیک نوشتید،دقیقا باید یکی باشه،توی این کار دقت خیلی زیاد نیاز هست.

  • استاد سلام
    من این کد رو نوشتم و خواستم توی css فقط item1 رو رنگش رو عوض کنم، اما شماره اش حذف میشه
    <ol type="1">
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    </ol>

    css:
    ol li1{
    color: aqua;
    }

    • سلام وقت بخیر.
      li1 و ۲ و ۳ نداریم که، شما کلاس یا id باید بهش بدید و توی css استایل بدید.قسمت ها را بادقت ببینید و همچنین دوره را کامل ببینید، بعد از اون سوالاتتون را بپرسید.کدها را توی کامنت داخل ۳تا بک تیک قرار بدید.

  • سلام و عرض ادب
    لطفا میشه فایل های هر جلسه رو قرار بدین؟
    توی فایل تمرین های دوره ای که قرار دادین فقط پروژه ی آخر هست
    خیلی ممنون

    • سلام وقت بخیر.
      قسمت های که فایل های تمرینی ندارند ساده هستند و نیازی نداشته،اما توی دوره های جدید تر همه ای فایل ها را قرار دادیدم.عذر خواهی میکنم.

  • با سلام اقای شیخ ممنون از پاسخاتون ک سریع جواب میدین مرسی استاد شما اموزش پایتون یا سی شارپ یا فریمورکهایی مثل انگولار قرار میدین؟
    برای فول استک شدن وب منظورمه

    • سلام وقت بخیر.
      خودم به احتمال زیاد خیر و احتمالا توسط مدرس دیگری قرار بدیم،برای فول استک دوره های php و لاراول و vue را هم قرار دادیم

    • سلام وقت بخیر.
      بنظر من خیر.در مورد html کامل صحبت شده و css خودش دنیای هست که توی این دوره در مورد یکسری از موارد صحبت میشه و بقیه اش هم توی دوره های جداگانه مثله flexbox ، انیمیشن و ... توی وبسایت قرار گرفته.

  • با سلام و خسته نباشید و تشکر از دوره های خوبتون
    اول باید یه تشکر ویژه بکنم بخاطر رایگان کردن خیلی از دوره هاتون که البته آشنا با دوره ها مسلما باعث رغبت بیشتر برای خرید بقیه دوره ها هم میشه
    اینکه چارت آموزشی قرار دادید هم بسیار خوب هست و باعث میشه کسایی که مثل من در نقطه آغاز راه قرار دارند خیلی تو این فضا گم نشن

    چقدر خوب میشد اگه دانلود یکجای دوره رو هم قرار میدادید

    • سلام وقت بخیر.
      ممنون از شما.توی وب سایت قسمت چارت آموزشی هست که میتونید مطالعه کنید.

  • با عرض سلام و خسته نباشید
    اون فایل سورس کد هایی که گفتید به صورت زیپ داخل سایت میگذارید برای html و css کدوم قسمت سایت قرار گرفتن؟؟

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