ホームページ作成の最近のブログ記事

■DreamWeaverでイメージマップ作成■
地図を4分割してそれぞれに別ページにリンクさせる方法

map.png

A地区、B地区、C地区、D地区の範囲をクリックすると

各リンクページに飛ぶようにします。

それをイメージマップの作成と言います。

作り方については、ここが詳しく書いていただいています。

出来たけど、よくわからずにできた感じです。

ドリームウィバー(ホームページ作成ソフト)

久しぶりに使ってみた。

       あ~~~~ん、忘れた!

テンプレから新しいページを作成するのどうだったけ?
テンプレファイルを出して、新規作成ーテンプレートから新規作成
保存ー名前をつける
今回は、フォルダを作成して、その中にindex.htmlとしました。
NETを見ながら、なんとか完成!感謝!

メニューを増やしてっと・・・・・テンプレの保存。
うまく反映された!!よかった!

ところが、

又更新を加え保存すると、すべてのページが表示され
保存されているようになるんだけど、反映されていない。

        なんで~~~

NETで調べるとうまくヒットしました。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

サイトーサイト管理ー編集ー詳細設定の下の方に「テンプレート」項目

ここの「ドキュメントの相対パスを再書き込みしない」にチェックが入っていたので
はずすと反映されたぁ~~

dw.JPG

よかった!

特定の場所にリンクするページ内リンクと
他のページの任意の場所にリンクする方法を
タグで書きます。

まずは、アンカーポイントの設定

個人情報保護方針という欄がページの下の方にあるとして
そこへ直接リンクできるようにします。

まずは、飛ばしたい任意の場所に
下記のタグを書きます。
名前はなんでもいいのですが、今回「policy」とします。

<h2><a name="policy"></a>個人情報保護方針</h2>
と付箋を付けます。

リンクしたい文字や画像にリンクタグをいれます。
同じページの場合は、付箋の名前の前に「#」を付けます。

<a href="#policy">個人情報保護方針</a>

違うページからのリンクでは、ページの名前の後に

<a href="gaiyo.html#policy">個人情報保護方針</a>

秋の講習会に「デジカメ講座」をします。

いろんなソフト使ってみたけど、結局パソコンに元から入っている
ムービーメーカーになりました。

でも、windows7では、ムービーライブメーカーになっていて
少し違うので、入っていない人は、マイクロソフトからムービーメーカー2.6
DLしないといけません。

ムービーメーカーでスライドショーにして、DVDStyler ポータブルというフリーソフトで
テレビで見られる拡張子に変換します。

DVDStylerはフリーだし、PCにインストールする必要がないので
USBにいれて持ち歩くこともできます。

もうひとつ、フリーソフトで面白いと思ったのは、「PhotoSlideshow Maker」
インストールが必要なので講座では使わないですが、とても初心者向けで
説明要らずなくらい簡単!

お店や企業の受付などで商品の紹介なんかに使えそう!
パソコンに入れておいてエンドレスでまわしておけばいいし、
簡単なので、すぐに作りかえれそう。
HTMLの知識が少しあれば、今あるホームページから
リンクしたり、ページにFlashをいれたりできる。

出来上がったものは、こちらをクリック

各ソフトをDLする時は、広告が入ったり、不要なものが一緒に
入ったりするので少し慎重に。チェックが入っているものは
はずした方がいいですよ。

DVDの複製

パンくずリスト作成

SEOの講習会で、パンくずリストがSEO的に
内部チューニングの一つとしていいということで
作ってみようと挑戦!

ちょっと、素敵なのを作りたかったけど、
背景画像がうまく出てこなかったので、奮闘!

ドリームウィバーでは、背景画像がでてこなかったので、
何度もやり直してかなり時間がかかった。

NETで見ると画像が出ていたので、不具合ですね。
なんでだよ!!

NETで調べたけど、なかなかうまくいかない。

ここのサイトがわかりやすかった。

http://m-school.biz/dev/css-coding/007-css-breadcrumbs.htm

というか、頭こんがらかって、平凡なものになっちゃった!

残念!次回はもっとおしゃれなのに挑戦するぞ!!

詳しくは、続きで書きますね。

ブログでフォントサイズやカラーなど
うまく表示されないことありませんか!?

アイコンで簡単に指定できるはずなんですが、

キャプチャ.PNG
うまく来ません。そんな時、少し、タグを知っていると簡単!

正しいタグ

-----------------------------------
<font size="5"><strong><font color="#FF0000">
大阪難波 ホテル一栄のグルメ
</font></strong></font>
------------------------------------

<font size="5">フォントサイズ1~7数字が大きく程大きい
<strong>太字
<font color="#FF0000">フォントカラー

文章の前に入らないといけません。
文章の終わりには、各閉めタグが必要
</font>フォントサイズの閉めタグ
</strong>太字の閉めタグ
</font>フォントカラーの閉めタグ

こんな感じで出来上がり~

キャプチャ2.PNG

ちなみに「FF0000」は赤、「FFFFFF」は白

色コードは、こちらhttp://webiti.com/htmltag/cat20/216/

「サイトにtwitterのタイムラインを表示されている方」
    変更してくださ~~いよ!!

twitterのウィジェットサービス昨年秋に新しくなって、
古いのはサービス停止です。
2013年3月6日に一時停止をしてその後、停止していくようです。

秋以降にウィジェットサービスを利用したんですが、
念のためもう一度タグ取得しなおしました。

Twitter APIの仕様変更に伴う、新システム移行によって
TweetsWind等のタイムライン表示システムも変更されています。

今は表示されていますが、一定期間を過ぎると表示されなくなります。
新しいタグを取得しましょう。と書かれています(2013/03/05)

2サイト「TweetsWind」を利用していたので、取得しなおしました。
古いサービスでは、twitterのタイムラインは表示されているんですが、
アカウントへのリンクが無効になっていました。

http://www.tweetswind.com/info/

 

サイトにtwitterのタイムラインの表示、画像の表示も表示したいはこちら
http://nc-works.jp/m2webmt/2011/10/twitter.html

FFFTPってご存知ですか?
ホームページをサーバー側インターネット上に
送ることが出来るフリーソフトです。


ソフト(ドリームウィバーやホームページビルダー)を使っていて
そのまま送っている方もいるでしょうが、
私は、このソフトを長年使っています。


長年使っていてはじめての経験だったのですが、
ローカル側とサーバー側が表示されてアップロードやダウンロード
左から右へ、右から左へドラッグするだけなのですが、
今回サーバー側しか表示されない。


こまった!!


ネットで調べてみると、ここに載っていました。
http://oshiete.goo.ne.jp/qa/171032.html


真ん中にあったフレームが移動しただけではないんですか?
両方の(この場合左かな)縁にカーソルもっていって
右にドラッグしたら移動できませんか?

なぁんだ~えらく簡単なことですが・・・

最近管理者が変わったので、なんか変わったのかとドキッットしました。

http://gigazine.net/news/20120608-browserling/
gigazine.net
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。browserling - interactive cross-browser testinghttps://browserling.com/◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGo...

けっこう難しくてなかなかできなかったけど、ここにいけば簡単にタグを自動生成してくれます。

http://feed.mikle.com/

表示したいページの幅などを考慮し、幅、高さを決める。

ブログの題名が入る色などを決めて右側に出てくるプレビューを見る。

プレビューの下に、タグが生成されて出てくるので、それをコピーして

ページに貼り付ける。件名だけの表示にしました。

 

それだけ、簡単!!

twitterのタイムラインもこんな感じで貼りつけます。

別記に書いてますよ。

2017年6月

        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

このアーカイブについて

このページには、過去に書かれたブログ記事のうちホームページ作成カテゴリに属しているものが含まれています。

前のカテゴリはアメブロカスタマイズです。

次のカテゴリは画像加工です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

ウェブページ

Powered by Movable Type 5.2