![]() Now would be a good time to save the page with the image inserted. Remember, BlueGriffon is a WYSIWYG editor, so just drag and drop the image to the location before / within / after the text where you would like for it to appear. no need to more carefully select the cursor position, and.Were you surprised by where the image was displayed? There is: Once you select the OK button, the Image should appear within your web page. other possibly infrequent but useful occasions.displayed to you when you are proofreading your website and somehow failed to upload this image file to its correct location, and.used for those who use a screen reader program to hear what is on your web page,.BlueGriffon is encouraging you to supply some useful information in the "Alternate text:" textbox. You may also notice that the "OK" command button is not yet available. Select the "Select image" icon, navigate to the file that you saved inside the "Images" directory for your site, then select the "Open" command button.īack in the "Select Image" dialog you will notice that your choice has automatically filled in the path to your selected image, and selected the checkbox "Make URL relative to page location". This tutorial will seldom show all of the different techniques that you could use to accomplish a given goal, but this example might reduce your surprise as you discover alternate methods as you use BlueGriffon. Or if you prefer to use your pointing device and make only one selection, select the "Insert or edit an image" icon slightly to the left of the middle of the icon bar. From the menu bar at the top of the BlueGriffon window, select Insert, then select Image from the resulting context menu.Īlternatively you may prefer to use the keyboard shortcuts of Alt+i then Alt+i to achieve the same effect. Now you are ready to use this saved image on the web page you are constructing. Remember to create a new folder named "images" within the "Tutorial_Site" folder, and then save cheese.jpg within the images folder. But you will probably find it simpler and quicker from within your web browser to select the image with the secondary mouse button, then select "Save Image As." from the resulting context menu. the GNU Image Manipulation Program) to create a new image from taking a screenshot of the area of the image above. You could use your image editing program (e.g. If you have a suitable image, make a copy of that image and save it in a new folder named "images" within the "Tutorial_Site" folder.Īlternatively, you may choose to copy the image displayed immediately below on this page. an 8 megapixel image will be scaled to a small fraction of its native size in order to be fully displayed on a 1280 x 1024 pixel screen or monitor). Further, there is seldom any advantage in sending more pixels to a web browser than it can display on your screen (e.g. As you'll soon see keeping things categorized in this way will make expansion and revision of the site relatively painless.ĭo you already have a digital image saved in your computer's storage system that you would like to add to the tiny web page we are constructing? Is it an appropriate size for viewing on the web? Keep in mind that large files take longer to download than small files do. ![]() Just as there are benefits to grouping all files for a website within one folder, there are benefits to having a nested folder dedicated for the purpose of containing all images used on the website. Most web pages have at least some visual (non-textual) content, so let's begin to see how BlueGriffon can be used to place an image on the page.
0 Comments
Leave a Reply. |