پرسش و پاسخ – نحوه ایجاد فایل HTML

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

پرسش و پاسخ - نحوه ایجاد فایل HTML

Free-Learn

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

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

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

Free-Learn

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

Free-Learn

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

19 پرسش و پاسخ

  1. از طریق چه نرم افزارهایی میشه یک فایل HTML طراحی کرد؟ یا بطور کلی چه نرم افزارهایی هستند که با استفاده از آنها میتوان دستورات HTML رو نوشت؟

    • نرم افزار برای طراحی صفحات وب و بطور کلی برای نوشتن دستورات HTML و یا حتی دیگر زبان ها مثله (..,CSS,PHP) نرم افزارهای بسیار زیادی امروزه وجود دارند.
      نرم افزارهایی همچون :
      Adobe Dreamweaver
      Microsoft Expression Web
      ++NotePad
      و…
      یا ساده ترین آنها نرم افزار NotePad موجود در ویندوز می باشد، ولی اگه تمایلی به استفاده از نوت پد ویندوز نداشتید پیشنهاد میکنم از ++NotePad استفاده نمایید چون هم حرفه ای هست و هم سبک و کم حجم

  2. چرا باید در هنگام ذخیره ی دستورات HTML در نرم افزار NotePad ویندوز در قسمت Encoding گزینه UTF-8 را انتخاب نماییم؟ اگه این گزینه رو انتخاب نکنیم چه اتفاقی می افتد؟

    • برای اینکه تست کنید و عملا خودتون ببینید چه اتفاقی می افته، یکبار در هنگام ذخیره دستورات در قسمت Encoding گزینه UTF-8 را انتخاب نکنید و فقط ذخیره کنید.
      بعدش فایل تون رو در مرورگر باز کنید، به احتمال خیلی زیاد (۹۹٫۹۹درصد) اگه از دستورات فارسی در فایل تون نوشته باشید اون دستورات در مرورگر بصورت عجیب غریب یا بصورت حروف ناخوانا نمایش داده می شود..
      پس برای اینکه اگر از متن فارسی استفاده کردیم و این متن در مرورگرها بصورت صحیح نمایش داده شود باید در قسمت Encoding گزینه UTF-8 را انتخاب نماییم.

  3. آقا من از نرم افزار NotePad ویندوز استفاده نکردم، از دیگر نرم افزارها استفاده کردم ولی وقتی میخوام صفحه ی HTML مو درون مرورگر ببینیم باز حروف بصورت ناخوانا نمایش داده میشود؟ مشکل چیه؟

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

      برای مشاهده مثال عملی لطفا اینجا کلیک نمایید.

    • باسلام و عرض ادب
      امیدوارم که حالتون خوب باشه
      این قاعده که شما میگید، بهش میگیم سیستم یا تاکتیک گرید بندی (Grid)
      هدف اصلی استفاده از این تاکتیک برای قابل انعطاف کردن قالب سایت هست
      خب یعنی چه ؟ قابل انعطاف بودن یک سایت
      یعنی اینکه اون سایت یا قالب بتونه در اندازه های مختلف صفحه نمایش خودشو وفق بده و بهترین حالت نمایش رو داشته باشه.
      خب حالا همین وفق دادنه میشه قابلیت واکنش گرایی یا ریسپانسیو بودن یک سایت.
      پس بطور کلی ما از گرید بندی استفاده میکنیم تا قالبی واکنش گرا داشته باشیم به همین راحتی.
      باز فقط ۱۲ ستون نیست، یعنی بسته به اون طراح میتونه از ۱۶ ستون یا ۲۴ و یا بیشتر و کمتر استفاده کنه.
      الان در حال حاضر فریم ورک بوت استرپ از همین گرید بندی داره استفاده میکنه.(مشاهده سیستم گرید بندی بوت استرپ)
      باتشکر

  4. با درود و وقت بخیر مرسی از آموزش خوب شما، دستور العمل HTML را در Notepad ویندوز نوشته ام و ذخیره کرده ام ولی هروقت باز می کنم همان دستورالعمل ها می آید و نمی دانم چگونه به اجرا دربیاورم مرسی از راهنمایی شما

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

    • با سلام و عرض ادب خدمت شما دوست محترم
      امیدوارم که حالتون خوب باشه
      آموزش کامل ریسپانسیو یا واکنش گرایی به زودی ( بعد از اینکه آموزش ویژگی های CSS و انتخابگرها و شبه عناصر و شبه کلاس ها تموم بشه ) در سایت قرار خواهد گرفت.
      حال برای اینکه فعلا کار شما راه بیوفته، بطور کلی و خلاصه مواردی رو خدمتتون ارائه میدم که میتونه کمکتون کنه، همچنین در آخر یه مثال آنلاین هست که میتونید مشاهده نمایید.
      —————–
      قدم اول برای واکنش گرایی صفحه باید از تکه کد زیر در قسمت HEAD صفحه وبتون استفاده نمایید

      —————–
      قدم دوم استفاده از ویژگی box-sizing هست، برای اینکه اندازه عرض و ارتفاع عناصر از اندازه های Padding و border خودشون تفکیک بشن. ( اطلاعات بیشتر در این مورد )

      —————–
      قدم سوم برای واکنش گرایی تصاویر

      —————–
      قدم چهارم استفاده از دستور media@ برای اینکه مشخص کنیم مثلا اگه صفحه اندازش کمتر از ۵۶۰ پیکسل شد تو فلان عنصر را به اینصورت نمایش بده

      حال برای مشاهده مثال آنلاین لطفا اینجا کلیک کنید. ( برای مشاهده عملکرد لطفا صفحه مثال را تغییر اندازه دهید )

        • باسلامی مجدد
          خب واحدهایی مثه پیکسل (px) یا پوینت (pt) در دسته ی واحدهای مطلق یا ثابت هستند
          حالا منظور از مطلق بودن یعنی مثلا شما اندازه عرض یه باکس رو ۲۰۰ پیکسل میزارید خب این ۲۰۰ پیکسل در هر حالتی ۲۰۰ پیکسل هست، یعنی میخواد صفحه نمایش ۱۲۰۰ پیکسلی باشه یا ۵۰۰ پیکسلی در هر صورت اون ۲۰۰ پیکسل ثابت هست.

          ولی اندازه های نسبی مثه درصد (%) یا em اندازه های واکنش گرا هستند، مثلا اگه بگیم این باکس ۳۰ درصد عرضش باشه خب اون باکس در صفحه نمایش (حالا میخواد ۱۲۰۰ پیکسلی باشه یا ۵۰۰ پیکسلی) در هر صورت فقط ۳۰ درصد از اندازه کل عرض اون صفحه نمایش رو بخودش اختصاص میده

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

  5. سلام من خیلی به ساخت سایت علاقه مندم .
    اما ببخشید چطور میشه توی سایت کاربران پیام بدن و پیامشون به دست صاحب سایت برسه .
    در واقع چیزی مثل همین چیزی که شما درست کردید .
    که میتونیم پیام بدیم

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

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

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