برای درج چیزی در جایی (اگر در مورد یک ویرایشگر متن یا گرافیک صحبت می کنیم)، یا باید با کلیک کردن روی نماد استاندارد این دستور با یک بابا گویا، این "چیزی" را "باز" ​​کنید، یا به دنبال دکمه ای بگردید. با کتیبه، اشاره به امکان حل مشکل.

درج تصویر در Word

به عنوان مثال، اگر به نحوه درج یک عکس در Word علاقه مند هستید، باید به تب "Insert" رفته و با کلیک بر روی تصویر بند انگشتی به نام "Picture"، تصویر موجود در دیسک خود را در پنجره باز شده انتخاب کنید. روی دکمه "درج" کلیک کنید (چه سوال - چنین و پاسخ).

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

به فلش های مورب کوچک در گوشه سمت راست پایین بخش های "Picture Styles" و "Size" توجه کنید. با کلیک بر روی آنها، پنجره های "Picture Format" و "Size" را با گزینه هایی برای تنظیمات مربوطه باز می کنیم.

چسباندن نقاشی در نقاشی نقاشی

با چنین مشکل ساده ای، نحوه درج یک عکس در نقاشی، "Pold Paint" به راحتی می تواند کنار بیاید. پس از باز کردن تصویر (دستور "Open")، کافی است تصویر زیر را با انتخاب "Paste" در گوشه سمت چپ بالا، یا "Paste from" (یا Ctrl + V) را در صورتی که تصویر در کلیپ بورد کپی شده است، قرار دهید.

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

قرار دادن عکس در تصویر در word

وظیفه همپوشانی تصاویر تقریباً در هر ویرایشگر گرافیکی به راحتی اجرا می شود، اما، شاید، به ندرت کسی در مورد ویرایشگر متن Word فکر می کند، و این ممکن است (در صورت لزوم). برای انجام این کار، تصویر پس زمینه را انتخاب کنید و در لیست کشویی "Text wrapping" در تب "Format"، روش "Behind the text" را انتخاب کنید که برای افزودن کتیبه به تصویر استفاده می شود.

سپس کنار عکس سمت چپ آن کلیک می کنیم و با فاصله (یا کلید Tab) مکان نما را به داخل تصویر هدایت می کنیم. حالا حدس زدن آن سخت نیست، فقط مسیر آشنا را دنبال کنید: "Insert" > "Picture" > "Insert" - و عکس موجود در تصویر درست همانجا است. تصویر روی هم قرار داده شده را می توان با نگه داشتن نشانگر سبز تغییر شکل داد و چرخاند و با پخش کلیدهای Tab، Space و Enter به داخل آن منتقل شد، اما این کار چندان راحت نیست. اما اگر در قسمت "Arrange" پنجره "Position" را باز کنید و هر گزینه ای را انتخاب کنید "C را می توان با ماوس درگ کرد.

چسباندن نقاشی در فتوشاپ

بعد از ورد، عملیاتی مانند قرار دادن عکس در فتوشاپ شبیه بازی کودکانه به نظر می رسد. اگر ویرایشگر در حال اجرا است (به معنای باز بودن)، در منوی "File"، روی "Open" / Open (Ctrl + O) کلیک کنید، تصویر را انتخاب کنید و "Open" را تکرار کنید.

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

با دستور "Place" در منوی "File"، تصویر مستقیماً به پنجره فعال در یک لایه جدید می رود، جایی که می توان بلافاصله با کلیک بر روی علامت چک در نوار ابزار در بالا یا به طور مقدماتی، آن را "پذیرفت" کرد. تبدیل شده است.

اگر اسناد در دو یا چند پنجره باز هستند، می توان تصاویر را از یکی به دیگری به سادگی با ماوس کشید. اگر تصویر (ویرایشگر) از لیست برنامه ها با دستور "Open with" در منوی زمینه فایل که با دکمه سمت راست ماوس فراخوانی می شود، در فتوشاپ باز شود.

اگر روی New (OK) در منوی File کلیک کنید، سپس به Edit بروید و روی Paste کلیک کنید، تصویر کپی شده (راست کلیک > Copy یا Ctrl + V) در فتوشاپ باز می شود.

اگر در ویرایشگر Word چنین کار بی ضرری مانند قرار دادن یک عکس در یک تصویر منجر به یک رویه کامل شود، در فتوشاپ این مشکل با یک دستور Place حل می شود که قبلاً در بالا ذکر شد.

می توانید تصویر را بارگذاری کنید و دوباره روی "Open" کلیک کنید و سپس تصویر را از پنجره ای به پنجره دیگر بکشید.

بارگیری تصاویر از افزونه Adobe Bridge در برنامه با فراخوانی آن با دستور "Browse in Mini Bridge" از منوی "File" یا "Extensions" از منوی "Window" راحت است. در اینجا می توانید به سرعت پوشه های حاوی تصاویر را مرتب کنید و پس از انتخاب، آنها را به سادگی به پنجره فتوشاپ بکشید یا از طریق دکمه سمت راست ماوس، دستور آشنا "Place" > "To Photoshop" را انتخاب کنید.

اولین انواع تصاویر در مایکروسافت ورد که به آنها نگاه خواهیم کرد عبارتند از Picture، Clip Art و Screenshot. آنها باید در یک گروه ترکیب شوند زیرا ویژگی های آنها بسیار نزدیک به یکدیگر است و بنابراین پردازشگر کلمه Microsoft Word همان ابزارها را برای کار با این نوع تصاویر به کاربر ارائه می دهد.

با این حال، در حالی که ویرایش برای هر سه نوع تصویر یکسان است، روند درج تصویر، کلیپ آرت و اسکرین شات به طور قابل توجهی متفاوت است. بنابراین قبل از اینکه به ویرایش این نوع تصاویر بپردازیم، بیایید راه‌های درج تصاویر، نقاشی‌ها و اسکرین شات‌ها را در Microsoft Word بررسی کنیم.

درج تصویر در سند Word 2010

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

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

برای درج فایل کافیست یکی از گزینه های پیشنهادی را دنبال کنید.

• فایل مورد نظر را با کلیک بر روی آن با دکمه سمت چپ ماوس انتخاب کرده و روی دکمه کلیک کنید درج کنید(درج).
• با دوبار کلیک کردن روی آن با دکمه سمت چپ ماوس، فایل را جایگذاری کنید.
• در قسمت File name: input نام سند مورد نظر را وارد کرده و سپس روی دکمه کلیک کنید درج کنید(درج).

با وارد کردن نام فایل، فیلد ورودی نام فایل: (نام فایل:) به یک لیست کشویی با گزینه های احتمالی نام فایل تبدیل می شود. شما نمی توانید نام فایل را تا انتها وارد کنید، اما با استفاده از کلیدهای و ↓ فایل مورد نیاز را از بین موارد پیشنهادی انتخاب کنید.

دکمه را فشار دهید درج کنید(Insert) را می توان با فشار دادن کلید Enter جایگزین کرد. اگر می‌خواهید جستجوی یک تصویر را در یک پوشه حاوی فایل‌های گرافیکی تسریع کنید، می‌توانید از لیست کشویی انتخاب کنید. همه نقشه ها(همه تصاویر) فرمت فایل مورد نظر.

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

به‌طور پیش‌فرض، سبک پاراگراف سندی که مکان‌نمای متن در آن قرار دارد، روی نقشه اعمال می‌شود. ویژگی های سبک پاراگراف مانند تراز و سطح متن، تورفتگی و غیره بر روی تصویر اعمال می شود.بنابراین، تصویر به خوبی می تواند بخشی از عنوان باشد.

علاوه بر تصویری که ظاهر می شود، یک تب نوار کنترل اضافی باز می شود. کار با نقشه ها(ابزار تصویر) (شکل 7.2)، و در آن زبانه فرمت(فرمت) با ابزار منحصراً برای کار با نقشه ها. برای پنهان کردن این برگه، فقط مکان نما متن را به مکان دیگری منتقل کنید.

گروه برگه اضافی کار با نقشه ها(ابزار تصویر) فقط هنگام ویرایش تصویر یا عکس ظاهر می شود. برای اینکه برگه ظاهر شود، باید روی هر نقاشی یا تصویری در سند کلیک کنید.

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

Microsoft Word همچنین از چسباندن تصاویر از کلیپ بورد سیستم عامل پشتیبانی می کند. بنابراین، اگر یک تصویر را در کلیپ بورد در هر برنامه دیگری کپی کنید، می توانید آن را با استفاده از عملکرد چسباندن معمول در یک سند باز قرار دهید.

درج تصویر در سند

تصویر، به عنوان یک قاعده، یک تصویر برداری است که می تواند به عنوان یک تصویر استفاده شود (شکل 7.3). مانند دکمه Picture، دکمه Clip Art در گروه کنترل Illustrations در زبانه Insert نوار کنترل قرار دارد. با کلیک بر روی این دکمه، کاربر پنل Clip Art را می بیند که در سمت راست پنجره کاری برنامه ظاهر می شود.

این یک رابط ویژه است که توسط سازندگان مجموعه Microsoft Office برای کار با تصاویر توسعه یافته است. ابزار خاصی برای کار با تصاویر مورد نیاز است زیرا تمام تصاویر از کتابخانه ای که قبلاً توسط توسعه دهندگان کامپایل شده است در سند درج می شوند. از کاربر فقط خواسته می شود تصویر مورد نظر را پیدا کند و آن را در محتوای سند وارد کند.

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

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

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

کلمات کلیدی اصطلاحاتی هستند که یک تصویر مشخص را تعریف می کنند. بر این اساس، برای جستجوی تصویری که با معنی مطابقت دارد، باید یک کلمه کلیدی را در قسمت ورودی وارد کنید. جستجو کردن: (جستجو برای:) در بالای پانل تصویر(Clip Art)، سپس دکمه را فشار دهید برای شروع(برو) تا مایکروسافت ورد شروع به انتخاب گزینه های مناسب کند.

بلوک پایین حاوی دو لینک می تواند به شما در درک نحوه استفاده از پانل کمک کند تصویر(کلیپ آرت). ارتباط دادن اطلاعات بیشتر در Office.com(در Office.com بیشتر بیابید) به صفحه ای در سایت Office.com منتهی می شود که حاوی تصاویر اضافی و پیوند است. نکات جستجوی تصویر(نکاتی برای یافتن تصاویر) کادر محاوره ای Microsoft Word Help باز می شود.

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

برای اینکه بتوانید فایل های رسانه ای را در سرور آنلاین مایکروسافت آفیس جستجو کنید، کامپیوتر شما باید به اینترنت متصل باشد.

اجازه دهید این نکته را با یک مثال بررسی کنیم. به عنوان مثال، متن سال نو را در نظر می گیریم. برای تزئین متن به نوعی تصویرسازی موضوعی نیاز داریم. بنابراین در قسمت ورودی وارد خواهیم شد جستجو کردن: (جستجو برای:) عبارت جستجوی "سال نو". تصویری از بابا نوئل در قسمت ورودی با نوار پیمایش ظاهر می شود (شکل 7.4). بنابراین، با درخواست های مختلف، می توانید تصاویر مختلفی را در کتابخانه پیدا کنید.

حالا که تصویر مورد نظر را پیدا کردیم آن را در متن قرار می دهیم. دو راه برای انجام این کار وجود دارد:

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

پس از آن، تصویر در سند درج می شود و می توانیم از آن به عنوان تصویر استفاده کنیم.

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

درج اسکرین شات

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

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

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

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

گزینه دکمه دیگری اسکرین شات(تصویر صفحه) - ایجاد یک برش صفحه (شکل 7.5)، هر قسمت از آن، و کاربر می تواند اندازه و مکان خود را بر روی صفحه نمایش تنظیم کند. این ویژگی برای نشان دادن بخش های کوچکی از رابط برنامه مفید است.

برای درج یک بریده صفحه در یک سند Microsoft Word، روی دکمه کلیک کنید اسکرین شات(اسکرین شات) گروه های کنترل تصاویربرگه (تصاویر). درج کنید(درج) کنترل روبان.

اگر با یک سند نسل قبلی (فرمت doc.) کار می کنید، ویژگی برش صفحه در دسترس نخواهد بود. برای فعال سازی این قابلیت باید از فرمت جدید .docx استفاده کنید.

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

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

سلام به خوانندگان عزیز وبلاگ در این مقاله همه چیز را در این مورد خواهید آموخت نحوه درج تصویر در صفحه html. آیا تعدادی عکس دارید که می خواهید در صفحه خود قرار دهید یا می خواهید یک لوگو در سایت خود قرار دهید؟ همه اینها آسان است. پس از مطالعه این مقاله قادر خواهید بود بدون هیچ مشکلی تصاویر را در صفحات html خود قرار دهید. برای انجام این کار، در مورد جزئیات صحبت خواهیم کرد برچسب زدن و ویژگی‌های آن، نگاهی گذرا به فرمت‌های فایل گرافیکی مانند gif، jpeg و png بیندازید و به ویژگی‌های جدید HTML5 نگاهی بیندازید که جاسازی ویدیو و صدا را در سایت شما آسان می‌کند.

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

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

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

فرمت های تصویری گرافیکی

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

1. فرمت JPEG(گروه مشترک کارشناسان عکاسی). یک فرمت نسبتاً محبوب که برای ذخیره تصاویر استفاده می شود. از رنگ 24 بیتی پشتیبانی می کند و تمام تون های میانی را در عکس ها دست نخورده نگه می دارد. اما jpeg از شفافیت پشتیبانی نمی کند و جزئیات و متن های ظریف را در تصاویر مخدوش می کند. JPEG عمدتا برای ذخیره عکس استفاده می شود. فایل های این فرمت دارای پسوندهای jpg، jpe، jpeg هستند.

2. فرمت GIF(فرمت تبادل گرافیکی). مزیت اصلی این فرمت امکان ذخیره چندین تصویر به طور همزمان در یک فایل است. این به شما امکان می دهد فیلم های متحرک کامل بسازید. دوم، از شفافیت پشتیبانی می کند. نقطه ضعف اصلی پشتیبانی از تنها 256 رنگ است که برای ذخیره عکس ها خوب نیست. GIF عمدتاً برای ذخیره آرم ها، بنرها، تصاویر با مناطق شفاف و حاوی متن استفاده می شود. فایل های این فرمت دارای پسوند gif هستند.

3. فرمت PNG(گرافیک شبکه قابل حمل). این فرمت به عنوان جایگزینی برای GIF منسوخ شده و تا حدی JPEG توسعه داده شد. از شفافیت پشتیبانی می کند، اما اجازه انیمیشن را نمی دهد. این فرمت دارای پسوند png می باشد.

هنگام ایجاد وب سایت ها معمولا از تصاویر با فرمت JPEG یا GIF استفاده می کنند، اما گاهی اوقات از PNG استفاده می کنند. نکته اصلی این است که بفهمیم در چه مواردی از کدام قالب بهتر است استفاده کنیم. به طور خلاصه، پس:

JPEG به بهترین وجه برای ذخیره عکس ها یا تصاویری در مقیاس خاکستری که حاوی متن نیستند استفاده می شود.

• GIF در درجه اول برای انیمیشن استفاده می شود.
• PNG فرمتی برای هر چیز دیگری (آیکون ها، دکمه ها و غیره) است.

درج تصاویر در صفحات html

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

کد جاسازی تصویر در htmlصفحه به شکل زیر است:

این کد html تصویر ذخیره شده در فایل image.jpg را در صفحه وب قرار می دهد که در همان پوشه با صفحه وب قرار دارد. همانطور که متوجه شده اید، آدرس تصویر در آن مشخص شده است ویژگی src. چیه که قبلا گفتم بنابراین، ویژگی src یک ویژگی مورد نیاز است که برای تعیین آدرس فایل تصویری کار می کند. بدون ویژگی src، تگ img معنایی ندارد..

من چند مثال دیگر از مشخص کردن آدرس یک فایل با تصویر می‌آورم:

- این کد html تصویری را در صفحه به نام image.jpg درج می کند که در پوشه images واقع در ریشه وب سایت ذخیره می شود.

ویژگی src می تواند بیش از پیوندهای نسبی به تصاویر باشد. از آنجایی که تصاویر همراه با صفحات html در وب ذخیره می شوند، هر فایل تصویری دارای URL خاص خود است. بنابراین، آدرس url تصویر را می توان در ویژگی src درج کرد. مثلا:

این کد یک تصویر از mysite.ru را به صفحه وارد می کند. آدرس URL معمولاً اگر به تصویری که در سایت دیگری قرار دارد اشاره می کنید استفاده می شود. برای تصاویر ذخیره شده در سایت شما، بهتر است از لینک های نسبی استفاده کنید.

برچسب بزنید یک عنصر درون خطی است، بنابراین بهتر است آن را در داخل یک عنصر بلوک، به عنوان مثال داخل یک تگ، قرار دهید

- پاراگراف:

بیایید تمرین کنیم و یک تصویر از مقالات قبلی html در صفحه خود درج کنیم. من یک پوشه "images" در کنار فایل html صفحه خود ایجاد می کنم و فایل تصویر "bmw.jpg" را در آنجا قرار می دهم که به شکل زیر است:

سپس کد html صفحه با تصویر درج شده به صورت زیر خواهد بود:

وب سایت در مورد اتومبیل.

به سایت خودرو ما خوش آمدید در اینجا مقالات جالب و مفید زیادی در مورد خودروها، مشخصات فنی و ویژگی های آنها خواهید یافت.

زبان علمی خودرواین:

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

طبقه بندی خودرو

خودروها از انواع زیر هستند:

• مسافر؛


• بار;


• ماشین شاسی بلند؛


• باگی؛


• سوار کردن؛


• ورزش ها؛


• مسابقه.

تمامی حقوق محفوظ است. 2010
وب سایت در مورد اتومبیل.

و ما به نتیجه نمایش در مرورگر نگاه می کنیم:

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

ویژگی alt - به عنوان یک بازگشت

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

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

و این شکلی است که به نظر می رسد:

ابعاد تصویر را تنظیم کنید

هنوز چند ویژگی تگ img وجود دارد که باید از آنها آگاه باشید. این یک جفت صفت است عرضو ارتفاع. می توانید از آنها برای تعیین ابعاد یک تصویر استفاده کنید:

عرض = "300" ارتفاع = "200">

هر دو ویژگی اندازه در را نشان می دهند پیکسل ها. ویژگی width به مرورگر می‌گوید که تصویر چقدر باید باشد و ویژگی height چقدر باید باشد. این دو ویژگی را می توان با هم یا جداگانه استفاده کرد. به عنوان مثال، اگر فقط ویژگی width را مشخص کنید، مرورگر به طور خودکار ارتفاع را متناسب با عرض مشخص شده تنظیم می کند و همچنین در صورت استفاده از ویژگی ارتفاع. اگر اصلاً این ویژگی ها را مشخص نکنید، مرورگر به طور خودکار اندازه تصویر را قبل از نمایش آن روی صفحه تعیین می کند. فقط شایان ذکر است که مشخص کردن اندازه تصویر باعث افزایش سرعت مرورگر در هنگام نمایش صفحه می شود.

در حال حاضر همه چیز در مورد درج تصاویر در صفحات است، سپس نحوه درج صدا یا ویدیو را در سایت بررسی خواهیم کرد...

جاسازی ویدیو و صدا با HTML 5

مشخصات جدید html5 دارای برچسب های جدیدی است که جاسازی فایل های رسانه ای را بسیار آسان می کند. این در درجه اول برای ویدیو و صدا صدق می کند.

برای درج سمعی HTML5 تگ جفتی را ارائه می دهد آدرس فایلی که کلیپ صوتی در آن ذخیره شده است با استفاده از ویژگی src از قبل آشنا نشان داده شده است:

برچسب بزنید

به طور پیش فرض، کلیپ صوتی به هیچ وجه در صفحه وب نمایش داده نمی شود. اما اگر در تگ

یک جفت تگ برای درج یک ویدیو در یک صفحه وب در نظر گرفته شده است . با این تگ همه چیز مثل تگ است

در مورد درج تصاویر و چند رسانه ای در صفحات html چیز زیادی وجود ندارد. امیدوارم سوال باشه چگونه می توان تصویر را در صفحه html قرار داد؟من جواب شما را دادم بنابراین فقط به طور خلاصه:

برای تعبیه تصاویر در htmlصفحه با استفاده از یک تگ و آدرس فایل را با تصویر در ویژگی مشخص کنید src: ;

• از طريق ویژگی altبرچسب زدن می توانید متن جایگزین را در صورت بار نشدن تصویر تنظیم کنید.
• با استفاده از ویژگی ها عرضو ارتفاعمی توانید اندازه تصویر را در صفحه وب تنظیم کنید.
• برای درج صدا و تصویر در html5 تگ های جفتی وجود دارد

اگر چیزی واضح نیست، در نظرات بپرسید و فراموش نکنید که در به روز رسانی وبلاگ من مشترک شوید. در پست های بعدی می بینمت!

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

خدماتی که به شما امکان می دهد عکس را در یک عکس قرار دهید

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

• avazun.ru - سایت تعداد زیادی قاب و تصاویر پس زمینه را در مورد موضوعات مختلف ارائه می دهد، بخش جداگانه ای برای ایجاد آواتار برای Vkontakte.
• effectfree.ru - گزینه های مختلف با بیلبوردها و قاب ها، بخش های جداگانه ای به ایجاد جلد برای دی وی دی ها و تقویم ها با عکس شما اختصاص داده شده است.

ویرایشگرهای گرافیکی آنلاین

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

با استفاده از رنگ

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

1. Paint را اجرا کنید، در نوار منو، روی File -> Open کلیک کنید و تصویری را که به عنوان پس‌زمینه استفاده می‌شود انتخاب کنید.
2. راست کلیک کرده و از منوی کشویی Paste from File... را انتخاب کنید (یا Edit -> Paste from File...). در پنجره باز شده به دنبال عکس دوم بگردید که در بالای پس زمینه قرار می گیرد.
3. بلافاصله پس از درج، موقعیت و اندازه تصویر بالا را با کشیدن گوشه یا کنار تصویر تنظیم می کنیم.

اگر هنوز سوالی دارید، ویدیوی دقیق را تماشا کنید:

با استفاده از Adobe Photoshop

یکی دیگر از معروف ترین ویرایشگرهای گرافیکی Adobe Photoshop است. عملکرد آن بسیار گسترده تر از Paint است. قرار دادن عکس در فتوشاپ کمی پیچیده تر از Paint است، اما یک آموزش ویدیویی به شما کمک می کند تا آن را بفهمید:

اغلب اوقات، کار با اسناد در MS Word تنها به متن محدود نمی شود. بنابراین، اگر در حال چاپ یک چکیده، کتابچه راهنمای، بروشور، گزارش، مقاله ترم، علمی یا پایان نامه هستید، ممکن است نیاز به درج تصویر در یک مکان یا مکان دیگر داشته باشید.

می توانید یک عکس یا عکس را به دو روش در یک سند Word وارد کنید - ساده (نه صحیح ترین) و کمی پیچیده تر، اما درست و راحت تر برای کار. روش اول این است که به سادگی کپی / چسباندن یا کشیدن و رها کردن یک فایل گرافیکی در یک سند است، روش دوم استفاده از ابزارهای برنامه داخلی مایکروسافت است. در این مقاله در مورد نحوه صحیح قرار دادن عکس یا عکس در متن در Word صحبت خواهیم کرد.

1. سند متنی را که می خواهید یک تصویر در آن اضافه کنید باز کنید و روی صفحه ای که باید باشد کلیک کنید.

2. به تب بروید "درج"و روی دکمه کلیک کنید "نقاشی"، که در گروه قرار دارد "تصویرسازی".

3. یک پنجره Windows Explorer و یک پوشه استاندارد باز می شود "تصاویر". با استفاده از این پنجره پوشه حاوی فایل گرافیکی مورد نظر را باز کرده و روی آن کلیک کنید.

4. پس از انتخاب یک فایل (تصویر یا عکس)، دکمه را فشار دهید "درج".

5. فایل به سند اضافه می شود و پس از آن برگه بلافاصله باز می شود "فرمت"که حاوی ابزارهایی برای کار با تصاویر است.

ابزارهای اساسی برای کار با فایل های گرافیکی

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

اصلاح، تغییر رنگ، جلوه های هنری:با این ابزارها می توانید محدوده رنگ یک تصویر را تغییر دهید. گزینه هایی که می توانید تغییر دهید عبارتند از روشنایی، کنتراست، اشباع، رنگ، سایر گزینه های رنگ و موارد دیگر.

سبک های نقاشی:با استفاده از ابزارهای Quick Styles، می توانید ظاهر یک تصویر اضافه شده به یک سند، از جمله شکل نمایش یک شی گرافیکی را تغییر دهید.

موقعیت:این ابزار به شما امکان می دهد موقعیت یک تصویر را در صفحه با "عروسی" آن در محتوای متن تغییر دهید.

بسته بندی متن:این ابزار به شما امکان می دهد نه تنها تصویر را به درستی روی صفحه قرار دهید، بلکه آن را مستقیماً در متن وارد کنید.

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

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

تغییر سایز:اگر می خواهید اندازه دقیق عکس یا عکس را تنظیم کنید، از ابزار استفاده کنید "اندازه". اگر وظیفه شما این است که تصویر را خودسرانه بکشید، کافی است یکی از دایره های قاب تصویر را بگیرید و آن را بکشید.

جنبش:برای جابجایی تصویر اضافه شده، با دکمه سمت چپ ماوس روی آن کلیک کرده و آن را به محل مورد نظر در سند بکشید. برای کپی / برش / چسباندن، از ترکیب کلیدهای داغ استفاده کنید - Ctrl+C/Ctrl+X/Ctrl+V، به ترتیب.

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

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

در واقع، این همه چیز است، اکنون می دانید که چگونه یک عکس یا تصویر را در Word وارد کنید، و همچنین می دانید که چگونه می توانید آن را تغییر دهید. و با این حال، شایان ذکر است که این برنامه یک گرافیک نیست، بلکه یک ویرایشگر متن است. برای شما در توسعه بیشتر آن آرزوی موفقیت داریم.