プログラミングノートスマートフォン用の表示で見るプログラミングノートプログラミングの備忘録ですこの広告は、90日以上更新していないブログに表示しています。第2回GoogleカレンダーGoogleカレンダーをHTMLページに埋め込んで表示します。Googleカレンダーを埋め込みますので、HTMLページでカレンダーを更新する必要がありません。ホームページに営業日カレンダーを表示する場合に役立ちます。複数のカレンダーをまとめて1つのHTMLページで見れるようにすることもできます。Googleカレンダーの「Googleカレンダー埋め込み支援ツール」機能を使います。Googleカレンダー埋め込み支援ツールでは、埋め込むカレンダーのプレビューが表示されますので、埋め込むカレンダーに表示する内容(ナビゲーションボタンなど)を選択します。選択した内容でHTMLページに埋め込むコードが作成されます。埋め込みコードをコピーをして、HTMLページのソースファイルに貼り付けます。埋め込みコードをコピーHTMLページのソースファイルに貼り付けブラウザでHTMLページを表示し確認1.Googleカレンダー埋め込み支援ツールを表示Googleサービスにログイン後GoogleアプリからGoogleカレンダーを選択し、Googleカレンダーを表示します。(ログインURL:https://accounts.google.com/Login?hl=ja#identifier)画面左で、埋め込み対象のカレンダーの右横にある▼をクリックします。カレンダーの詳細画面が表示されますので、「このカレンダーを埋め込む」項目にある「色やサイズなどをカスタマイズします」リンクをクリックします。クリック後、Googleカレンダー埋め込み支援ツールが表示されます。2.埋め込みコードの作成Googleカレンダー埋め込み支援ツールの画面左側に、埋め込むカレンダーに関する選択項目が表示されます。項目を選択すると、選択を反映したプレビューが画面中央に表示されます。プレビューの表示をもとに埋め込みコードが自動作成されます。画面中央にある「下記のコードを貼り付けると、このカレンダーがウェブページに挿入されます」の下(下の図の2部分)に、埋め込みコードが表示されます。1部分にある「表示するカレンダー」項目で埋め込むカレンダーを選択します。複数のカレンダーを選択すると、複数のカレンダーをまとめて1つのHTMLページに表示することができます。上の画像の2部分に表示されるコードをすべて選択します。Ctrlボタンと「c」キーを同時に押してコピーをします。4.HTMLページのソースファイルに貼り付けカレンダーを埋め込むHTMLページのソースファイルを開きます。Ctrlボタンと「v」キーを同時に押して貼り付けます。ソースファイルの編集が終わりましたら保存します。5.ブラウザでHTMLページを表示し確認HTMLファイルを右クリックしメニューリストを表示します。メニューリストから「プログラムから開く」を選択し、さらにブラウザを選択します。HTMLファイルがブラウザで表示されますで、埋め込んだカレンダーの表示を確認します。»プロフィールプログラミングについて書きます。困ったりつまづいたりして勉強したことや、わからなくて調べてたことを、中心に書きます。調布市子ども交通教室はてなブログをはじめよう!white-liliumさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。