Learn how to use Ink to mark up a webpage.
- [Brien] My absolute favorite feature in the Edge browser is the ability to mark up a webpage. I've found this to be tremendously useful, both for research and for web development, so let's take a look at how this works. If you look at the toolbar in the upper right corner of the browser, you can see that we have an icon labeled Add Notes. I'll go ahead and click on this icon, and when I do, this is going to bring up a toolbar that allows me to mark up the document. So, let's take a look at some of the options that are available to us. The icon that's selected by default is the Ballpoint pen, which you can see right here, and if I click on this icon, I'm presented with the ability to change the pen color and the ability to change the line thickness.
So, if I drag the slide bar, I can make the line a lot thicker or a lot skinnier. I'll just put it back to where it was. So, let's take a look at how the Ballpoint pen works. As you can see, there's a graphic right here on my webpage and maybe I think that that graphic might look better somewhere else, so what I'll do is I'll take my Surface Pen and I'll circle the graphic and I'll draw a line with an arrow pointing to where I might want to move it to. So, you can see how easy it becomes to mark up a webpage using the Surface Pen, but what if later on I decide that maybe that's not the best place for that graphic? Well, if you look back at our toolbar, you can see that the third icon from the left is an eraser and if I click on the Eraser, then I have the ability to erase what I've just done.
Now, the nice thing about the Eraser is that you don't have to color over every pixel that you want to erase with the Eraser. Instead, you can just use the Surface Pen and tap the mark-up that you want to erase. So, for example, if I want to erase the line with the arrow, then all I have to do is take my Surface Pen and tap on it, and when I do, that's removed. I can also erase the circle that I drew around the graphic simply by tapping on the circle with my Surface Pen. And you can see that that, too, has been erased. So, what else can we do? Well, if you look at the icon between the Ballpoint pen and the Eraser, you can see that we have a Highlighter.
I'll go ahead and click on the Highlighter and you can see that, like the Ballpoint pen, the Highlight allows us to choose a color and a line thickness. So, I'm just going to go with the defaults and I'm going to highlight some text. Really, we could highlight anything that we want, but I've found the Highlighter to be really useful for doing research. If I'm visiting a webpage and I find something really useful, sometimes I'll highlight that information so that I can refer back to it later. In this case, though, just for the sake of demonstration, I'm going to highlight my name. So, I'll take my Surface Pen and I'll move it over my name, and now, because the Highlighter icon is selected, my Surface Pen is functioning as a Highlighter rather than as a Ballpoint pen.
Now, something else that we can do is we can add a typewritten note to a webpage, so we're not limited to using the Surface Pen or using our fingers, like I'll show you in a few moments. So, what we can do is go back up to the toolbar and you can see that we have an icon for Add a Note. I'll go ahead and click on that now, and now my cursor turns into a cross symbol and wherever I position that and click, I'll have a text box that's created and I can add a note to that text box. So, for example, I might type Let's add something here and then if later on I decide I want to move that to a different location, that's no problem.
I simply move my cursor in close proximity to the box and you can see the cursor change, and then I just drag the box to wherever I want to move it to. And if at a later time I decide I want to remove the note, I can use the Delete icon which is in the lower right corner of the box. I'll just click that and the note has been removed. Now, most of the mark-ups that I've done in this video have involved the Surface Pen, and indeed, the Surface Pen is my tool of choice, but if you don't have a Surface Pen but you do have a touchscreen device, you can use your finger to mark up a webpage.
Let me show you how that works. What I'm going to do is click on the Ballpoint pen and then I'm going to go over here and I'm going to click on Touch Writing. So, when I click on that, effectively, your finger becomes the Ballpoint pen. So, I can take my finger and write on the screen, and you can see that I'm able to mark up the webpage even though I'm not using a Surface Pen to do it. Now, if you go to write on the screen with your finger and nothing happens, make sure, one, that you're using a touchscreen device and two, make sure that you don't have the Eraser selected because if you select the Eraser and then you try to do a finger mark up, nothing will happen.
Those are just a few of the options that are available for marking up a webpage. Now, what do you do when you're done? Well, one thing that you need to understand is that the mark-ups that you make aren't live, so the people that are visiting your webpage in real time aren't seeing these mark-ups. These are specific to you. So, what you can do, though, is you can save your mark-ups, and you'll notice in the toolbar that we have an icon, Save Web Note. I'll go ahead and click on that, and then we have a few different options for saving this. By default, this is saved to OneNote and you can see that we can choose a recent selection and click Save, but we can also save this to our Favorites or to our Reading list.
And then if we want to share this with someone else, we have a Share icon and when I click Save Web Note, we have things like Copy link, Cortana Reminders, we can share it my Mail, we can share through OneNote, we can even share it through OneDrive and Twitter, and then there's a link to Get apps in the Store. So, that's how you go about marking up a webpage in Microsoft Edge.
- Navigating the Windows 10 interface
- Implementing Windows 10 security
- Managing application compatibility
- Improving application performance with Game Mode
- Inking with Edge
- Configuring a network adapter
- Enabling mixed reality in Windows 10
- Using virtualization in Windows 10
- Using Remote Desktop Services
- Managing updates on individual devices and in the enterprise