توضیحات

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

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

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


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

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

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

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

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

    • سلام وقت بخیر.
      منظورتون از ادغام چیه؟؟؟
      خط اولی تگ link هست که توی تگ head قرار میگیره و دومی تگ a که توی تگ body هست.
      لطف کنید کد های ارسالی را بین سه عدد بک تیک توی کامنت قرار و ارسال کنید.

  • سلام خسته نباشید .
    من اومدم اون قسمتی که 3 تایی میشد رو درآوردم ولی یک مشکلی خوردم ولی اکسپکت المنت میگیرم و روی مثلا اون بخش میگیرم خیلی قسمت زیادی رو آپلود میکنه و این مشل دقیقا توی فوترمم ایجاد شده ممنو میشم بگید یکار باید بکنم هر بخش قشنگ قسمت آبیش مالی خودش باشه .عکس نمیتونم آپلود کنم :(( مجبورم اینطوری توضیح بدم .
    بخش 3 ومم رو توی inspect داخل بخش 2وم (قسمت 2 تیکه ) نشون میده و بخش فوتر رو هم از بخش 2وم تا پایین صفحه نشون میده !!
    اگر بتونم عکس رو آپلود کنم خیلی بهتر میشه

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

  • Dear Webprog Admin, Mr.Ali Sheikh. Thank you for the content you produced. It was a perfect tutorial.
    علی جان دم شما گرم. برات یه دنیا آرزوی موفقیت دارم. خیلی دوره خوبی بود.

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

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

    • سلام وقت بخیر.
      توی آپدیت سایتش اگه مطالعه کنید، نوشته که بعد از عضویت در سایتش به جای لینک css به شما لینک js یا جاوااسکریپت میده که قبل از تگ بسته شدن html باید قرار بدید. یا اینکه از لینکی که در اختیارتون هست و فرمودید استفاده کنید و وارد سایت fontawesome بشید توی هدر icons را انتخاب کنید و توی سرچ میتوانید نام ایکن سرچ کنید یا یکی از گزینه های زیرش را انتخاب کنید. بعد از این کار لیست آیکن ها براتون میاره که در بالا سمت راست شما میتوانید ورژن انتخاب کنید و از آنجای که ورژن لینک شما 5 هست، شما هم ورژن 5 را انتخاب کنید. کافیه کمی سایتش را مطالعه کنید و داخلش بچرخید.

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

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

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

  • سلام
    ببخشید مزاحم میشم
    یک سوال داشتم هر چی میگردم داخل تنضیمات vscode و یا اینکه ویدیو ها رو دوباره میبینم پیدا نمیکنم چطوری یک خط رو کپی میکنید در خط پاینش؟
    اسمش چی هست هی چی گشتم در مورد کپی داخل تنظیمات vscode پیدا نکردمش.
    حالت دیفالت کلید میانبرش چی هست؟؟

    • سلام وقت بخیر.
      روی علامت چرخ دنده در سمت چپ پایین ادیتور کلیک کنید و گزینه Keyboard Shortcuts را انتخاب کنید. در اینجا میانبر های ادیتور تعریف شده و برای اینکه میانبر کپی در خط پایین را مشاهده کنید. نیاز هست متن Copy Line Down را سرچ و میانبر اون را مشاهده و یا به دلخواه تغییر بدید.

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

    • سلام وقت بخیر.
      زمانی که صفحه رفرش میشود اول اون صفحه نمایش داده میشود میتوانید از تگ 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).با جاواسکریپت هم بسادگی میتونید اینکار را انجام بدید.