How To Insert A Picture On A Website Page

Table of contents:

How To Insert A Picture On A Website Page
How To Insert A Picture On A Website Page

Video: How To Insert A Picture On A Website Page

Video: How To Insert A Picture On A Website Page
Video: How to Add Images using HTML into a Webpage | Lesson 05 | HTML 2024, May
Anonim

Image is an integral attribute of website design. With its help, you can greatly facilitate the understanding of materials presented on web pages, create a favorable impression on users, as well as make the resource understandable and convenient.

How to insert a picture on a website page
How to insert a picture on a website page

Necessary

  • - cms access codes;
  • - Adobe Photoshop.

Instructions

Step 1

Prepare the image for "filling" on the site: adjust the brightness / contrast, adjust the size, eliminate minor flaws that spoil the overall impression of the picture. All this can be done using Adobe Photoshop or another graphics editor with the necessary functionality.

Step 2

If the site uses a content management system, then log in as an administrator or editor. To do this, you will need to enter your username and password in the login panel.

Step 3

Upload the picture to the folder intended for storing graphic materials. Now you can use it on site pages.

Step 4

Go to the materials folder, select a command, for example, "Add" or "Edit". A control panel with icons will open in front of you. Place the cursor where you want to place the illustration on the page.

Step 5

Click on "Images" - a form for uploading graphic files will open. Select an object and set its parameters.

Step 6

Save the result and be sure to see what happened in the end. You may want to change something. To do this, right-click on the graphic file and select "Image Properties" from the drop-down menu.

Step 7

If it is not possible to upload a picture to the hosting, then you can insert the illustration by means of a link - in the "Path" column, indicate the address.

Step 8

In html, the tag is responsible for inserting images.

… To add a graphic file, you need to write in the code. To make it a background image for a table cell, the following link will allow:

Step 9

You can switch to viewing the full version of the image using.

Recommended: