Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this chapter, we're going to look at using iOS's built-in browser, Safari, to surf the web. And we'll see some other cool tricks you can do while you're surfing around on the internet. Let's begin with a quick tour around Safari. You launch Safari by tapping its icon. And now we're looking at a new blank browser window. If you've had Safari open before, you'll most likely see the last page you were browsing when you re-open it. But let's start our tour at the top of the screen and work our way down. First we have the address bar, which is where you enter the URL or address of the website you want to visit. Just tap on the field once and then type the address you want to visit.
For example, I want to visit Lynda.com. So, I'll type Lynda, and like most web browsers these days, Safari opens some suggestions while I'm typing. If any of these match what I was looking for, I can just tap them to immediately perform a Google search. But in this case I want to go to Lynda.com which isn't showing up under the suggestions. Now if you've used a previous version of iOS, you might be used to having a .com button here on the keyboard which was a nice shortcut so you didn't have to type that part out. Here is iOS 7, you still have that ability, but it's hidden in the period button. All you have to do is hold down on the period button.
And up pops a menu with the most common web suffixes. You can see .com is automatically highlighted, so I don't even have to slide up to select it. I just release my finger, and it's added to the address I was typing. Now, if I needed any of the other suffixes, I could have selected the from the menu. You can see I added .com twice there, so let's delete that. But as you can see, .com is the default. Now, if you have international keyboard activated, as we saw how to do earlier, the corresponding domains will show up, too. So for example, if you have the Chinese keyboard on, you'll see .hk, .tw, and so on.
But I want to go to lynda.com so with it typed in there, I'll tap Go. So now I'm looking at lynda.com on my iPhone. So the address bar is where you type in the address of the web pages you want to visit. But now in iOS 7, it's also where you perform searches. Anything that you type in here that doesn't include a .com or other suffix automatically ends up as a Google search. So if I clear the address in here by tapping this x button. And just search for lynda. Notice it's already filling out the .com for me there. I'm just going to delete that for this example. And I tap Go, I get a list of Google results.
And I can click the top result here to end up at the lynda.com homepage again. Now, Safari in iOS 7 is designed to be minimalistic. Notice as soon as I start scrolling. The address bar shrinks down and the buttons at the bottom of the screen disappear. And that dedicates the majority of your screen to the page you're browsing. Tapping in the address bar area brings it back to full size and also pulls the buttons up at the bottom of the screen. Also located in the address bar is the Refresh button, which is used to manually reload the page. I'll tap that. And notice, while the page is reloading, it turns into an x, which is the stop button.
So while it's reloading, I can tap x to stop it from reloading. I'm going to go ahead and reload it now. Now, lynda.com, like many sites these days, has been optimized to detect mobile browsers. So it defaults to our mobile site on the iPhone. If you're using an iPad, you'll usually get the full versions of sites that have a mobile version. Since there's more screen space available on the iPad. But not every site optimizes for mobile devices. For example, let's go to apple.com. On Apple's site, you generally get one web experience regardless of the device you're using. So I'll tap, to learn more about the iPhone 5C.
And, for this example, I'm going pinch out to zoom in on the page, so I can tap Text Specs here. Now, I think you'll agree it's not very easy to read the page at this size. Most web pages are designed to be viewed on computer monitors, which are wider than they are tall and we're currently browsing the iPhone in portrait mode. You might find it easier to flip phone to landscape view, but one thing about landscape view is that you might find it more difficult to comfortably hold the phone, or iPod Touch for a long time in that mode. So let's flip it back to portrait, and I'll show you few other ways you can make web pages easier to read. Now as you might expect and as you've already seen, you can pinch out and drag.
To re-size and position the column of text you want to read. But a much easier and quicker method is to simply double tap the column of text you want to read. And just like that it's re-sized and re-positioned perfectly on your screen. And I think you'll agree that the text is much easier to read at this size. Double tapping the text again, zoom backs out to the page width view. Now I mentioned in other movies that tapping at the top of the screen will immediately scroll you back to the top of the page you're viewing. Here in Safari it actually takes two taps, as we've seen one tap at the top brings the address bar back up to size then you can tap above it to scroll back up.
All right now let's look at the buttons across the bottom of the screen. The angled bracket on the lower left is the Back button. And that works just like the Back button on any other web browser. Tap it to go back to the previous page. Notice it remembered the magnification I was viewing this page at. Now once you've gone back the Forward button becomes available. You can tap it to go to the page you were just on. But as we saw, the button bar disappears when you're scrolling in the page you're viewing. Instead of having to tap to reveal the back and forward buttons you can swipe right and left to go back and forward. If you have trouble with this just make sure you're swiping from the very edge of the screen on either side.
All right, the center button at the bottom is the Share button, and we've seen this in action before. It gives you several options for sharing, printing, copying or saving the content of the page you’re on. We’ll come back to this area a little bit later. The next button is for adding bookmarks and viewing your history. Which are a pretty robust set of a features so we’ll look at them and their own upcoming movie as well. And the final button on the lower right of the screen is the Pages button. Sometimes you want to visit another website or webpage without losing the page you're currently viewing. Just tap the Pages button, and here you can tap the plus button. And that generates another new blank browser page.
I'll tap on the address field, let's go to lynda.com again. Since it fills it out for me, I can just tap Go. Now, in previous versions of iOS, you were limited to having eight pages open at once. Here in iOS 7, you can open as many as you like. Now, another scenario in which you might want to open a new window is if you want to follow a link on a web page, but again without closing the current page. So, for example, maybe here at lynda.com, I want to tap this New Releases link. But I want to stay here on the homepage as well. All I have to do is hold down on that link, and after a second, some options appear. I'm going to select Open in New Page.
And you can see that generates a new page and loads the linked page. Now if you didn't see that Open in New Page button, your button might have said instead open in background. That's an option you can set by going to settings. Safari, and here under Open Links, you can choose whether the links you hold down on open in a new page, meaning the page will be immediately visible, or in the background, meaning the page will load behind the page you're currently viewing and you can switch to it when you're ready. So for example, I'll switch it to in background, now go back to Safari And I'll hold down on another link, and now I can tap Open in Background.
And you should have noticed that little animation there. So now when I'm done reading this page, I can switch to the one I opened in the background. Now, if you want to close any of these open pages, you can either tap the X button on page, or just swipe it away to the left. Even if you only have one page open, you can still tap the Pages button and tap the x to close it or swipe it away, leaving you with just a single blank browser page. Let me show you two more settings that apply to what I've shown you in this movie. Here under the Safari settings under Search Engine, you can switch from the Google search engine to either Yahoo or Bing.
This is all a matter of preference, though. And here under Smart Search Field, if, for some reason, you don't want suggestions to pop up while you're typing in the address bar, you can turn off search suggestions. Safari also preloads the top hit for your search by default, meaning, when you perform the search, it's loading the page in the background so it shows up instantaneously when you tap the link. This is useful if you frequently end up picking the top result. If you usually go for other results or if you want to save yourself the band width and not have to load pages you might not want, just turn that option off here under Preload Top Hit. Okay, so that's the basics of loading and browsing web pages in Safari.
In the rest of this chapter, we'll look at other things you can do while using Safari to surf the web.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 74950 Viewers
80 Video lessons · 129929 Viewers
52 Video lessons · 64107 Viewers
59 Video lessons · 49902 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.