نحوه طراحی در سایت

فهرست مطالب:

نحوه طراحی در سایت
نحوه طراحی در سایت

تصویری: نحوه طراحی در سایت

تصویری: نحوه طراحی در سایت
تصویری: 😍 آموزش گام به گام طراحی و ساخت سایت از صفرتا صد - به صورت کاملاً رایگان 2024, ممکن است
Anonim

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

چگونه می توان نقاشی در سایت ایجاد کرد
چگونه می توان نقاشی در سایت ایجاد کرد

لازم است

  • - سایت خود
  • - نقاشی قرار داده شده در سایت
  • - بدانید کد HTML چیست

دستورالعمل ها

مرحله 1

برای ایجاد تصویر در سایت ، تصویر را در ذخیره سازی فایل سایت بارگذاری کنید. پرونده ها را می توان با استفاده از "مدیر پرونده" یا از طریق ftp در سایت بارگذاری کرد. برای راهنمایی های خاص در مورد بارگذاری پرونده ها ، با ارائه دهنده میزبانی خود تماس بگیرید (هر کس سایت شما را میزبانی می کند).

گام 2

پس از بارگیری تصویر ، از لینک آن مطلع شوید. پیوند به تصویر شما به این شکل خواهد بود: http: ⁄ ⁄ website / img1.jpg. اگر عکسی در اینترنت پیدا کرده اید و پیوند آن را می دانید ، مطمئناً می توانید از چنین پیوندی استفاده کنید. اما بهتر است این تصویر را ذخیره کرده و از طریق "مدیر پرونده" در سایت خود بارگذاری کنید ، زیرا وقتی عکسی را از سایت دیگری حذف می کنید ، در منبع شما نیز نمایش داده نمی شود.

مرحله 3

وقتی پیوندی به عکس مورد نظر خود دریافت کردید ، آن را بین نقل قول های کد HTML زیر جای گذاری کنید:. شما باید ساخت زیر را داشته باشید:. به جای "http: ⁄ ⁄ website / img1.jpg" باید پیوندی به عکس شما باشد. این مطلب باید در جای صحیح و در کد HTML سایت شما قرار گیرد.

مرحله 4

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

مرحله 5

ذکر نام تصویر زائد نیست تا هنگام مشاهده سایت در حالت بدون تصاویر ، بازدید کننده بتواند بفهمد چه تصاویری در سایت وجود دارد. برای افزودن عنوان ، ورودی زیر را در کد خروجی تصویر وارد کنید: alt="Title". به جای کلمه "عنوان" ، نام عکس خود را بنویسید. در نتیجه ، تصویر موجود در سایت دارای کد HTML زیر خواهد بود:.

توصیه شده: