1
00:00:00,570 --> 00:00:07,860
In this lecture we're going to explore working with AI frames an AI frame is an HMO document embedded

2
00:00:08,040 --> 00:00:08,910
inside another.

3
00:00:08,910 --> 00:00:16,600
Each team will document AI frames are commonly used to insert content from another source into a web

4
00:00:16,600 --> 00:00:17,080
page

5
00:00:22,650 --> 00:00:24,870
for the purpose of this lesson.

6
00:00:24,930 --> 00:00:32,490
We want to build a page that allows users to conduct searches on multiple search engines from a single

7
00:00:32,490 --> 00:00:36,560
page as shown in this example.

8
00:00:36,580 --> 00:00:43,930
Here we can search both ask.com and being dot.com search engines and the search results will load in

9
00:00:43,930 --> 00:00:45,490
their corresponding I frame

10
00:01:03,770 --> 00:01:04,730
to begin.

11
00:01:04,850 --> 00:01:09,920
You'll need to open your text editor and create a basic HMO page as shown here

12
00:01:12,690 --> 00:01:14,740
once complete save your pages.

13
00:01:14,760 --> 00:01:21,720
I frames dot HMO anywhere on your computer.

14
00:01:21,760 --> 00:01:28,610
Next we'll need to add our eye frames into the page an eye frame can be added with the eye frame tag

15
00:01:33,930 --> 00:01:38,290
we'll add this tag into the body of our each email document.

16
00:01:43,520 --> 00:01:53,760
This is the open I frame tag and I'll also insert the close I frame day the I frame tag has different

17
00:01:53,790 --> 00:01:58,770
attributes we can apply the first attribute is the eye frame source

18
00:02:04,800 --> 00:02:13,490
and that's the source of the web page that will be displayed within this eye frame.

19
00:02:13,980 --> 00:02:16,320
Next we can specify the width of the eye frame

20
00:02:22,570 --> 00:02:30,710
we use 100 percent as the width and we can also specify a height and for that we'll use 400

21
00:02:37,220 --> 00:02:43,610
No not all Web browsers support i frames so the next thing we want to do

22
00:02:47,320 --> 00:02:48,640
is we just want to include

23
00:02:51,400 --> 00:03:07,650
a line of code that will be displayed if the user's browser does not support IE frames.

24
00:03:08,230 --> 00:03:10,960
So in this case the user will know to either use a different browser

25
00:03:13,630 --> 00:03:24,890
or update their existing browser so that's our first frame and we're gonna copy this block of code and

26
00:03:24,890 --> 00:03:32,590
paste it and this time just switch the eye frame source attribute to being dot com

27
00:03:35,500 --> 00:03:43,810
which is the other search engine we want to display now go ahead and save your file and preview this

28
00:03:43,810 --> 00:03:48,620
in your web browser.

29
00:03:48,950 --> 00:03:57,750
And as you can see both pages ask.com and Bing dot com are displayed in this single HDMI document and

30
00:03:57,750 --> 00:04:00,300
contained within an ivory.