おおっと、テキストボックスにHTMLが書ける!

めんどくさいけど、ページ生成した後にURLを記録しておいて、自分でナビゲーションをつくれば、左サイドバーもオリジナルぽくできるかも。

ホームページ制作 大阪

SOHOデザイナー、アトリエぽるかのGoogleサイトのテストページです。
実際にカスタマイズを行っていきながら、活用法を考えていきたいと思います。

大阪でホームページの制作、印刷物のデザイン作成は、アトリエぽるかまで。

HTMLで上記リンクを見ると rel="nofollow" が記述されています。最近ページ数の多くなりがちなブログからのリンクがあると、検索結果にいい影響を与えない、といったようなことを時々目にしているのですが、ふとそのことを思い出しました。

Googleサイトの特徴?

Googleサイトの特徴は、それほどHTMLを知らなくても、ブログ感覚でWEBサイトを作れることにあるようです。操作画面右上の「その他の操作>サイトを管理」を選択すると、誰が、何時、更新作業を行ったかの履歴が表示されます。これは、複数のメンバーでホームページを作っていけることを表しています。同じように「その他の操作>変更履歴」では、バージョンとして更新内容が保存されており、以前の内容に戻せるようになっています。失敗を気にせずにどんどん更新できそうです。

<head></head>内のカスタマイズ模索

サイトのタイトルは「polka-design」としていますが、これを「ホームページ制作 大阪」と変えたいと思っても、どうも変更できないようです。サイトの内容をコピーして新しいサイトをつくることでしか、タイトルは変更できないのかもしれません。

オリジナルCSSは読み込めないかも。通常のサイト制作では、HTMLとスタイルシートを組み合わせて自在に行いますが、今のところ設定項目が見つけられません。知識を不要とせずに簡単に表示崩れなくサイト作成をできるようにする目的で、個別のスタイルシートは読めないようになっていそうです。

用意されているテンプレートにCSSでアクセスできるか?

<head></head>の中はいじれない。では、書き込み部分から、各レイアウトブロックにCSSでアクセスできるのか?  を試してみたい。
グーグルサイトのこのテンプレート(左ナビ・右コンテンツ)では、<table></table>が使われている。
これまでの当方の解釈では、<style></style>を書いた後のソースは、他の方法で書かれたスタイルシートより優先される、ハズ。

そこで、まず、この右コンテンツ部分<td></td>のスグ内部に<style></style>をHTML編集モードで入れてみる。
見出しはクサ色の設定であるところを、RGB金赤?にしてみる。

と、あえなく撃沈。下のようなアラートがでました。余分な属性扱いで弾かれてしまいました。

HTML コンテンツが変更されます
セキュリティ上問題があるタグ (iframe、埋め込み、スタイル、スクリプト) か余分な属性が HTML に含まれています。これらはページの表示から除外されます。

では、HTMLタグに直接style=""で書いてみる。
こんどこそ見出しをRGB金赤に、、、、

ファイルを追加で、URLを貼付

↑↑ おおおおお。うまくいった〜。(と驚くほどでもないですね)
あ、これって、ヤフーストアだったかのカスタマイズと同じ要領かもしれません。
画面の大きな割付こそ変更できないものの、割付内のデザインはHTMLタグに直接style=""で書きまくれば、
オリジナルっぽくみせられるのかも。

とりあえず、上のアラートを金赤罫をつけよう。

さて、この右コンテンツ部分だけオリジナルっぽくしても、
左サイドバーとヘッダー、さらにはフッターがデフォルトのままでは妙な塩梅ですよね。

ヘッダーにはロゴしか入れられない? ならば、、、

いっそのこと、グーグルでの設定上はヘッダを消去しておいて、
タグで中央コンテンツ部にヘッダを書いておいてネガティブマージンで右上に上げてしまう作戦をとる。と...

うまくいってれば、サイトタイトルの上に重なってるハズと思ってやってみましたが、おお〜 なんてことでしょう。ダメでした。自動でネガティブマージンが弾かれている〜〜〜。これは別の方法を考えねば

ファイルを追加で、URLを貼付

「ファイルを追加」ボタンがあったのでクリックすると、パソコン内の画像選択の他に、URLを入力する箇所がありました。
http://www.polka.jp/index.htmlと、アトリエぽるかのホームページアドレスを入力したところ、ボタン下にリストとして文言のみ(代換えテキスト?)で並びました。
ページ上で単純に画像を並べる箇所なのかもしれません。

そこで、次にURL直接入力は同じで、jpg画像のURLを入力したところ、画像があらわれるか期待しましたが、先ほどと同じようにボタン下にリストとして文言のみ(代換えテキスト?)で並びました。

アトリエぽるかのホームページです。
表示
アトリエぽるかのホームページです。  2010/04/24 5:43 松田英司
アトリエぽるか メインイメージ
表示
アトリエぽるかのホームページのメインイメージ  2010/04/24 5:51 松田英司
サブページ (1): ニュース