ページに埋め込んで公開

広告

前のページではスプレッドシートを1つの独立したWebページとして公開しました。今度は既にあるWebページの中に埋め込んで公開する方法について確認します。

公開したいスプレッドシートを開き、右上にある「共有」ボタンを押して表示されるメニューの中から「ウェブページを公開」メニューを表示して下さい。

p2-1

「公開を開始」ボタンを押して下さい。次のような画面が表示されます。

p2-2

一番目のボックスの値を「ページに埋め込む HTML」を選択して下さい。

p2-3

最後のボックスにWebページに埋め込むコードが表示されます。

p2-4

このコードを既存のWebページの中に記述します。例えば「sample.html」というWebページ内に次のように記述しました。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>ドキュメント埋め込みサンプル</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>
<body>

<p>
この下にドキュメントを埋め込んでいます。
</p>

<iframe width='500' height='300' frameborder='0' src='http://spreadsheets.google.com/pub?key=t3dDKYry66rqRuYzsVA3oSg&output=html&widget=true'></iframe>

<p>
作成日:2010年3月18日
</p>

</body>
</html>

このWebページをブラウザで開いてみます。

p2-5

このようにWebページの中にiframeを使ってドキュメントを埋め込んで公開することができました。この場合も閲覧はできますが編集などは行うことができません。

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)