公開日:8/11/2018
シェア:Tweet
まずは前回の続き。https://sites.google.com/newにアクセスします。
ウェルカムな感じのページが出てきました。とりあえず、簡単にホームページが作れるみたいです。
Googleといえばスケジュール管理とか動画とかGooglePhotoがありますが、そのサービスとGoogleSiteの連携も簡単!
ハイレベルなコラボレーション。仲間たちとホームページの管理ができる!これはフリーランス向けのマニュアル作成にも便利!
もちろん、スマホ向けのサイトにも対応。いまはモバイルに対応していないサイトはGoogle検索の評価も落ちてしまいますからね・・・。
では、一通り案内を見たところで「使用する」を押して始めてみましょう。
GoogleSiteの管理画面が表示されました
一つのアカウントで複数のホームページが管理できるみたいです。
では、いよいとホームページを作っていきます!
自動的にサイトが生成されます。画面右側にはいろいろなパーツが並んでいます、これを貼り付けながらサイトを作成していくわけです。
また、タイトルの表示方法が何パターンが準備されています。背景のエリアにマウスを持ってくると「見出しのタイプ」ボタンがでてくるので押してみましょう。
まずは「カバー」
続いて「バナー大」
「バナー」は最初のレイアウトです
「タイトルのみ」は背景が消えます
ここでは「バナー大」ですすめてみます。
続いて、画面左上の「サイト名を入力」をクリックします。
テキストの部分をクリックするとテキスト編集ができるので、サイト名を入力しましょう。また「ロゴを追加」を押すと、ロゴが入ります。
タイトルとサイト名、ロゴが入った状態で、これでも十分ホームページみたくなってきましたよね。
次回はさらにコンテンツを増やしていきます。
シェア:Tweet
GoogleSiteでホームページをつくろう#02:GoogleSiteに登録・始動!
では、はりきってGoogleSiteを始めていきましょう!プログラマもデザイナーもいらない。そして簡単!では、GoogleSite始動です!まずは前回の続き。https://sites.google.com/newにアクセスします。
ウェルカムな感じのページが出てきました。とりあえず、簡単にホームページが作れるみたいです。
Googleといえばスケジュール管理とか動画とかGooglePhotoがありますが、そのサービスとGoogleSiteの連携も簡単!
ハイレベルなコラボレーション。仲間たちとホームページの管理ができる!これはフリーランス向けのマニュアル作成にも便利!
もちろん、スマホ向けのサイトにも対応。いまはモバイルに対応していないサイトはGoogle検索の評価も落ちてしまいますからね・・・。
では、一通り案内を見たところで「使用する」を押して始めてみましょう。
GoogleSiteの管理画面が表示されました
一つのアカウントで複数のホームページが管理できるみたいです。
では、いよいとホームページを作っていきます!
GoogleSiteにページを作る
では、画面右下の「+」をクリックしてサイトを追加します自動的にサイトが生成されます。画面右側にはいろいろなパーツが並んでいます、これを貼り付けながらサイトを作成していくわけです。
タイトルとサイト名を編集する
ではさっそく、ページのタイトルを編集していきます。ページのタイトルをクリックすると、テキストの変更はもちろん、背景の張替え、文字位置の変更ができます。また、タイトルの表示方法が何パターンが準備されています。背景のエリアにマウスを持ってくると「見出しのタイプ」ボタンがでてくるので押してみましょう。
まずは「カバー」
続いて「バナー大」
「バナー」は最初のレイアウトです
「タイトルのみ」は背景が消えます
ここでは「バナー大」ですすめてみます。
続いて、画面左上の「サイト名を入力」をクリックします。
テキストの部分をクリックするとテキスト編集ができるので、サイト名を入力しましょう。また「ロゴを追加」を押すと、ロゴが入ります。
タイトルとサイト名、ロゴが入った状態で、これでも十分ホームページみたくなってきましたよね。
次回はさらにコンテンツを増やしていきます。
よく読まれている記事
-
このサイトで過去に「Googleサイトを使ったWEBサイト」の作り方を紹介したことがありました。 GoogleSiteでホームページをつくろう#01:GoogleSiteで簡単にホームページが作れる GoogleSiteでホームページをつくろう#02:GoogleSit...
-
SDGsと騒がれながら、なぜパソコンはどんどん買い替えを迫られるのか?そんなことを日々考えています。挙句の果てにはWin11に対応するため、ちょっと古いパソコンは強制買い替えを迫られ「Windows10が最後っていったじゃん!」という叫びの記事もあります。 ゴニョゴニョして無理や...
-
GAS(GooleAppsScript)でスプレッドシートのデータを表示できました。次に新しいデータを入れられるようにしたいところですが、まずは「リンク」でページの移動をできるようにしましょう。 最初の画面の「追加」ボタンをおすと取引を追加する画面に移動するイメージです。 使うの...
-
GoogleBlogger(ブロガー)でオリジナルホームページを作ろう ------- 再構成した記事もあります: https://mono-kuro-palette.blogspot.com/2020/04/blogger01.html ------- Wor...
-
続いて、カルーセルを設置しましょう。カルーセルとは複数枚の画像を切り替えられるアイテムです。 絶対必要ではありませんが、ホームページのかっこよくするうえではすごく効果があるので、さっそく設置していきましょう! 画像カルーセル
-
最初に基本のアイテムを設置していきます。 Googleサイトにはたくさんのアイテムがありますので、好きなアイテムを設置していいのですが、ここでは基本的なものを紹介していきます。 下準備
-
今日は、久々のテクニカルなことをやって見ようとおもいます。そう。Instagramにちょいちょい入っている、広告をプレゼンソフトの定番「パワーポイント」で作ってみるというものです。 もちろん、個人的に広告で出すようなものもなければ、外注さんに頼めるほどの仕事もないので「っぽい」と...
-
サイトの公開ができましたが、どうにもアドレスが気に入らない!もっと短くしてくれないとかっこ悪い! そんな方にはダイナミックDNS(DDNS)に登録してアドレスを貰って、設定をすることで短いアドレスでホームページを開くことができます。 では、実際の操作方法を見ていきまし...
-
このページで以前に「Bloggerでオリジナルのホームページを作ろう」という記事を書きましたが、なんとGoogleが無料でホームページを作れるサービスまでやっていました。 あまりメジャーではありませんが(僕は最近まで知らなかった・・・)直感的に構築ができるので、初心者でも簡...
-
ホームページづくりも最終段階。最後はフッターにコピーライトを入れてあげます。 コピーライトというのは「写真とかテキストの著作権は私が持っている」ことを証しするもので、書き方や意味などたくさんのサイトで取り上げられています。 ただ、読んでも三者三様だったりしてちょっと...