- GoogleSiteでホームページをつくろう#01:GoogleSiteで簡単にホームページが作れる
- GoogleSiteでホームページをつくろう#02:GoogleSiteに登録・始動!
- GoogleSiteでホームページをつくろう#03:ページを開設する
公開日:9/20/2019
シェア:Tweet
このサイトで過去に「Googleサイトを使ったWEBサイト」の作り方を紹介したことがありました。
実はこれ以降、あまり需要がなかったため途中になっていましたが、Googleサイトでどれだけのページが作れるかを試す機会があったので、改めて機能などをまとめたいと思います。
細かいところの自由度は、あまりありませんが(Bloggerの場合、スタイルシートもいじれる)その分、使いやすくて作りやすい。パソコンが使えて、アイデアがあれば、誰でも簡単にホームページの開設ができる!と言えるくらい、シンプルな作りになっています。
(透かし画像がオシャレなサイト上部)
(3列レイアウトが本物志向を演出)
(フッターも入れられます)
どうですか?しっかりホームページっぽくなっていますよね?このレベルであれば、HTMLコードとかCSS(スタイルシート)の知識なんてほとんどいりません。ブロックを並べるようにして、ホームページをつくることができます。
※センスは必要です。むしろ、WEBサイト作成のメインはデザイン能力だと感じます。レイアウトの時間を除けば数時間で作れます。
記事全体を確認したい方は下記アドレスから見ることができます。
https://sites.google.com/view/monokuropalet/
このアドレスはGoogleのサービスを使っています感が満載ですが、カスタム URLにも対応しているので、オリジナルのアドレスを取得して使うことも可能です、
(パソコンでの表示イメージ)
シェア:Tweet
Googleサイトを使って真面目にWEBサイトを作ってみた
このサイトで過去に「Googleサイトを使ったWEBサイト」の作り方を紹介したことがありました。
実はこれ以降、あまり需要がなかったため途中になっていましたが、Googleサイトでどれだけのページが作れるかを試す機会があったので、改めて機能などをまとめたいと思います。
細かいところの自由度は、あまりありませんが(Bloggerの場合、スタイルシートもいじれる)その分、使いやすくて作りやすい。パソコンが使えて、アイデアがあれば、誰でも簡単にホームページの開設ができる!と言えるくらい、シンプルな作りになっています。
Googleサイトで作れるWEBサイト
そのようなわけで、さっそくGoogleサイトを使って仕事用のWEBサイトを作ってみました。一応フリーランスで活動しているので、ホームページのひとつくらいは作っておこうということで(既に7年経過していますが)数時間かけて組み立ててみました。
(透かし画像がオシャレなサイト上部)
(3列レイアウトが本物志向を演出)
(フッターも入れられます)
どうですか?しっかりホームページっぽくなっていますよね?このレベルであれば、HTMLコードとかCSS(スタイルシート)の知識なんてほとんどいりません。ブロックを並べるようにして、ホームページをつくることができます。
※センスは必要です。むしろ、WEBサイト作成のメインはデザイン能力だと感じます。レイアウトの時間を除けば数時間で作れます。
記事全体を確認したい方は下記アドレスから見ることができます。
https://sites.google.com/view/monokuropalet/
このアドレスはGoogleのサービスを使っています感が満載ですが、カスタム URLにも対応しているので、オリジナルのアドレスを取得して使うことも可能です、
スマホの表示にも対応
ガラケーがメインだった頃は、パソコン用とガラケー用で2パターンのサイトをつくるということがよくありました。パソコン用サイトはデータサイズの関係で、ガラケーでは用事するのはスペック的にもパケット的にも大変だったんです。
それが、スマートフォンになり、パソコン用のサイトでも開けるようになりましたが、次に問題になったのが「画面サイズ」
パソコン用に作ったサイトはスマホだととても見にくいのです。
そこで、閲覧環境に応じて、レイアウトを自動的に変えてくれる「レスポンスサイト」登場します。そうすると大変なのが、ホームページ作り。閲覧環境に応じてレイアウトを自動的に変更する機能を埋め込まなければいけません。
その点、Googleサイトは最初からレスポンスサイトに対応しています。
その違いを見てみましょう。
(パソコンでの表示イメージ)
(スマートフォンのイメージ)
わかりにくいかもしれませんが、ちゃんとレイアウトが変更されています。
こういうのができるがGoogleサイトのメリット!
これからGoogleサイトでいろいろらサイトを作っていくので、ぜひ参考にしてみてください、
作り方のリンク
よく読まれている記事
-
このサイトで過去に「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が無料でホームページを作れるサービスまでやっていました。 あまりメジャーではありませんが(僕は最近まで知らなかった・・・)直感的に構築ができるので、初心者でも簡...
-
ホームページづくりも最終段階。最後はフッターにコピーライトを入れてあげます。 コピーライトというのは「写真とかテキストの著作権は私が持っている」ことを証しするもので、書き方や意味などたくさんのサイトで取り上げられています。 ただ、読んでも三者三様だったりしてちょっと...