این آموزش در تاریخ ۱۳۹۷/۰۸/۲۰ آپدیت شده است.

پرسش و پاسخ – آموزش قدم به قدم زبان HTML

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

پرسش و پاسخ - آموزش قدم به قدم زبان HTML

Free-Learn

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

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

برای مشاهده بخش – آموزش قدم به قدم زبان HTML لطفا اینجا کلیک نمایید. .

لطفا پرسشی که ارسال مینمایید فقط مربوط به بخش [آموزش قدم به قدم زبان HTML] باشد، در غیراینصورت پرسش شما تایید نخواهد شد.

Free-Learn

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

Free-Learn

دریافت PDF یا پرینت این مطلب

166 پرسش و پاسخ

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

    • فایل های HTML معمولا ۲ پسوند میتونن داشته باشند.
      ۱: دات اچ تی ام ال (html.)
      ۲: دات اچ تی ام (htm.)
      ولی معمولا و بیشتر از پسوند شماره ۱ استفاده می شود، لذا شماهم سعی کنید همیشه از این پسوند استفاده نمایید.

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

    • سلام دوست خوبم,امیدوارم که حالتون خوب باشه.
      مطمعنا هرچیزی برای ایجاد شدن نیازمند یکسری مواد لازم می باشد.
      بطور کلی برای طراحی یک وبسایت نیازمند یادگیری زبان های HTML,CSS,JavaScript می باشید, که هرکدام از این زبان ها برای انجام کاره خاصی مورد استفاده قرار میگیرند.
      هر کدام از این زبان ها دارای یکسری ویژگی های مربوط به خودشون می باشند که ما باید اونارو بلد باشیم تا بتونیم در طراحیمون از اونا استفاده نماییم.
      ولی سوال اینه آیا لازم هست که خط به خط و تمام موارد مربوط به این زبان ها را یاد بگیریم یا خیر؟؟؟
      اینکه بخوایم بگیم باید و حتما و ضروری است که تمام موارد مربوط به اون زبان رو یاد بگیریم نه اینجوری نیست, مثلا الان ممکنه خوده شما خیلی از تگ های HTML رو تا الان حتی برای یکبار ندیده اید فقط چندتا تگ معروف از این زبان رو دیده باشید که با همونا هم میشه سایت طراحی کرد ولی (ولی) چه بهتر که همه ی موارد مربوطه رو بلد باشیم.
      ببینید دوست خوبم ما برای طراحی یک وبسایت ساده خیلی راحت میتونیم از تنها زبان HTML‌ استفاده نماییم بدون اینکه بخوایم از CSS یا JS استفاده نماییم.
      و وقتی هم داریم از تنها زبان HTML‌ استفاده میکنیم ما میتونیم با کمتر از ۲۰ تگ یا دستور یک وبسایت رو طراحی کنیم ولی مطمعنا نباید از این وبسایت انتظاری داشته باشید چرا که فقط از HTML استفاده کردیم..
      پس اگه میخواید یک وبسایت حداقلی داشته باشید که هم جذاب باشه هم حداقل امکانات رو داشته باشه باید از این سه زبان (HTML,CSS,JS) استفاده نمایید,وقتی شما این سه زبان رو یادگرفتید به راحتی میتونید سایت طراحی کنید ولی از اونجایی که HTML یک زبان آفلاین یا سمت کاربر می باشد شما برای اینکه بتونید یک قالب برای سیستم وردپرس طراحی نمایید باید زبان PHP رو هم یاد بگیرید.
      زبان PHP یک زبان سمت سرور می باشد که فوق العاده هم قوی می باشد.

  4. سلام به همگی یه سوال داشتم :
    من دارم سایت مینویسم بعد توی قسمت html یه div درست کردم و تو قسمت css اون رو با ویژگی opacity شفافش کردم الان هر چیز دیگه ای که میزارم روی اون شفاف میشه میخاستم ببینم چیکارش کنم

  5. با عرض سلام وخسته نباشید یک سوال داشتم راجع به فونتهای که داخل یک ویبسایت درنظر گرفته میشه تا تمام محتوای سایت با آن شکل نمایش داده شود اگر با cssبخواهیم آنرا نمایش دهیم چگونه میتوانیم آن زبان را به داخل سایت آنلاین مان وارد کنیم؟؟؟

    • سلام و عرض ادب خدمت شما دوست عزیز و محترمم
      خیلی خوشحالم که میتونم درخدمت شما باشم
      ( آموزش کامل اضافه کردن فونت دلخواه در سایت را میتوانید از اینجا مشاهده نمایید )
      من بطور کامل برای شما توضیح میدم و همچنین مثال بصورت آنلاین براتون ارائه میدم، امیدوارم که بطور کامل مشکلتون حل شه و لطفا باز هرگونه سوالی داشتید حتما بپرسید.
      ++++++++++++
      ما از ۲ روش میتونیم فونت هارو وارد سایتمون کنیم، جوری که متن های موجود در سایت با فونت مورد علاقه خودمون نمایش داده شن.
      روش اول روش ساده ای است، استفاده از فونت های گوگل : یعنی گوگل همه زحمتشو کشیده فقط کافیه ما بیایم و از کدی که گوگل در اختیارمون میزاره استفاده کنیم.
      یعنی دیگه اون تکه کدرو هرکجا که بخوایم میتونیم استفاده کنیم به همین راحتی!
      برای مشاهده فونت های گوگل اینجا کلیک کنید، فقط مشکلی که هست اینه متاسفانه گوگل فونت فارسی زیاد نداره فقط چنتایی داره که اونم تازه با نام Arabic شناخته میشه.
      ولی خب بازم کارمونو راه میندازه.
      حال یه علامت + (پلاس) قرمزرنگ گوشه راست بالای هر یک از فونت ها وجود داره که اگه روش کلیک کنید اون فونت انتخاب میشه براتون، بعدش پایین صفحه روی همونی که انتخاب کردید کلیک کنید یه پنجره براتون باز میشه.
      تو اون پنجره یه تکه کد هست که باید اونو کپی کنید و بزارید بین تگ head صفحه وبتون، بعدش دیگه هرکجای وبسایتتون که بخواید از اون فونت استفاده کنید کافیه فونت فامیلی همون فونتی که انتخاب کردید رو صدا بزنید.
      مثال آنلاین را از اینجا مشاهده نمایید.
      ++++++++++++
      روش دوم اینه که ما بیایم و خودمون بصورت دستی فونت هامون رو یکی یکی اول آپلود کنیم بعد بیایم و با استفاده از یکسری کدها فونت هارو بشناسونیم به سایت و در نهایت بعدش هرکجا که بخوایم از فونت مورد نظرمون استفاده نماییم.
      ما باید از فونت مورد نظرمون فرمت های مختلفی داشته باشیم ، فرمت هایی همچون ttf,woff,eot و.. که فونت مورد نظرما بطور کامل در تمامی مرورگرها پشتیبانی شود.
      حال ۲ حالت داریم یا باید فونت مورد نظرمون رو تمامی فرمت هایی که گفتم ازش داشته باشیم یا فقط ttf رو داشته باشیم و بریم تو سایت زیر و این فرمت رو به بقیه فرمت ها تبدیل کنیم که دیگه از تمامی فرمت ها داشته باشیم.
      پس وارد این سایت میشید و فونتی که فرمت ttf داره رو میدید بهش اونم همون فونت رو با فرمت های مختلف میده بهتون خیلی راحت.
      حتی خودش اتوماتیک دستورات css مورد نیازمون رو میده که کافیه دیگه از اون دستورات در سایت خودمون استفاده کنیم.
      ولی خب من این دستورات را توضیح میدم که چه هستند، این دستورات در کل داره مسیر فایل فونتمون رو مشخص میکنه که این دستورات دستورات زیر می باشند :

      اول یک نام خانوادگی براش درست میکنیم بعدش میایم و تک تک فرمت های فونتمون رو مسیردهی میکنیم به راحتی!
      دیگه بعدشم هرکجا که بخوام از این فونت تو سایتم استفاده کنم میام و از نام خانوادگی که ایجاد کردم استفاده میکنم. مثله دستور زیر :

      برای مشاهده مثال آنلاین اینجا کلیک نمایید.
      +++++++
      تموم شد رفت.. حالا لطفا اگه سوالی چیزی داری حتما بپرس

    • سلام و عرض ادب خدمت شما دوست عزیز و محترم
      این کد رو بزارید بین تگ head صفحه وبتون مشکلتون حل میشه.

  7. سلام و عرض ادب خدمت شما دوست عزیز و محترم
    همانطور که از ارور مشخصه ارور سینتکس ( مشکل در نحوه نوشتاری یک کلمه ) می باشد، و خودش آدرس محل خطا رو میده، یعنی در فایل wp-config.php خط ۷۳ اونجا ممکنه چیزی تعریف شده باشد که وردپرس قادر به درک و تفسیر و در نهایت فراخوانی آن نباشد.
    لطفا از طریق این ایمیل FreeLearn20181@gmail.com برای بنده پیام ارسال نمایید تا بتونم از اونجا مشکلتان را پیگیری و در نهایت حل نمایم.
    باتشکر

    • سلام و عرض ادب خدمت شما دوست گرامی
      لطفا کدهاتون رو برای بنده ارسال نمایید، یا از همینجا یا از طریق ایمیل [ FreeLearn20181@gmail.com ] تا بطور کامل بررسی و جواب صحیح خدمت شما ارسال بشه.
      یا هم لطفا از اینجا این کدهارو با کدهای خودتون چک کنید.
      اگه بازم موفق نشدید و همچنان مشکل بود لطفا حتما کدهاتون رو برای بنده ارسال نمایید.
      باتشکر

  9. با عرض سلام بنده به تازگی دارم زبان php یاد می گیرم.
    لطفا به بنده بگید عملگرهای زیر رو به چه معنی هست و چجوری بیان شون می کنید

    • سلام و عرض ادب خدمت شما دوست خوبم
      ۲ عملگر اولی رو بنظر به اشتباه تایپ کرده اید، ما عملگرهای مقایسه ای => و ===> رو داریم. همونطور که از اسمشون مشخصه برای مقایسه کردن هس.
      مثال :

      خب در مثال بالا، مقدار x برابر است با ۱۰ و مقدار y برابر است با ۲۰ ، شرط گذاشتیم گفتیم اگه x کوچکتر یا مساوی y بود فلان کارو کن . (ادامه شرط …. )

      حال عملگر ===> میگه اگه ۲ متغیر از یک نوع بودن و کوچکتر بود مثلا فلان کارو کن.
      مثال :

      مثال بالا خب متغیر x مقدارش ۱۰۰ می باشد و متغیر y مقدارش ۱۰۰ هس ولی چون توی ” ” گذاشته شده پس دیگه عدد نیست رشته یا String میشه. در نتیجه شرط میگه اگه x کوچکتر از y بود و هم نوع بودن مثلا فلان کارو کن . (ادامه شرط …. )

      دستور یا عملگر : هم یجورایی همون دستور if هستند یا اینجوری بگیم در واقع همون برای شرط گذاشتن هس، که علامت : ینی در غیراینصورت.
      مثال :

      این مثالم داره میگه یک x داریم با مقدار ۱۰ و y با مقدار ۲۰ بعد باز شرط گذاشتیم که اگه x بزرگتر از y بود مقدار x رو برگردون و اگه نبود مقدار y رو برگردون. نیست پس مقدار y برمیگرده.

      با استفاده از :: هم میتوان به یک کلاس دسترسی پیدا کرد بعد مثلا چیزی که تو کلاسه ازش بگیریم و فراخوانی کنیم. ( مثال )

      باتشکر

  10. با سلام و درود خدمت شما
    من یه برنامه نویس اکسل و پایتون هستم و تازه به سی اس اس و اچ تی ام ال پرداختم
    من یه سایت دارم می نویسم در آن می خوام یه همچین شرطی برگزار بشه:
    اگر هم اکنون > dd/mm/yyyy hh:mm:ss “عیدتان مبارک” را چاپ کند و در غیر اینصورت : “عیدتان پیشاپیش مبارک” .
    توروخدا سریعا کمکم کنید.

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

  11. slm
    y soal dr mored file css + html dshtm in bod k bad az save krdn file to notepad++ time ke sfhe to internet explorer mikhad ta load bshe kheily ziade yni hade aqal 4 y 5 br byad refresh knm ta tze y back ground color sade bala baire dqiq in ke marbot b time load hast y ekhtelal load krdne nmidnm vaqen aztn motshakerm

    • باسلام و عرض ادب خدمت شما دوست عزیز و محترم
      خب این سرعت لود که میفرمایید دلایل زیادی میتونه داشته باشه ، یعنی از خوده مرورگر IE ( اینترنت اکسپلورر ) بگیرید تا میزان توان سیستمتون و خیلی مسائل دیگه که میتونه دخالت داشته باشه.
      در مرحله اول متاسفانه IE بدلیل خیلی ضعیف بودنش خب خیلی از مشکلات زیرِ سَره خوده همین IE هست و کلا با وجود مرورگرهایی همچون گوگل کروم و موزیلا فایرفاکس استفاده از مرورگر IE اصلا پیشنهاد نمیشه.

      حال اینکه بخوایم بگیم مشکل از HTML یا CSS یا بطور کلی از دستورات این ۲ زبان هس، نه اینجوری نیست و ربطی به این ۲ زبان نداره چرا؟ چون وقتی مثلا ما یک دستور در فایل HTML مینویسیم خب وظیفه تحلیل و در نهایت نمایش اون دستور در مرورگر بر عهده خوده مرورگر و در نهایت سیستم ( از نظر قدرت و توانایی اجرا ) می باشد پس اینجا دیگه کاری به خوده زبان HTML و CSS نداره.

      استفاده از IE اونم الان با وجود مرورگرهایی همچون گوگل کروم و فایرفاکس خب بنظره من این کاره جذابی نیست و عملا غیرحرفه ای می باشد، یعنی شما اگه میخوای یه طراح وب شید خب باید از مرورگرهایی همچون گوگل کروم استفاده نمایید چراکه برخی از تگ های HTML و ویژگی های CSS کلا بروی IE اجرا نمیشن، پس بهتره از گوگل کروم یا موزیلا فایرفاکس استفاده نمایید.
      وگرنه خب بنده حتی همین الان برای شما تست زدم، سرعت لود در سیستم بنده و در مرورگر IE کاملا مطلوب می باشد و این برمیگرده به توان سیستم.
      لطفا شماهم از مرورگری همچون فایرفاکس یا گوگل کروم استفاده نمایید و تست بزنید.

      باتشکر

  12. سلام خسته نباشید
    برای ایجاد “background=”linear_gradient باید چیکار کرد که footer هم ادامش شاملش بشه تو تگ container که میزارم تگ nav رو کلا دیگه نمیخونه و متن content میاد تو nav اصلا استفاده از div ها و قسمت بندی کردن صفحه درسته؟

    • سلام دوست خوبم امیدوارم که حالتون خوب باشه
      خب اگه میخواید رنگ زمینه شامل هدر و باکس اصلی محتوا و فوتر باشه باید رنگ تون رو در هرسه باکس قرار بدید. ( نمونه مثال )
      لطفا اگه بنده منظور شمارو بد متوجه شدم حتما بهم بگید
      میتوانید از ابزار آنلاین تولید رنگ گرادینت استفاده نمایید
      بله از تگ div میتونیم برای قسمت بندی یا بخش بندی یا طرح بندی استفاده نماییم، حال در HTML5 چون یکسری تگ برای مثلا هدر یا فوتر ایجاد شدن پس بهتره از اینایی که در HTML5 اضافه شده اند استفاده نمایید. ولی خب درکل آره درسته از DIV میشه قسمت بندی کرد.
      باتشکر

      • slm v arz khste nbashid mojadad
        vqn mtshkrm vli mnzr bnde in hst k brai div haye content v footer age bkhm yk gradient dshte bshm bsort top to bottom k bridgi t backgroundm ndshte bshm chi kr byad krd
        bzm kheili mtshkrm az lotfton

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

          • منظور بنده این هست که یک gradient یکپارچه که هم شمال دیو content بشه و ادمه ش برسه به انتهای footer باید در این صورت برای content و footer یک تگ div کلی مشخص کنم ؟
            امیدوارم منظورم رو رسونده باشم خیلی متشکرم

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

            اگرم بخواید رنگ بروی تمامی بدنه صفحه اعمال بشه باید رنگ بروی تگ BODY اعمال نمایید.
            امیدوارم که دیگه مشکل حل شده باشه
            باتشکر از شما

  13. سلام ببخشید
    بعضی از سایت ها یک دسته از عکس ها در باکس مشخص
    به طور خودکار در حال حرکت هستند
    من با تگ irframeوanimation شبیه سازی اش کردم ولی اصلا
    خوب در نمیاد چیکار باید کنم ؟

      • سلام خداقوت و وقت بخیر ممنون از آموزش خوبتون

        دو سوال داشتم.
        اول اینکه این عکس ها که به طور خودکار حرکت میکنند که آقای سلطانی پرسید اسمشون چیه و بر اساس js کار میکنند؟
        سوال دوم اینکه برای یادگیری بک اند من خیلی جاها خوندم که از سی شارپ و ASP استفاده کنید جای دیگه گفتن پایتون و جنگو و یسری منابع هم استفاده از PHP و لاراول رو توصیه کردن. میخواستم بدونم بر حسب تجربتون شما کدوم رو توصیه میکنید. هم از لحاظ سرعت هم از لحاظ امنیت و سایر ملاک های مد نظر خودتون.

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

        ممنون از محبتتون

        • باسلام و عرض ادب
          ۱ : اون حالت رو بهش میگن carousel یاهم اسلایدر ( نمونه سادش با CSS میشه درست کرد، نمونه حرفه ای با js و جی کوئری )
          ۲ : خب بستگی داره به خودتون به علاقه و همچنین شرایط محیطی ، ولی من به شخصه خودم علاقم PHP هستش و پیشنهادش هم میکنم ، دیگه در کنارش بهتره فریم ورک هایی مثه لاراول یا CodeIgniter هم اوکی باشی
          امنیت و سرعت شاید از ۱۰۰درصد فقط ۳۰درصدش متعلق به ساختار خوده اون زبان باشه وگرنه ۷۰درصدش مربوط به شماست و نحوه کدنویسی و رعایت موارد امنیتی و بهینه بودن کدها و خیلی چیزای دیگه
          بطور مثال شما اومدی با بهترین و پرسرعت ترین و امن ترین زبان و سرور یه صفحه با یه فرم کدنویسی کردی اوردی بالا، ولی خب مثلا در فرم موجود در اون صفحه فرض میکنیم موراد امنیتی رو رعایت نکردی، تموم شد رفت با یه کلیک مهاجم میتونه به شما آسیب بزنه و اونجاس که دیگه نه اون زبان نه سرور نه سرعت نه هیچی فایده ای برای شما نداره
          باتشکر

  14. سلام مطالب سایتتون واقعا عالیه
    ولی یک سوال داشتم
    اگه بخوایم رمز عبور و پسوردی بسازیم که اعتبار سنجی بر اساس
    رمز عبور اصلی بشه
    و هنگامی که رمز عبور اشتباه بود کاربر وارد سایت نشه باید چه کار کنیم ؟

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

    • همونطور که اشاره کردم برای بحث امنیت و داینامیک بودن اینکار باید از PHP و پایگاه داده MYsql استفاده نمایید، که اگه یه سرچ ” سیستم ثبت نام و ورود با php و mysql ” تو گوگل بزنید موارد زیادی پیدا خواهید کرد.
      ولی خب اگه بخوایم همون سورس کد قبلی رو حرفه ای تر کنیم و کاربر بعد از وارد کردن رمز به صفحه ای دیگه مثلا صفحه پروفایل وارد بشه کافیه از window.location استفاده نمایید.
      مشاهده دمو | دانلود

    • صفت action همونطور که از اسمشم مشخصه یعنی یه عملی که باید انجام بشه پس از کلیک بروی دکمه ارسال در فرم.
      یعنی مثلا من یه فرم ورود دارم، وقتی کاربر نام کاربری و رمزشو وارد کرد و ورود زد به محض فشردن دکمه ورود، درخواست به اون صفحه ای میره که در صفت action قرار داره و اون صفحه هست که پردازش رو انجام میده. ( این در PHP در هنگام ارسال درخواست های GET یا POST کاملا مشخصه ) ( مثال )

      در مورد این پروژه شما ( که با استفاده از HTML و JS ) فرم ورود ایجاد کردیم خب این چون با JS ایجاد شده دیگه اون انعطاف PHP رو نداره حتی امنیتم نداره ، یعنی شما باید خودتون دستی پسورد رو ایجاد کنید و به کاربر بدید و بگید مثلا وارد شن ، ولی با PHP دیگه اینکار لازم نیست و شما باید از PHP استفاده کنید و که حتی کاربر بتونه خودش با اون نام کاربری و رمز دلخواه خودش ثبت نام کنه و بعدش مثلا بتونه وارد شه.
      لطفا یک ایمیل به FreeLearn20181@gmail.com ارسال نمایید تا سورس کد ساده یک سیستم ثبت نام و ورود با PHP و پایگاه داده MYSQL براتون ارسال بشه، دیگه اونجا متوجه میشید که چقدر کارتون پیشرفته تر میشه و حتی امنیت هم بالا میره و به راحتی کاربر خودش هرچی دوس داشته باشه نام کاربری و پسورد وارد میکنه و ثبت نام میکنه و بعدش درجا هم میتونه وارد شه.

  18. سلام و عرض ارادت
    اگر که بخواهیم هر کسی که وارد سایت شد اول نامش را از طریق INPUT دریافت
    و بعدش بر اساس اون نام بهش خوش امد گفته بشه و هر بار دیگه ای که وارد سایت بشه بدون گرفتن نامش
    بهش خوش امد گفته بشه باید چه کار کنیم ؟

    • باسلام و عرض ادب
      از روش های زیر میتونیم به ذخیره سازی داده ها بپردازیم :
      ۱ – ذخیره سازی در پایگاه داده ( که نیاز به پایگاه داده و زبان PHP می باشد )
      ۲ – ذخیره سازی تحت وب درون مرورگر کاربر ( بدون نیاز به پایگاه داده )
      ++ در روش ۲ اگه داده های مرورگر ( کوکی ها ) پاک شود، داده های ذخیره شده نیز پاک خواهد شد.
      در سورس زیر از روش شماره ۲ استفاده شده
      مشاهده سورس

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

      نکته : هرشخص با سیستم و مرورگر خودش که وارد صفحه شد ازش اسمشو میپرسه و بعدش که اسمشو وارد کرد ذخیرش میکنه ، اینجوری نیست که وقتی شما مثلا اسم خودتون رو وارد کردید دیگه اون اسم برای همه ذخیره بشه ، هر شخص یه حافظه بهش تعلق میگیره

      اگرم بنده منظورتونو بد متوجه شدم لطفا بهم بگید

  20. ‌سلام و عرض ارادت
    با تشکر
    اگر که بخواهین در سایت یک آزمون ایجاد کنیم
    ولی براساس جواب های درست سوال ها که به
    سایت میدیم خودش آزمون رو تصحیح کنه
    باید چه کار کنیم؟

    • باسلامی مجدد
      خب این چیزی که شما میخواید با یک خط یا ۲ خط کد ایجاد نخواهد شد و در دسته ی برنامه نویسی پیشرفته می باشد.
      بهتره فایل زیر رو دانلود و ۲ سورس ( ۲ نمونه آزمون ) که داخلش هست رو برررسی نمایید
      دانلود کنید

  21. سلام و عرض ارادت
    ببخشید توی بعضی سایت ها
    یک باکس مشخص همیشه پایین سایت هست و ما
    هر جا از سایت که قرار داشته باشیم اونجا پایین هست
    و مهم نیست کجای سایت باشیم .

    • باسلام و عرض ادب
      از ۲ روش میشه سیستم جستجو ایجاد کرد
      روش اول : استفاده از PHP و پایگاه داده ( که نتایج جستجو از پایگاه داده دریافت شود ) – برنامه نویسی پیشرفته
      روش دوم : استفاده از سیستمی که گوگل در اختیار ما میزاره – یه تکه کد هست که باید توسط خودتون تولید شه و بعدش دیگه وقتی کاربر چیزی با باکس سرچ ، جستجو میزنه نتایج جستجو، از مطالب ایندکس شده سایت خودتون در گوگل نمایش داده خواهد شد.
      یعنی اگه ۱۰۰۰ تا مطلب در سایتتون ارسال کرده باشید ولی فقط ۱۰تاش در گوگل ایندکس شده باشه، پس جستجو بین اون ۱۰ انجام میشه، در نتیجه این نوع جستجو رابطه مستقیمی با تعداد مطالب ایندکس شده سایتتون در گوگل داره.
      بروی این لینک کلیک نمایید ( باید وارد اکانت جیمیل تان شده باشید ) ، بعدش آدرس سایتتون رو وارد نمایید ( باید سایتتون زنده باشه، نکه یه فایل باشه از تو سیستم خودتون ) در نهایت بروی دکمه Create کلیک نمایید و اون تکه کدی که بهتون میده رو بزارید اونجایی از سایتتون که میخواید سیستم جستجو باشه.
      باتشکر

    • باسلام و عرض ادب خدمت شما دوست محترم
      برای ثبت سایت در گوگل باید سایتتون رو در ( گوگل وبمستر یا گوگل سرچ کنسول ) ثبت کنید، کافیه یه تکه کدی که گوگل میده رو در سایتتون قرار بدید، یا هم میتونید یک فایل هست اونو دانلود کنید و در هاستتون قرار بدید.
      در حالت عادی ( یعنی اگه حتی سایتتون رو در گوگل وبمستر ثبت هم نکنید ) بازم میشه مطالب شما در گوگل نمایش داده بشه ولی خب اگه در وبمستر ثبت بشه از هرنظر بهتره ( مثلا میتونید آمار ورودی سایتتون رو از گوگل ببینید، میتونید خطاهای داخل سایتتون ببینید و.. )
      اول اینجا کلیک کنید و وارد صفحه که شدید بروی دکمه آبی ( Start ) کلیک کنید
      بعدش باید وارد جیمیل تون بشید ( یا اگه قبلا وارد شدید دیگه نیاز نیست )
      بعدش باید آدرس دامنه سایتتون بهش بدید ( از بین ۲ آپشنی که بهتون نشون میده ، در باکس سمت راست حالت محدود شده ای هست و وریفای کردنش راحتتره و باید دامنه سایتتون وارد نمایید – باکس سمت چپ روش دیگه ای هست که باید شما به هاستتون دسترسی داشته باشید و بتونید یه رکورد DNS به دامنه تون اضافه کنید ولی این روش، روش کاملتری هست اگه بتونید از این روش استفاده کنید خیلی بهتره )
      روش اولی از سمت راست » بعدش چندین روش مختلف داره که باید از یکیش برای وریفای کردن سایتتون استفاده نمایید ( مثلا اولی میگه یه فایلی دانلود کنید و همون فایل رو آپلود کنید در مسیر روت یا Public_html هاستتون و دومی میگه اون تکه کد رو بزارید بین تگ head قالب سایتتون)
      روش دومی از سمت چپ » وارد هاستتون شوید و از قسمت Domains بروی گزینه Zone Editor کلیک نمایید سپس دامنه سایتتون نشون میده، بروی دکمه Manage کلیک کنید بعدش از سمت راست گوشه بالا بروی گزینه ADD RECORD کلیک کنید و از نوع TXT یک رکورد اضافه کنید و در نهایت اون کدی که گوگل داده بهتون رو در قسمت TXT وارد کنید.

      اگه از روش اولی سمت راستی استفاده کردید : بروی دکمه VERIFY کلیک کنید و باید یه تیک سبز بهتون بده و دیگه تمام. سایتتون در گوگل ثبت شد ( بین ۶ ساعت تا ۱۲ ساعت طول میکشه تا گوگل داده های سایتتون رو فراخوانی کنه )
      اگه از روش دومی سمت چپی استفاده کردید : چون طول میکشه تا DNS ها ست بشن، بهتره بزنید بروی دکمه VERIFY LATER – بعد از یک روز یا کمتر یا بیشتر دوباره بیاید و بزنید VERIFY
      ============
      آموزش گوگل وبمستر با یه خط ۲ خط فایده نداره و خودش آموزش تخصصی داره ولی خب این صرفا برای ثبت سایت در گوگل بود.
      باتشکر

    • باسلام و عرض ادب
      زبان PHP یک زبان قدرتمند سمت سرور ( یا پشت صحنه یا زبان Back End ) می باشد، ولی JS سمت کاربر یا کلاینت می باشد.
      PHP مثلا میتونه بهمراه MySql داده هارو از یک فرم گرفته و در پایگاه داده ذخیره کنه و بعدش داده های داخل پایگاه داده رو فراخوانی کنه.
      دستورات PHP در سورس یک صفحه بعد از تولید ، قابل مشاهده نیست ولی JS قابل مشاهده می باشد.
      دستورات PHP فقط و فقط بروی سرور اجرا میشود ولی JS بصورت حتی آفلاین ( بدون نیاز به اینترنت ) بروی مرورگرها قابل اجرا می باشد.
      دستورات PHP بصورت غیرهمزمان اجرا می شوند ( یعنی اگه ۱۰ تا دستور باشه دونه به دونه اجرا میشه و تا اولی اجرای موفق نداشته باشه دومی اجرا نخواهد شد ) ولی JS بصورت همزمان ( یعنی اگه ۱۰ تا دستور باشه ۱۰تاش باهم اجرا میشن )
      ++++++++
      در مورد وردپرس ، تا JS و PHP و بوت استرپ و واکنش گرایی آموزش داده نشود ، وردپرس آموزش داده نخواهد شد
      باتشکر

    • باسلام خدمت شما دوست محترم
      برای برش زدن تصاویر باید از ویژگی clip-path استفاده نمایید.
      حال خب کدنویسی clip-path یکم شاید براتون اذیت کننده باشه
      در نتیجه میتوانید از سایت زیر بصورت آنلاین برش مورد نظرتون رو روی تصویر بزنید و خروجیشو بگیرید
      مشاهده سایت

    • باسلام و عرض ادب خدمت شما دوست خوبم
      —————-
      در جواب به پرسش تان :
      روش اول ( کلیک کنید )
      روش دوم ( کلیک کنید )
      —————
      در جواب ( ببخشید اجازه دارم سایتتون رو به اشتراک بذارم ؟ ) :
      بله دوست خوبم، خیلی خوشحال میشم سایت خودتون رو به دوستانتون معرفی نمایید یا حتی از مطالب سایت در وبلاگ یا سایت خودتون استفاده نمایید، فقط اگه دوس داشتید لینک منبع رو ذکر نمایید.

  27. سلام و عرض ادب
    ببخشید من میخوام تو سایت کاربر دو تا عدد بده و سایت با هم جمع کنه و خروجی بده
    ولی هر کاری میکنم به جای جمع ریاضی فقط دو تا عدد رو کنار هم قرار میده .
    مثلا اعداد ۱ و ۱ رو ۱۱ نمایش میده.

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

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

    • کمی پیچیدس و با یه خط دوخط فایده نداره
      سورس خدمت شما ( اول دانلود نمایید و فایل فشرده را باز و فایل index را اجرا نمایید )
      برای دانلود کلیک کنید

      ( در ضمن، لطفا همچین پرسش هایی را از طریق ایمیل ارسال نمایید و همونجا هم پاسخ دریافت نمایید، پرسش های نامرتبط تایید نخواهند شد )

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

    • باسلام
      ببینید زبان HTML یه زبان آفلاین هست این ینی شما نمیتونی با HTML خالی یه سایت داینامیک ایجاد کنی.
      ینی با HTML و CSS و JS میتونید هرنوع سایتی که دوس داشتید طراحی کنید میتونید صفحاتتون رو طراحی کنید ولی بصورت دستی باید اینکارو انجام بدید ، ینی خواستید مثلا یه عکس بزارید تو صفحه باید سورس رو بصورت دستی باز کنید و از تگ IMG استفاده کنی و بعد ذخیره.
      ولی اینکه بخواید مثلا یه پنل مدیریتی داشته باشید که بتونید سایت رو مدیریت کنید باهاش (ایجاد و ویرایش یا حذف محتوا بصورت گرافیکی و…) باید از PHP استفاده کرد .
      حال وردپرس صرفا یه سیستمه یا یه نرم افزار که باهاش میتونیم اون کارای (ایجاد و ویرایش یا حذف محتوا و…) رو انجام بدیم در یه کلام با وردپرس میتونید به راحتی یه سایتو ایجاد و راه اندازی کنید‌.

    • باسلام و عرض ادب
      خب این خودش ۲ حالت داره
      ۱ : فقط کاربر بتونه فایل رو انتخاب و بعدش فایل انتخاب شده براش به نمایش درآید. ( سورس )
      ۲ : بتونه فایل رو انتخاب و سپس دکمه ای باشه که بشه باهاش فایل انتخاب شده را در سرور آپلود کرد. ( دانلود سورس ) ( مشاهده دمو )
      + مورد دوم از زبان PHP استفاده میکنه ( یعنی باید حتما روی سرور اجرا بشه در غیراینصورت کار نخواهد کرد )
      + در دمو ، برای مسائل امنیتی حجم فایل آپلودی باید کمتر از ۲۰ کیلوبایت باشه

  35. خیلی ممنون
    فقط یه سوال دیگه هم داشتم :
    اگر بخوایم در همین سورس کد هر بارکه کاربر اپلود کرد یه تگ img ایجاد بشه یعنی
    مثلا اگر کاربر ۳ بار عکس آپلود کرد ۳ تا تگ img ایجاد بشه باید چیکار کرد ؟

  36. سلام.میخواستم بدونم از تگ های html چطور باید استفاده کرد؟منظورم این هست که مثلا از تگ div چه زمانی باید استفاده بشه،یا از تگ span،یا تگ section.زمان استفاده از این تگها برای من معضل شده

    • باسلام و عرض ادب خدمت شما دوست محترم
      خب این خیلی ساده هست چرا که موقع استفاده از این تگ ها به خودتون بستگی داره
      یعنی این شما هستید که باید تصمیم بگیرید از چه تگی مثلا میخواید استفاده کنید
      بفرض مثال شما میخواید یه تصویر درون صفحه قرار بدید خب طبیعتا باید از تگ IMG استفاده نمایید، یا مثلا میخواید یک لینک درون صفحه قرار بدید اینم باید از تگ A استفاده نمایید یا مثلا یه فرم باید از تگ FORM و..
      پس بطور کلی این شما هستید که تصمیم میگیرید از کدوم تگ استفاده و از کدوم استفاده نکنید.
      ===========================
      حال شاید سوال اصلی اینه که من از کجا بدونم که اگه از فلان تگ استفاده کردم ، یعنی به درستی استفاده کردم !؟
      خب شما اگه چندین سایت ( حتی اگه تمامی سایت های موجود در اینترنت ) رو بررسی کنید میبینید که وقتی تصویر تو صفحه بود از تگ IMG استفاده شده وقتی لینک از A و دیگر تگ های HTML .
      فقط میمونه برخی از تگ ها که میتونن روی سئوی سایت ( سئو بطور کلی یعنی نحوه نمایش سایت شما در موتورهای جستجوگری همچون گوگل ) تاثیر بزارند، مثه تگ های تیتر ( H1-H6 ) یا تگ های عبارتی ( Strong , B , Span) که موقع استفاده از این تگ ها باید کمی مراقب باشید چرا که استفاده الکی و بیهوده میتونه به سئوی سایت شما ضربه بزنه.
      مثلا عنوان مطلب باید درون تگ H1 باشه و تیترها ( عناوین ) درون صفحه باید از طریق H2 تا H6 ایجاد شوند، یا مثلا اگه متنی براتون ارزش محتوایی داره باید از Strong استفاده نمایید یا مثلا اگه میخواید فوتر سایتتون رو درست کنید باید از تگ footer استفاده نمایید و همین دیگه چیز خاصی نداره.
      ===========================
      نمونه مثال برای استفاده از تگ های HTML

  37. با تشکر از راهنمایی شما.من فیلمهای آموزشی زیادی دیدم. هر شخصی برای طراحی سایت از روشهای مختلف استفاده میکنه.بطور مثال برای ساخت footer یکی فقط از تگ footer استفاده میکنه،ولی دیگری بغیر از تگ footer در داخل تگ،شاید دو تا سه مرتبه از تگ div استفاده میکنه.هر دو نفر هم به یک نتیجه میرسن.با این شرایط کدوم یکی از این روشها از نظر کدنویسی بهتره؟
    و اینکه برای یادگیری بهتر،شما چه برنامه آموزشی رو پیشنهاد میکنید؟

    • اینکه یکی از چندین تگ div درون تگ footer استفاده میکنه و یکی کمتر یا بیشتر مهم نیست
      تگ div یه تگ طرح بندی هست کلا ، یعنی بطور کلی یه ظرف هست برای نگهداری دیگر تگ های HTML
      یعنی اگه من خواستم یه تصویر بزارم تو صفحه میتونم این تصویر رو بزارم توی یه تگ DIV به همین راحتی
      خب ممکنه من بخوام فوترم رو ۳ ستونه کنم، نمیشه که ۳ تا تگ فوتر رو بزارم داخل یه تگ فوتر ( استاندارد و بهینه نیست )
      پس به راحتی عنصر پدر ( والد ) رو تگ footer میزارم و داخلش دیگه میتونیم از هزارتا div استفاده کنیم ( مثلا برای ۳ ستونه کردن از ۳ div استفاده میکنیم )
      حال ما چندین تگ داریم که بهشون میگیم تگ هایی معنایی ( یعنی وقتی ازشون استفاده کنیم داریم یه معنی و مفهومی رو میرسونیم به مرورگرها یا موتورهای جستجوگر ) که این تگ های معنایی تگ های زیر هستند :

      • تگ Header
      • تگ main
      • تگ section
      • تگ aside
      • تگ article
      • تگ footer

      یعنی اگه من خواستم هدر سایت رو طراحی کنم، خب ۲ حالت دارم یا میتونم کلا از div استفاده کنم بدون اینکه اصلا از header استفاده کنم یاهم میتونم از header ( به عنوان تگ والد یا پدر ) استفاده کنم و داخلش کلی تگ div استفاده کنم، که این بهینه تره و برای بحث سئو مناسب تره.
      یا مثلا برای سایدبار ( ستون های کناری سایت ) هم همینطور، میتونم یا کلا از div یا هم پدر رو aside بزارم وداخلش از div های مختلف استفاده کنم.
      ============
      حالا فرق اینکه من کلا از div استفاده کنم یا نه مثلا برای هدر از header چیه؟ آیا تاثیری داره؟
      از نظر سئو و بهینه بودن کدها و استاندارهای کدنویسی بله مهمه و تاثیر داره ، یعنی وقتی من از header استفاده کنم مرورگر و موتورهای جستجوگر اینو میتونن متوجه شن که این قسمت هدر سایت هست یا فلان قسمت فوتر هست. پس این معنا که میگیم منظور همینه که مرورگرها یا موتورهای جستجوگر متوجه شن.
      یک مثال از نحوه استفاده از تگ های header و فوتر ( میبینید مثلا هدرمون ۳ ستونه هست یا فوتر ۲ ستونه و.. ) ( مشاهده مثال )
      ============
      برنامه آموزشی پیشنهادی بنده : تاجایی که میشه سعی کنید از تگ ها ( مثه همین تگ های معنایی ) بصورت صحیح استفاده نمایید که کدنویستون استاندارد و بهینه باشه و اینکه برای تمرین خودتون به خودتون پروژه بدید، مثلا بگید یه چیزی طراحی کنیم که هدر و فوتر داشته باشه بعد مثلا ۳ ستون داشته باشه که ستون وسط رو محتوا بزارم و ستون های بغل رو یسری لینک و… بعد از HTML باید CSS رو یاد بگیرید و بعدش JavaScript رو.

    • با سلام و عرض ادب
      خب سایت و قالب که زیاده و خداداده ( ولی معمولا قالب ها ساده نیستن ) و بیشتر به سمت حرفه ای هستند ( که البته اگه شما HTML و CSS رو بلد باشید طبیعتا مهم نیست حرفه ای بودنش )
      برخی از این سایت ها :
      قالب ساده ( مناسب تازه کارها ) ( کلیک کنید )
      قالب های حرفه ای ( شماره ۱ – شماره ۲ – شماره ۳ )

  39. سلام جناب اسدی.من عذرخواهی میکنم انقدر مزاحم شما میشم.مشکل من اینه که نمیدونم از تگ های html به چه صورت باید استفاده کنم.نمیدونم کجا باید مثلا از تگ section یا کجا از تگ article استفاده کنم.یه مقدار تشخیص قالب برای من سخته و این داره منو کلافه میکنه

    • باسلامی مجدد خدمت شما دوست خوبم
      نه خواهش میکنم ، هیچگونه مزاحمتی نیست و هرموقع هرسوالی چیزی داشتید حتما بپرسید
      خب من سعی میکنم بطور کامل توضیح بدم که دیگه یکبار برای همیشه شما این جریانات رو متوجه شید پس لطفا خوب توجه نمایید.
      ==============
      قبل از هر چیزی اینو شما بدونید که میتونید تمامی بخش های داخل صفحه ( مثلا هدر ، فوتر ) رو با تگ div طراحی کنید ( بدون حتی اگه تگی همچون header یا footer استفاده نمایید ) و از این بابت هیچگونه محدودیتی وجود ندارد، یعنی هیچ مشکلی از این بابت نیست که بخواید با div تمامی بخش هارو طراحی کنید.
      اوایل طراحی وب ، از جدول استفاده میکردن ( یعنی هنوز div نیومده بود ) یعنی مثلا همین هدر و فوتر اینارو با جدول ( تگ table ) طراحی میکردند.
      یکمی بعدتر دیگه div اومد دیگه گفتن آقا استفاده از table بهینه و استاندارد نیست پس باید از div استفاده نمایید.
      دوباره کمی بعدتر تگ های معنایی ( منظور همون header و footer و… ) اومدن و دوباره دیگه گفتن برای بحث استاندارد و بهینه بودن بهتره که از تگ هایی معنایی استفاده بشه.
      ==============
      مثلا من بخوام هدر رو طراحی کنم دیگه از تگ معنایی header استفاده میکنم ( ولی خب دیگه داخل همین تگ هدر من میتونم کلی تگ div استفاده کنم و این هیچ مشکلی نداره ) مهم اون تگ پدر هست که از header استفاده کردم.
      یعنی مرورگر یا موتورهای جستجوگر وقتی ببینن یه تگ header هست دیگه میگن آقا این بخش هدر سایت هست ( مرورگر بیچاره یا موتورجستجوگر مثه گوگل اونا که چشم ندارند ببین بگن مثلا این هدرش هست این فوتر و… ) پس با استفاده از این همین تگ های معنایی میتونن متوجه بشن.
      پس اصل اول برای استفاده از این تگ های معنایی ( اینه که مرورگرها یا موتورهای جستجوگر بتونن کدهای قالب رو به بهترین حالت ممکن تجزیه و تحلیل کنن )
      وگرنه شما بیا برو کلا با div طراحی کن مشکل نداره که ، فقط دیگه همون بحث بهینه بودن هست و اینکه مثلا مرورگرها متوجه کدها بشن و از این حرفا که معمولا دیگه باید از تگ های معنایی به درستی استفاده بشه.
      ==============
      شما حتما چندین ( بیش از ۵ ) قالب رو بررسی کنید و کدهاشو ببینید ، میبینید که در همشون حداقل بیش از ۵۰۰ تگ div استفاده شده ( چون گفتیم تگ div یه تگ طرح بندی هست ) یعنی اگه من خواستم در فوتر ۴ ستون ایجاد کنم خب از ۴ تا div استفاده میکنم، دوباره میتونم در هر یک از ستون ها باز از div استفاده کنم و همینجور تا بره ، و این هیچگونه محدودیتی برای ما نداره.
      دوباره اگه کدهارو بررسی کنید میبینید که تگ های header و footer و nav و section و article استفاده شده ، که هرکدومم مشخصه برای چه کاریه ( هدر = header و footer = فوتر و nav = منوی اصلی سایت و section = یک بخش ( که این بخش میتونه مثلا گالری تصاویر ، تماس با ما ، درباره ما و.. باشه ) و article = یعنی مطلب ، پست که قراره تو سایت ارسال بشه )
      ==============
      شما فقط کافیه تگ پدر ( یا والد ) رو از تگ های معنایی بزارید ، مثلا خواستید فوتر بزارید خب خیلی راحت تگ footer ایجاد میکنید و دیگه داخلش هرچی دوس داشتید ( مثلا میخواید ۲ ستونه باشه و… ) پس فقط شما تگ والد رو معنایی بزارید.
      ==============
      حال برای تمرین شما همین الان یه صفحه طراحی کنید ( برام مهم نیست مثلا منو چجوری باشه یا چه رنگی و از این حرفا ) فقط میخوام ببینم که از تگ ها به چه شکل استفاده میکنید، یعنی فقط اسکلت رو ایجاد کنید و فایلش رو برای بنده به ایمیل ارسال نمایید که ببینم و مشکلات رو با همدیگه رفع کنیم. ( قرار نیست شما الان بطور کامل تمرین رو حل کنید اگه اینجوری بود پس چرا سوال پرسیدید، پس نگران نباشید و تمرین رو انجام بدید و بفرستید برای بنده ) تمام اونچیزی که در ذهنتون هست و تا الان یاد گرفتید تو تمرین پیاده کنید، مثلا تا الان یاد گرفتید که هدر رو چجوری طراحی کنید همین رو ایجاد و برای بنده ارسال نمایید.
      تا بطور کامل مشکلتون حل نشه من شمارو رها نخواهم کرد.

  40. خب پس با این وجود شما هنوز بطور کامل با وردپرس آشنا نیستید – اجازه بدید بنده توضیح نسبتا کاملی ارائه بدم در مورد وردپرس.
    کلا نمیتونیم بگیم وردپرس بهتر از HTML هست و این جمله کلا اشتباهه

    مثلا شما الان با HTML و CSS یه قالب طراحی کردید ، خب باشه اینو میزاریم کنار، فرض مثال شما میخواید یه فرم نظرات ایجاد کنید که کاربران بتونن براتون نظر ارسال کنن؟ با HTML و CSS خب ظاهر فرم رو طراحی میکنید، عملیات دریافت نظر و ذخیرش در سایتتون رو میخواید چکار کنید؟؟
    با HTML و CSS که دیگه نمیشه، اینجاس که PHP میاد وسط ، و با استفاده از PHP و پایگاه داده MYSQL میشه دیگه عملیات دریافت و ذخیره را انجام داد.

    حال شما با HTML و CSS و نهایت JS فقط یه سایت استاتیک دارید ( بدون قابلیت ارسال نظر ، ایجاد مطلب و.. ) ولی وقتی PHP هم بیاد وسط ( یعنی HTML , CSS , JS , PHP ,MYSQL ) میتونید دیگه یه سایت داینامیک داشته باشید.

    خب کمی قبلتر ( مثلا ۱۵ سال پیش ) اکثر سایت ها استاتیک بودن ( یعنی فقط با HTML و CSS و نهایت JS ) و اگه کسی میخواست یه سایت داینامیک ( که مثلا توش مطلب ارسال کنه ، نظرات رو دریافت و ذخیره و… ) داشته باشه باید هزینه سنگینی میکرد تا یه سایت داینامیک براش کدنویسی کنن.

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

    پس در کل نمیتونیم بگیم وردپرس از HTML بهتره ، چون خوده وردپرس از ترکیب HTML و CSS و JS و PHP ایجاد شده. امیدوارم که بطور کامل متوجه این جریان شده باشید، ولی اگه بازم سوالی هست حتما بپرسید.
    ( قالب فری لرن – نیوزپیپر NewsPaper می باشد )

  42. سلام خسته نباشید ببخشید که چند وقته مزاحمتون میشم ولی واقعا اطلاعاتتون در زمینه برنامه نویسی وب محشره
    یه سوال داشتم : انتخاب گر تگ select در جاوااسکریپت چیه ؟
    منظورم اینه که اگه کاربر این option رو انتخاب کرد فلان کار انجام بشه یا اگه یه option دیگه رو انتخاب کرد یه کار دیگه انجام بشه
    ============================================
    ممنون که جواب میدید

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

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

    • باسلام و عرض ادب خدمت شما دوست محترم
      اگه منظورتون اون صفحاتی هست که در فری لرن داخلشون ابزار ( مثلا تبدیل PX به …. ) قرار گرفته
      خب روش ها مختلف هست

      روش اول : اینکه بیاید و همه ی فایل هاتون رو در وردپرس تعریف کنید ( فایل های JS و CSS ) و بعدش دیگه بصورت مستقیم در وردپرس میتونید استفاده کنید
      روش دوم ساده تره : خیلی راحت با استفاده از تگ های Iframe یا object میتونید اون صفحه یا فایل رو در وردپرس فراخوانی کنید بدون اینکه بخواید در وردپرس فایل هارو تعریف کنید
      یعنی خوده فایل جداست و میایم با استفاده از iframe اون فایل فراخوانی میکنیم درون یک صفحه ( حالا میخواد صفحه وردپرس باشه یا html یا…. )

      مثال از تگ iframe
      مثال از تگ object

      نکته : استفاده بیش از اندازه از iframe پیشنهاد نمیشه و سعی کنید زیاد روی نکنید.

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

      وقتی سایت بروی هاست قرار گرفت و دامنه هم وصل بود و همه چی اوکی بود و در مجموع سایت آنلاین بود، اونوقت بعد از ۱هفته شایدم خیلی کمتر شایدم بیشتر ( این قابل تضمین یا پیش بینی نیست ) سایتتون با همون اسمی که داره در گوگل قرار میگیره.

      علاوه بر اینکه خودش میاد تو گوگل، بهتره سایتتون رو در گوگل ثبت کنید. باید وارد گوگل وبمستر یا سرچ کنسول بهش میگم واردش شید و سایتتون رو توش ثبت کنید، اینجوری در واقع سایت رو به گوگل معرفی میکنید.

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

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

  49. سلام وقت بخیر
    ببخشید من یک سوالی در مورد جاوااسکریپت داشتم :
    من میخواستم متدی مثل replace را اجرا بکنم که همه کاراکتر ها را جایگزین نکنه مثلا : “من به مدرسه و به پارک میروم”
    این جمله را فقط “به” اولش را جایگزین کنه و اون یکی را کاری نداشته باشه
    با تشکر 🙂

    • باسلام
      پرسشتون نامرتبط می باشد و بعد از مدتی حذف خواهد شد
      لذا میتوانید به این شکل استفاده نمایید :

  51. سلام و وقت بخیر
    ممنون میشم وقتتون رو دراختیارم بگذارید🙏

    من وقتی فایل html رو دابل کلیک میکنم باز میکنم فونتا درستن
    اما چون فایل php داریم که بهش پیوست شده یعنی لینکش کردم داخل فایل html
    وقتی با سرور باز میکنم
    یعنی توی مرور گر
    Localhost/….
    میزنم فونت اینجوریه😞 ⁦⁦ಠ∀ಠ⁩⁦ಠωಠ⁩⁦ಠ ͜ʖ ಠ⁩⁦ಠ ೧ ಠ⁩⁦ಠ_ʖಠ⁩⁦ಠಗಠ⁩⁦ಠ∀ಠ⁩⁦ಠ﹏ಠ⁩⁦ಠಗಠ⁩

    میشه کمکم کنین😔🙏

    • باسلام و عرض ادب
      تکه کدی که همیشه میتونه این مشکلات رو حل کنه متای charset هست :

      حال شما این تکه کد رو هم در فایل php و هم در فایل html تون قرار بدید.
      باید این تکه کد رو در بین تگ head قرار بدید.

      مثال برای استفاده در فایل php

      لطفا امتحان کنید و حتما اطلاع بدید که آیا مشکل حل شده یا نه؟؟
      در ضمن و لطفا بهتره با ایمیل FreeLearn20181@gmail.com در ارتباط باشید.
      باتشکر

  52. سلام. آیا در html دستوری برای بسته شدن صفحه وجود دارد؟ مثلا صفحه ای که باز میشود بعد از ۵ دقیقه بسته شود. ممنون میشم اگر سوال من رو جواب بدید

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

      مشاهده مثال

  53. می‌خواستم روی صفحه‌ام یک تایمر معکوس نصب کنم و از کد زیر استفاده کردم. تایمر مورد نظرم ایجاد میشه و کار می‌کنه اما سرعت ثانیه‌هاش، خیلی زیاده و تقریبا نصف ثانیه واقعیه. مشکل از کجاست؟

    مشکل از کجاس؟ شما پیشنهاد بهتری دارید؟

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

  55. سلام آقای اسدی. امیدوارم حالتون خوب باشه.
    ببخشید، اگه میشه یک سر به سایت “کد آکادمی” بزنید، اگر موس خودتون رو روی دوره های آموزشی ببرید، می‌بینید که یک حالت افکت داره، یکم سایه دار می‌شه و موقعیتش تغییر می‌کنه.
    من خیلی تلاش دارم چند تا از آیتم های سایتی که قراره بنویسم رو اونجوری درست کنم، ولی هر کار کردم نشد.
    برای آیتم هام در HTML از “div” استفاده کردم و در CSS، Display رو در حالت inline-table قرار دادم. ولی نشد اگه می‌شه راهنمایی کنید.

    • باسلام و عرض ادب
      عذرخواهی میکنم از بابت دیرجواب دادن ( متاسفانه چند روز پیش داییم رو از دست دادم )

      بطور کلی بخوام بگم، شما باید اول بتونید یک ظرف برای نگهداری آیتم هاتون ایجاد کنید بعدش دیگه برای آیتم ها مثلا بگید وقتی ماوس رفت روش فلان شه و ….
      مشاهده سورس کد

      باتشکر

  56. سلام. من میخوام چندتا متغیر عددی تعریف کنم که با هر مراجعه از طرف هر کاربری، تغییر کنن (مثلا یک واحد بهشون اضافه بشه). به نظرم نیاز به دیتا بیس دارم. شما میتونید مثل هربار کمکم کنید؟

    • باسلام و عرض ادب
      اول اجازه بدید کمی توضیح

      بطور کلی همونطور که خودتونم میدونید برای نگهداری یا ذخیره داده ها بصورت دائمی ( همیشگی و با قابلیت دسترسی به داده ها توسط مدیریت و ذخیره در سمت سرور ) خب باید از پایگاه داده ها استفاده کرد، یعنی ما برنامه ای مینویسیم که وقتی کاربر وارد صفحه شد، ۱دونه به متغیر اضافه شه ( در واقع این میشه برنامه ای که بتونه تعداد بازدید از صفحه رو بشماره ) پس متغیر برای اولین بار مقدارش رو میتونیم بزاریم ۰ یا ۱ یا حالا هرچی، و وقتی هر کاربری بصورت مجزا وارد صفحه شد یه دونه به متغیر اضافه میشه ( یعنی اگه متغیر ۰ بود میشه ۱ و اگه ۱ بود میشه ۲ و… ) و باید وقتی اضافه میشه دیگه بعدش در پایگاه داده ذخیره بشه که بعدا بتونیم دوباره فراخوانیش کنیم.

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

      مثال استفاده از LocalStorage : ( برنامه ای که هربار صفحه رو رفرش کنید ۱دونه به متغیر اضافه میکنه )
      مشاهده مثال

      • راستش چیزی که در واقع میخوام اینه:
        روی دیتا بیس، چند تا متغیر عددی داشته باشم که هر یوزری صفحه رو باز کرد، توو کدی که روی مرورگرش اجرا میشه، اون متغیر ها از دیتا بیس خونده بشه، یه عملیاتی بر اساس مقدارشون انجام بشه، بعد یک واحد بهشون اضافه بشه و مجددا روی دیتا بیس ذخیره بشن. همین عملیات برای یوزرهای بعدی انجام بشه. یعنی در هر دسترسی، متغیر مورد نظر از دیتابیس خونده بشه، بعد مقدار جدیدش در دیتا بیس ذخیره بشه. واقعا گیر افتادم. شما میتونید راهنماییم کنید یا حتی برام انجام بدید؟

  57. سلام
    من می خواهم در یک سند html یک عکس رو قرار بدهم که قفط یه بخش از آن لینک داشته باشد با استفاده از تگ map ولی هر چه سعی می کنم این انتقال نمی افته چه کار کنم

    • باسلام و عرض ادب
      پیغام شما دریافت شد
      با زبان html به تنهایی نمیشه و قدرت شو نداره و باید از زبان های برنامه نویسی مثه جاوااسکریپت کمک گرفت

      مثال ساده : وقتی متن داخل تگ Salam بود رنگ زمینش نارنجی میشه و اگه متن چیز دیگه ای بود رنگش مشکی میشه
      مشاهده مثال

      مثال پیشرفته : چیزی که مدنظر شماست در واقع کاربردش در همین مثاله
      وضعیت کاربران رو مشخص میکنه
      میگرده و تمامی کاربرانی که وضعیتشون ” فعال ” هست رنگ زمینه شون رو سبز میکنه و اگه فعال نبود رنگ قرمز
      مشاهده مثال

      باتشکر

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

    • سلام و عرض ادب خدمت شما دوست خوبم امیدوارم که حالت خوب باشه 🌹🌹🌹
      خیلی ممنونم از لطفتون و خیلی خوشحالم که سایت براتون مفید واقع شده
      ایشالا و توکل به خدا اول سلامتی بعدش موفقیت رو براتون آرزو دارم 🌹🌹❤️❤️
      هرموقع خدایی نکرده مشکلی، سوالی چیزی داشتی حتما بهم بگو
      یاعلی

  60. با عرض سلام و خسته نباشید
    من می خواستم یک حالت پرسش و پاسخ درست کنم.. برای مثال وقتی رو پرسش کلیک می کنی پاسخش در زیرش باز شه و در همون صفحه بیاد.. ممنون می شم کمکم کنید

  61. سلام ممنون از سایت شما🤍
    ایا المنت ها بطور پیش فرض padding و margin دارند؟
    در واقع سوال من این هست که چرا اول استایل خود از
    * {
    margin: 0;
    padding: 0;
    }
    استفاده میکنیم؟ بخاطر اینکه بطور پیش فرض المنت ها margin و padding دارند؟

    • باسلام و عرض ادب
      بله بصورت پیش فرض اکثر ( میشه گفت همه ) تگ ها استایل پیش فرض دارند
      حالا یکی ممکنه پیش فرض فقط padding داشته باشه و دیگری background و یا border و…
      بفرض مثال تگ b بصورت پیش فرض ویژگی font-weight رو داره. ( مشاهده نمایید )

  62. سلام باتشکر از زحمات شما
    من تازه آموزش رو با سایت شما شروع کردم و کاملا تازه کارم یه برنامه نوشتم که در اون دوتا صفحه هست با کلیک روی یه لینک وارد صفحه هم دیگه میشن مشکل اینجاست که در کامپیوتر برنامه مشکلی ندارد ولی در موبایل لینک ها کار نمیکنن همچنین فایل هایcssهم کار نمیکنن با کمی گشتن تو اینترنت ظاهر مشکل آدرس دهی هست آیا آدرس دهی در موبایل فرمت خاصی داره یا باید در موبایل کد برنامه در جای خاصی کپی بشه
    با تشکر

    • باسلام و عرض ادب
      امیدوارم که حالت خوب باشه
      =================================================
      بطور کلی نه فرقی نمیکنه، یعنی آدرس دهی در موبایل با کامپیوتر فرقی نمیکنه
      مهم اینه که خوده آدرس دهی رو به درستی انجام داده باشی
      مثلا اینکه آدرس مطلق باشه یا اینکه آدرس نسبی باشه خب فرق میکنن باهم ( آموزش آدرس دهی فایل ها )
      =================================================
      فرض میکنیم من رو کامپیوترم یه پوشه دارم به اسم my-site
      حال داخل این پوشه مثلا ۲ تا فایل HTML دارم به نام های page-1.html و page-2.html
      حالا اگه من بخوام از page-1 به page-2 لینک بدم خیلی راحت در صفحه page-1 یه لینک درست میکنم با این آدرس :

      خب تموم شد رفت، وقتی روی لینک کلیک بشه میره به page-2

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

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

  63. با سلام مجدد بسیار تشکر بابت اینکه زحمت کشیدید و در اسرع وقت پاسخ دادید
    بنده تمامی موارد بالا را که شما اشاره نمودید مطالعه کردم و در به کارگیری دقت لازم را کردم ولی مشکل اینجاست که اگر ادرس یا کد اشتباه بود در pc هم نباید اجرا میشد در صورتی که برنامه در pc بدون مشکل کار میکنه هم فایل های css رو میشناسه واعمال میکنه و هم لینک ها رو بنابراین مشکل باید از جای دیگه ای باشه بنابراین تا این جا دوتا مشکل هست یکی لینک ها و دیگری نخوندن فایل های css و احتمالا در اینده نخوندن فایل های js(البته فقط در موبایل و تبلت) لطفا اگر نظر و راه حلی دارید ممنون میشم راهنمایی کنید.

  64. سلام و خسته نباشید ممنون از سایت خوبتون، من کمی مبتدی هستم پس اگر قسمتی از سوالم اشتباه است متاسفم… من به تازگی در HTML وب سایت طراحی کردم و به عنوان یک فایل با پسوند .html الان در فایل های من قرار دارد و می‌دانم که این فقط برای من قابل نمایش هست و در واقع یک وبسایت به حساب نمیاد، چگونه باید این رو تبدیل به یک وب سایت عمومی با لینک یا دامنه اختصاصی تبدیل کنم که هرکس در گوگل سرچ می‌کند سایت من برای اون قابل مشاهده باشد؟ و این که اگه مربوط هاست یا هرچیز دیگری هستش لطفا توضیح بدید که چی هستن، با سرچ های مختلف به جوابم نرسیدم ممنون میشم شما کمکم کنید.

  65. سلام ممنون از اموزش خوبتون.
    اگر بخواییم یه فیلد بزاریم و کاربر اگر توش وارد کرد مثلا ۱۲۳۴۵ و اینتر کرد این مقدار وارد شده ۱۲۳۴۵ رو به بخشی از ادرس وب اضافه کنه و باز کنه.
    مثلا ادرس هست www. test .com
    وقتی ۱۲۳۴۵ رو در فیلد وارد میکنه و اینتر میکنه ادرس www. test .com/12345 باز بشه

  66. سلام اول از همه دست خوش
    دویت عزیز یک سوال برام پیش اومده بعضی از صفت ها دارای استایل و متن از پیش تعریف شده هستند مثل صفت required چطور اینو سفارشی کنم ممنون

    • سلام و عرض ادب
      یسری چیزا پیش فرض مرورگر هستن یعنی واکنشی که دارن از سمت مرورگر هستش، مثه مثلا صفت title که وقتی ماوس چند لحظه روی عنصر وایمیسه مقدار صفت title رو نشون میده، یا مثلا همین صفت required و… اینا یسری چیزای تعریف شده و پیش فرض مرورگرها هستن ، نکه نشه تغییرشون داد ، میشه در مجموع از طریق یسری ترفندها تغییراتی ایجاد کرد ولی بازم این برای شما فایده نداره چون شما باید مطمعن تر کدتون رو بنویسید
      مثلا ممکنه آره یه ترفندی باشه بشه تغییراتی روی required زد ولی باز ممکنه این تغییرات فقط در یک یا چند مرورگر اعمال بشه و خیلی مسائل و مشکلات دیگه
      پس باید مطمعن تر کدزد، حالا منظور از مطمعن تر ، یعنی مثلا برای اعتبار سنجی باید از js استفاده کنید و پیغام هاشو و استایل شو وهرچی داره رو بطور دقیق مشخص کرد
      مثال از اعتبارسنجی فرم با استفاده از جاوااسکریپت
      آموزش کامل اعتبارسنجی فرم ها در جاوااسکریپت
      باتشکر

    • باسلام
      مسئله اینه که شما باید اول بدونید دقیقا وردپرس چیه؟
      وقتی متوجه شدید که وردپرس چیه بعدش خیلی راحت میشه به سوالتون پاسخ داد
      خوده وردپرس خب با html,css,js,jquery,php ایجاد شده

  68. سلام وقت بخیر من یه هدر برای سایتم طراحی کردم فقط دنبالی یه تگی می گشتم که وقتی تو صفحه مورد نظر هستم رنگ گزینه مربوط به هدر قرمز بشه، مثلا وقتی تو homeهستیم رنگش قرمز بشه وقتی میریم توshop رنگ shop قرمز بشه ممنون از شما تشکر فراوان

  69. سلام وقتتون بخیر خدایی دمتون گرم ،من htmlوcssرو تو سایت خودتون خوندم ،این سوالم نمیدونم واسه کجاست واسه همین اینجا میپرسم ،ساید بار سایت خودتون رو چطور نوشتین.

  70. سلام وقتتون بخیر و مرسی از سایت خوبتون

    من یه مشکلی که دارم اینه که وقتی دستور style مینویسم برای همه تگ ها اعمال میشه
    مثلاً دو تا تگ table دارم و دو تا تگ style
    چطوری باید به هر تگ table یک تگ مشخص style بدم؟

  72. سلام وقت بخیر
    ببخشید یک فونت خاصی رو در اینترنت اپلود کردم و می خوام از طریف کد داخل متن html، اون فونت رو برای کل متن قرار بدم.
    یعنی داخل html لینک بدم به اون فونت بدون اینکه لینک بدم به کد css چه خارج از html و چه داخل html. از css نمی خوام استفاده کنم. با توجه به جستجو در اینترنت، فهمیدم این نوع از تغییر فونت قدیمی شده اما لازم دارم. ***لطف می کنید کد اون رو بنویسید.***
    مثلا فونت ایران نستعلیق زیر که اپلود شده.
    https://s6.uupload.ir/filelink/QNOD6kmRnd9f_ce813ef252/irannastaliq_d_zcf.ttf

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

پرسش تان را ارسال نمایید

لطفا متن پرسش تان را وارد نمایید.
لطفا نام تان را وارد نمایید.