Steps. Tips. Use an existing picture file. Click Data > From Picture > Picture From File. The image should only depict the data you want to import. If necessary, crop the image. Avoid images that depict data from an angle - the perspective should be head-on and focused. Take a screenshot. Take a screenshot of the table, then click Data > From ...Step 7: For transforming the image for applying various options like move, rotate, reflect, scale, shear, etc., use the transformation tool. For opening the transformation tool, right-click on the image and select transform. Next, hoover to the corresponding options panel as shown in the below image.Here is one way of doing this with a different type of insertion. Example also show how to position and scale the image. Sub ChangeImage() With Application.FileDialog(msoFileDialogFilePicker) .AllowMultiSelect = False. .ButtonName = "Submit". .Title = "Select an image file".Locate the online image you want to insert into your Obsidian note. Copy Image URL. Right-click on the image and choose the option to copy its URL. Insert Into Obsidian. Like with local images, use the Markdown syntax but this time replace path/to/image.jpg with the copied URL.How to Insert an Image in PDF. Upload your file to our PDF Editor tool. Click on the image symbol at the top. Select the picture you want to add. Place and resize the image. Download or share your completed file. Pro Tip: Within the PDF editor, you can also draw, highlight, and add text or shapes—whatever you need to edit your document. If ...Steps: From the three-part of the Header select the one part where you want to insert a picture. Soon after a dialog box named ' Insert Pictures ' will appear. Select the option where your file is located. My file is on my pc so I clicked ' From a file '. Later, select the image file and press Insert.Import or Use an Image. While creating a sketch, select the “Insert Image” feature. If there are no image files listed, you can use the “Import” link at the bottom of the dialog. In the dialog window, enter a search phrase to locate an image file or select one from the list. Click and drag the image to position in the graphics area.Adding an Image to an Email. Log in to your Google Mail account. Click the [COMPOSE] button. A "New Message" pop-up box will appear in the lower-right corner of the screen. Complete your message as usual, and then place your cursor where you would like the image to appear. From the bottom toolbar, click [Insert Photo] icon (mountains).Select the image and press Ctrl + C to copy the image to the Clipboard. If the image is available online, in an email or PowerPoint presentation file, right-click it and choose Copy Image. 3. Open ...The two image file types to prioritize are JPEG (for photos) and PNG (for other images). The best photo format for websites are JPEGs, which can render the wide color spectrum that's common in photographs. The best image format for websites are PNGs, which support crisp graphics like logos or infographics that don't have a lot of color variety.Select Insert > Online Pictures . Go to the search bar and type a word or phrase. Or, select a category. Select Filter, go to the Type section, then choose Clipart . Choose a picture, then select Insert to place the clipart image in your document. Word searches for Creative Commons images by default. These are free to use by the public.Images that you insert capture the current state of the model, mesh, or results. If any of these change, these images do not update the next time you publish the report. In the Simulation study tree, right-click a report and click Include Image. Click Include Image for Report (Simulation CommandManager).1. Click in the document. Do so near the place you want to insert the picture. 2. Click the Insert tab. It's at the top of the window. 3. Click Pictures on the left side of the tool bar. In some versions of Word, you may need to click Insert in the menu bar at the top of the screen, then select Pictures.How to Use a Hyperlink to Add a Background Image. Use the following steps to insert images quickly using a hyperlink: Difficulty: Beginner. Time Estimate: 7 seconds. Select a blank cell. Go to the Formula bar and enter the formula =IMAGE(B1,2). Here B1 is the cell with the image's URL, and 2 is the mode code.Add images from your local drive. Simply drag the image from your computer and drop it into the editor: Select and hold the mouse button over the file you wish to move. Move the file with the mouse or touchpad into the editor. Release the mouse button, and the file will have been moved. You can also add images from the web.Image in Python Tkinter can be displayed either by using the PhotoImage module or by using the Pillow library. In this section, we will display images using both PhotoImage and Pillow libraries. Also, we will use the create_image method from the canvas. Canvas is used to add images or text on the application screen.For this, first, convert your cell to a markdown cell and then go to Edit -> Insert Image which will open up a dialog box asking you to locate the image from your computer. For example, the image below shows the output of using the above method to insert an image from the local machine. 2. Embed Image in a Markdown Cell.Select Insert > Online Pictures . Go to the search bar and type a word or phrase. Or, select a category. Select Filter, go to the Type section, then choose Clipart . Choose a picture, then select Insert to place the clipart image in your document. Word searches for Creative Commons images by default. These are free to use by the public.Oct 29, 2023 · You can insert a picture, shape, smart art, chart, or screenshot. Pictures: This displays a drop-down menu that allows you to select an image from your computer (This device), stock images, or online image. Select the option that is appropriate for the image you want to insert. Select the image you want to insert and click Insert. Example of Inserting an Image in HTML 1. Using the <img> tag: To insert an image using the <img> tag, specify the image file's path in the src attribute.Optionally ...To insert a picture into the header in Microsoft Forms, follow the steps below. Open the form you want to edit in Microsoft Forms. Click the form header. Select Insert Image (picture icon) Search ...Select Insert > Icons. Scroll through the icons or jump to a category by choosing a name in the navigation pane at the left. You can also search by using the box near the top left corner. Choose an icon and then select Insert at the lower right. Insert multiple icons at the same time by choosing each of them before clicking Insert.Inserting Images in RMarkdown. RMarkdown is a powerful tool for creating reproducible research documents. It allows you to combine text, code, and graphics into a single document that can be easily shared and published. One of the most common tasks you'll need to do when creating an RMarkdown document is to insert images. This can be done in ...Here are some pro's and con's of storing images in the database. Benefits: It's technically no different from other data. Just more, and in binary format. Images are backed up along with the rest of the database. No head ache of getting out of sync (having a path in the database pointing to a non-existent image, or unreferenced images in the ...Step 1: Open AutoCAD and navigate to the desired drawing where you want to insert the image. Step 2: In the "Insert" tab of the ribbon, click on the "Attach" button. Alternatively, you can use the "Imageattach" command in the command line. Step 3: In the dialog box that appears, browse and select the image file you wish to insert.It now allows users to add AI-generated images to an existing image that blend in seamlessly with the original. In a demo shown to Engadget, an Adobe executive was …Upload from computer: Insert an image saved on your device. Search the web: Search the web for an image. GIFs and stickers: Insert a GIF or a sticker to your slide. Drive: Use an image saved to your Google Drive. Photos: Use an image from your Google Photos library. By URL: Insert a link to your image or insert a gif. Click Insert or Open.Insert Image. From the "Home" tab in the ribbon at the top, click on the "Image" icon in the "Illustrations" group. This will place an empty image box on the report canvas. Choose an Image. After adding the empty image box, you'll see an "Image URL" option in the "Visualizations" pane on the right. Click on "Image URL" and then enter the URL of ...Google Images. The most comprehensive image search on the web.With the image selected, you can now resize it, rotate it, move it, or arrange it behind a textbox. How to Resize Images. Select and hold one of the resizing handles (see figure 7). Drag the image to a new size. Pro Tip: If you want to maintain the image's shape, select a corner resizing handle rather than a side resizing handle. How to ...To download an image into your Excel worksheet from any of these sources, you click the Online Pictures button in the Illustrations group on the Insert tab of the Ribbon (Alt+NF). Excel opens the Online Pictures dialog box. When you first open the Online Pictures dialog box, it contains a number of sample Bing searches arranged alphabetically ...Inserting images into Bluebeam Revu is easy, but there are a few different ways to do it. We will cover the options and then show you how to crop images, add...The IMAGE function inserts pictures into cells from a web source location along with alternative text. All you need to do is enter into a cell =IMAGE (source, [alt_text], [sizing], [height], [width]), where: [Required] Source: The URL path, using an "https" protocol, of the picture file. Supported file formats include BMP, JPG/JPEG, GIF, TIFF ...1. Upload your image. Upload your photo straight into Canva or get started with one of our templates. 2. Edit your photo. Add filters, effects, adjustments, or customize with frames, text, or stickers. 3. Download and share. Download and share your photos instantly to your favorite platforms or save for later.Learn how to insert images in Microsoft Word. Plus, learn how to resize images, align images with the text, and add picture borders.These steps are for Word ...Wrap text around a picture in Word. Windows macOS Web. Select the picture. Select Layout Options. Select the layout you want. Tip: In Line with Text puts the picture in a paragraph, just as if it were text. The picture will change position as text is added or removed. The other choices let you move the picture around on the page, with text ...If you're looking to enhance your web development skills, learning how to insert images into your HTML code is a must. In this video, we'll walk you through ...Finally, we'll double-click on it to add text. Thus, we'll insert picture in cell background. Steps: Firstly, from the Insert tab >>> Shapes >>> select Rectangle. After that, the cursor will transform into a plus ( +) sign. Secondly, draw a rectangle on cell D5.In LaTeX, we use the graphicx package to insert images (although in beamer we will not have to import it explicitly, since beamer does it for us), which provides the command: \includegraphics{file} where file is the file name (or the file path, if the image is not included in the. current working directory) that we want to insert.Step 3 – Insert Image. Insert a new image into the Photoshop document. You can do this by dragging the image from your desktop onto the Photoshop document or navigating to File > Place Embedded and select the image file from your computer. The image will open as a new layer in the Layers Panel, positioned on top of the background.Select the cell where you want to place the picture. Select Insert > Pictures > Place in Cell, and then select one of the available sources: This Device. Stock Images. Online Pictures. NOTE: To insert pictures and have them "float" on top of your worksheet, like you used to do before, select Insert > Pictures > Place over Cells.Follow these steps to insert an image using the Place command: Open your InDesign document and navigate to the page where you want to insert the image. Go to the "File" menu and select "Place" or use the keyboard shortcut "Ctrl+D" (Windows) or "Cmd+D" (Mac). Browse to the location where your image file is saved and click "OpenInsert a video. Find the video you want online. Copy the video URL from the address bar. Select where you want it on the page, and paste it. You can select the link to play the video back at its source or select the Play button on the embedded video and watch it right in your notes.Pictures make Word documents more engaging and easier to understand. Learn more at the Word Help Center: https://support.office.com/word#MicrosoftWord #Micro...Sony Pictures Entertainment and Apollo Global Management, an investment firm, have been in discussions about teaming up for a joint bid to acquire Paramount, …Upload your image or photo file. Choose a document format from the drop-down menu. With "Use OCR" in the optional settings, you can extract text from an image. If needed, you can set the language of the text as well (optional). Several images can be combined into one PDF with "Merge" (optional). Crooked images can be straightened using ...Adding an image to HTML is a basic skill for web designers and developers. In this tutorial, you will learn how to use the HTML image tag and its attributes, and how to customize your images in Webflow. You will also find helpful tips and examples from other Webflow users on how to insert images inside buttons, banners, and divs.The HTML <picture> Element. The HTML <picture> element gives web developers more flexibility in specifying image resources.. The <picture> element contains one or more <source> elements, each referring to different images through the srcset attribute. This way the browser can choose the image that best fits the current view and/or device. Each <source> element has a media attribute that ...It is possible to write the INSERT INTO statement in two ways: 1. Specify both the column names and the values to be inserted: INSERT INTO table_name (column1, column2, column3, ...) VALUES (value1, value2, value3, ...); 2. If you are adding values for all the columns of the table, you do not need to specify the column names in the SQL query.How to Insert Picture Using VBA Code in Excel. Using a simple Macro can drastically reduce the time required for inserting images into Excel automatically. Steps. We need to add images on the sheet automatically using the VBA code. The VBA code will add images individually to the sheet. For every image, we need to customize our code a bit.How it works. The IMAGE function inserts images into cells from a source location, along with alternative text. All you need to do is type the following into a cell: =IMAGE (source, [alt_text], [sizing], [height], [width]), where: [Required] source is the URL path of the image file, using an "https" protocol.Open up Obsidian and select the note where you want to add your image. Next, simply drag and drop the image you wish to add (in a common format, like JPG or PNG) onto the note window. Note: If you ...1. Click the place you want to insert the image. 2. Click the Insert tab. 3. Click Pictures. 4. Choose a location. 5. Select the image …How to insert images in Google Docs. Select the source (e.g. Google Drive, Google Photos, your computer) of the image to be uploaded from the sub-menu. Once you navigate to the image's location ...The PDF will be open in Adobe Acrobat, ready for you to start editing. Click the edit button at the top of the page. Scroll to Edit PDF and then to Add Image. Click Add Image. Make sure that you know where the picture you want to add is saved somewhere and easily accessible. When you click Add Image, a dialogue box will open where you'll be ...In HTML, you use the tag to add images to websites. It is an inline and empty element, which means that it doesn't start on a new line and doesn't take a closing tag (unlike the paragraph ( ) tag, for instance). The tag takes several attributes, of which. In HTML, you use the tag to add images to websites. ...Add a text box to the photo. Go to the Text pane on the left sidebar. Select from hundreds of pre-formatted font combinations. Or add your own text box by keying T on the editor. Then, add your desired text to the image.As of WordPress Version 3.9, you can now grab the handles that appear when you click on an image and resize the image by dragging. Step 5 - Inserting Media. Once you have determined your embed settings, click on the Insert into post or Insert into page button at the bottom right to add the media. After the media uploader window closes, you ...Click in the message body. Then on the Insert menu, in the Illustrations group, choose one of the options.. Pictures Browse to the folder where the picture you want is saved, select the picture, and then click Insert.You can resize or rotate the picture with the handle points on the edges of the picture. To change the picture options, right-click the picture, and then click a command.Click the upload icon in the upper left corner of the editor. Drag and drop your files into the dialogue box that pops up. Alternatively, click Select file (s) and open the file browser before navigating to your image. Your image files will now appear in the left panel. Q3.Click on the Edit PDF tool in the right pane. Select the Image option. Click Add Image and select the image file you want to insert. Click on the desired location in the PDF to place the image. Use the corner handles to resize and position the image as needed. Acrobat makes it easy to customize the image placement and formatting too.Add or change a background image or watermark. Go to Design or Layout, and select Watermark. Select Picture > Select Picture, browse through your image files, and choose the image that you want to use. Select Insert. If you want the background image to show with full color intensity, clear the Washout check box.Inserting images into Bluebeam Revu is easy, but there are a few different ways to do it. We will cover the options and then show you how to crop images, add...Markdown Embed. To manually embed an image that's already in your vault, use the Markdown syntax:  Replace alt text with a description and image.jpg with the filename. Make sure the image file is in your vault's attachments folder.The HTML <picture> Element. The HTML <picture> element gives web developers more flexibility in specifying image resources.. The <picture> element contains one or more <source> elements, each referring to different images through the srcset attribute. This way the browser can choose the image that best fits the current view and/or device. Each …Via the menu. Select Arrange > Insert > Image. Alternatively, click the + icon in the toolbar, then select Image . Paste the URL to your image file, or drag it from your desktop onto the dialog. Note: Larger image files may take a few moments before they are visible in the diagram editor. See all of the elements you can insert into your diagram.To insert a picture from a file: If you have a specific image in mind, you can insert a picture from a file. In our example, we'll insert a picture saved locally on our computer. If you'd like to work along with our example, right-click the image below and save it to your computer.Click on the Edit PDF tool in the right pane. Select the Image option. Click Add Image and select the image file you want to insert. Click on the desired location in the PDF to place the image. Use the corner handles to resize and position the image as needed. Acrobat makes it easy to customize the image placement and formatting too.As others mentioned in comments you want to surround the image in an anchor <a> tag and apply the href attribute to the anchor tag as you would a normal hyperlink.. This is the code directly from the the W3 schools link mentioned by Carlton.Learn how to use the HTML tag to embed an image in a web page, with the src, alt, width, and height attributes. Find out how to use animated, external, and link images, and how to prevent the browser from breaking the image link.Upload or drop the PDF files into HiPDF. Step 02. Edit and annotate PDF. Once uploaded, edit your document as you need. For example, use Text, Image Shape buttons, or add a signature. Step 03. Download edited PDF. Press the “Apply” button to save your changes. Wait, and then download your edited PDF files.In reply to Stefan Blom's post on July 22, 2020. i couldn't insert any kind of picture (jpg,jpeg or png).now i open word i get message ''word could not create the work file. check the temp environment variable''. i was create temp file on C:\profilename\Appdata\Local\Microsoft\Windows\INetCache but i didn't workout. Stefan Blom.Plus, .jpg is the image file format that is crucial to specify. You can check your image file format in the properties of your image. Also, for more information about this, you can check out this tutorial about how to add images in HTML from the folder. The below HTML table code will add 4 images in the second column cells.Adobe's Photoshop upgrade reshapes images. One of the most magical tricks that Generative AI technology has brought to us is the ability to quickly create impressive images with a simple line of ...Get started for free with this video editor for more picture-in-picture features. Using Kapwing, add an image to video online with an easy drag-and-drop feature and overlay settings. Kapwing works completely online, so you can use the video editor on any device. We support most major image file formats like PNGs, JPEGs, HEICs.To insert an image, you can. Go to Insert tab and choose Image, or press Ctrl + Alt + I directly; In the pop-up Insert Image window, choose to insert images in 3 ways: Upload Local File: drag the image into the Insert Image window or select the image from local files. Online Image: paste the image URL in the blank bar and click Insert Image. Merge and Combine Images Online in Seconds. Our image combiner makes it super easy to combine images into one. Simply choose a layout you like, drag and drop the images you want to combine, and our tool automatically aligns and adjusts the images to fit the chosen layout. No editing skills or complicated software needed. STEPS: Go to the Insert tab. From the Illustration drop-down, select Picture > This Device. The Insert Picture dialogue box from the computer opens. Select the required picture and Click on the Insert. NOTE: We can also select multiple pictures by holding the Ctrl key.1. Click in the document. Do so near the place you want to insert the picture. 2. Click the Insert tab. It's at the top of the window. 3. Click Pictures on the left side of the tool bar. In some versions of Word, you may need to click Insert in the menu bar at the top of the screen, then select Pictures.Select any cell which contains a flag. Click Home -> Copy (or Ctrl + C) to copy the cell. Select a different cell (use E2 if working with the example file). Click Home -> Paste (drop-down) -> Linked Picture (alternatively, the Camera Tool is an option). The pasted image will appear.To insert a picture: Open the Create menu by selecting Create (plus icon) from the left-hand menu. Select Images. Select My Device to open File Explorer and then choose the picture you want to upload. Select Open . Or select Bing Images to insert approved stock images. You can use the search bar to find an image or choose an image from one of ...To insert images from your Google storage, open your presentation and click Insert > Image. Choose "Photos" to upload an image from your Google Photos storage or "Drive" to upload an image from your Google Drive storage. In the menu on right, locate a suitable image (or multiple images). When you're ready, click the "Insert" button at the bottom.Open word document. Place the cursor where you want to insert the image. Click "Insert" on the top menu. Click "picture". You will see a window from where you can browse your computer folders. Select the image. You will see selected picture in word document. ii). Using Copy, Paste method.How to Insert an Image in HTML Page - Images make content more interesting by helping readers understand the content better on the web page. We can insert images into the HTML page. To insert image in an HTML page, use the tags. It is an empty tag, containing only attributes since the closing tag is not required. We should use theHow to Insert an Image in HTML Page - Images make content more interesting by helping readers understand the content better on the web page. We can insert images into the HTML page. To insert image in an HTML page, use the tags. It is an empty tag, containing only attributes since the closing tag is not required. We should …Below we show how to add your signature to a PDF document. Select your PDF document. Click on 'Upload' to choose a file. Create a signature. Click 'Sign' and then 'Add Signature' to create a new signature. There are 3 methods to create a signature: Type your name; Draw your signature using your mouse or trackpad; Upload an image with your signature16. Step by step process, First create a folder ( name your folder ) and add the image/images that you want to upload in Readme.md file. ( you can also add the image/images in any existing folder of your project. ) Now,Click on … On the Insert tab, select Pictures and then Stock Images. Select one or more items from Images, Icons , Cutout People, Stickers, Videos (PPT only), Illustrations or Cartoon People. Tip: Use the search box at the top of any collection to find relevant images. Select Insert. Choose from thousands of royalty-free images, including stock images ... To insert an image, you can. Go to Insert tab and choose Image, or press Ctrl + Alt + I directly; In the pop-up Insert Image window, choose to insert images in 3 ways: Upload Local File: drag the image into the Insert Image window or select the image from local files. Online Image: paste the image URL in the blank bar and click Insert Image. On the View menu, click View Properties. Click the General tab. Select the Use a background picture check box. In the Add a background picture dialog box, select the picture you want, and then click OK. If you want the image to appear as a watermark, select the Tile horizontally or Tile vertically check box in the View Properties dialog box. When you insert an object like a picture or shape into a Word document, Word treats that insertion differently depending on what you insert. For reference, we're talking here about the illustration objects Word lets you insert---pictures, shapes, icons, SmartArt, and so on. We're not talking about all the other things on the Insert tab of the ...Select the cell where you want to place the picture. Select Insert > Pictures > Place in Cell, and then select one of the available sources: This Device. Stock Images. Online Pictures. NOTE: To insert pictures and have them “float” on top of your worksheet, like you used to do before, select Insert > Pictures > Place over Cells.
This allows you to add images and videos to any shape or vector network. View and update image and video fills in the Fill section of the right sidebar. Figma will show a thumbnail in the swatch and an Image, Video, or GIF label. Raster images and videos added to the canvas create a rectangle with the asset set to the object's fill.. Rune font
Learn how to use the HTML tag to embed an image in a web page, with the src, alt, width, and height attributes. Find out how to use animated, external, and link images, and how to prevent the browser from breaking the image link.Learn how to insert images in Microsoft Word. Plus, learn how to resize images, align images with the text, and add picture borders.These steps are for Word ...How to Insert Picture Using VBA Code in Excel. Using a simple Macro can drastically reduce the time required for inserting images into Excel automatically. Steps. We need to add images on the sheet automatically using the VBA code. The VBA code will add images individually to the sheet. For every image, we need to customize our code a bit.4. Select picture and select Insert. Inserting multiple pictures at once: Once you select the source where your picture is being inserted from, then select multiple pictures, then select Insert.. All selected images will be inserted within the workbook cells at once, starting from the active cell and down the column for as many cells as pictures selected, overwriting any values in those cells.From the property editor dropdown select "Choose File…". and select an image file to insert. As you can see, the image is inserted, but the image is kept at its original size, cropped to the boundaries of the QLabel box. You need to resize the QLabel to be able to see the entire image.Working with Images¶. Inserting an image¶ >>> from openpyxl import Workbook >>> from openpyxl.drawing.image import Image >>> >>> wb = Workbook >>> ws = wb. active ...If you have a website and you're trying to insert an image into a directory, the process is relatively straightforward. Here's how it's done in three easy steps: Copy the URL of the image you wish to insert. Next, open your index.html file and insert it into the img code.Images can improve the design and the appearance of a web page. You can add images to your website with HTML. Example <img...Plus, .jpg is the image file format that is crucial to specify. You can check your image file format in the properties of your image. Also, for more information about this, you can check out this tutorial about how to add images in HTML from the folder. The below HTML table code will add 4 images in the second column cells.The options are as follows: Use the Insert Figure button ( ), located on the editor toolbar, to insert a figure into Visual Editor or Code Editor. Copy and paste an image into Visual Editor or Code Editor. Use Code Editor to write LaTeX code that inserts a graphic and places it inside a figure environment. Options 1 and 2 automatically generate ...Example: Inserting images into a worksheet#. This program is an example of inserting images into a worksheet. See the insert_image() method for more details. ##### # # An example of inserting images into a worksheet using the XlsxWriter # Python module. Select the Insert tab. Click the Clip Art command in the Illustrations group. The Clip Art command. The clip art options appear in the task pane to the right of the document. Enter keywords in the Search for: field that are related to the image you want to insert. Click the drop-down arrow in the Results should be: field. This video shows the steps to add an image to a document in Overleaf, an online LaTeX editor. The video demonstrates how to upload an image file from the loc...Inserting images into Bluebeam Revu is easy, but there are a few different ways to do it. We will cover the options and then show you how to crop images, add...1. Decide what type of image you want to embed. You can add a picture, graphic, clip art, or chart. You can also create a shape or graphic. 2. Open Microsoft …Select the 'Insert' tab at the top of your Word doc. Click the 'Shapes' option in the 'Illustrations' group. Choose an AutoShape from the drop-down menu. Right-click the AutoShape and select 'Format Shape'. In the Format Shape pane, click 'Fill', choose 'Picture or Texture Fill' and select a picture.Meta Platforms on Thursday released early versions of its latest large language model, Llama 3, and an image generator that updates pictures in real time …To import to your Mac: Connect your iPhone or iPad to your Mac with a USB cable. Open the Photos app on your computer. The Photos app shows an Import screen with all the photos and videos that are on your connected device. If the Import screen doesn't automatically appear, click the device's name in the Photos sidebar.In this tutorial, you'll learn some of the different methods you can use to bring images into your document in Microsoft Word for Mac.Although this tutorial ....