توضیحات

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

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

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


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

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

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

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

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

  • فوق العاده ترين و كامل ترين وب سايت آموزشي كه ميشناسم هستيد.
    و بزرگترين مزيت شما آموزش قدم به قدم و سادگي در بيان شماست واقعا ممنونم شما باعث شديد بنده كه علاقه اي به برنامه نويسي نداشتم به برنامه نويسي به شدت علاقه مند بشم و تو زندگيم يك هدف داشته باشم. لطفا به همين رويه پر قدرت ادامه بديد.

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

  • سلام استاد وقت عالی بخیر . یک مشکلی دارم که هرچی ترفند گیر میارم از اینترنت بازم ایراد برطرف نمیشه . من دارم یک مگامنو چند سطحی مثل منوی این سایت : https://hamgardi.com درست می کنم و نمی دانم برای مشابه صد درصدی شندنش چیکار کنم چرا که منو های مرحله سومش از نظر افقی وسط قرار نمی گیرند باید چکار کنم ؟! و البته اینم بگم آموزش چنین مگامنوی بزرگی هیچ جا پیدا نکردم !

    • سلام وقت بخیر.
      شما میتوانید از flexbox هم استفاده کنید. در کل شما باید inspect بگیرید و ببینید فضای اون تگ و با والدش چقدر هست و آیا میتواند وسط فضای که داره بره یا نه اصلا فضای نداره

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

    • سلام وقت بخیر.
      والا من نمیدونم چی هست مشکلش، یکبار پاک و دوباره نصب کنید

  • سلام.
    چگونه برای منو سایت، هنگامی که می‌خواهیم منو فعال را رنگی کنیم، کلاس مورد نظرمان را اضافه کنیم؟
    مثل کلاس active
    ممنون

    • سلام وقت بخیر.
      برای اینکار هم میتونید سمت سرور اینکار را انجام بدید و همچنین با جاوااسکریپت.

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

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

    • الان با دیکشنری اعظمی مثل گوگل دیگه کسی چیزی رو حفظ نمی کنه شما از هر چیزی فقط یه پیش زمینه ای داشته باش که بدونی چی سرچ کنی، بعد گوگل کامل یادآوریت می کنه چی بود

  • سلام من ۱۵ سالمه 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 استایل بدید.قسمت ها را بادقت ببینید و همچنین دوره را کامل ببینید، بعد از اون سوالاتتون را بپرسید.کدها را توی کامنت داخل ۳تا بک تیک قرار بدید.