2019年04月10日
ブログを作ろう♪HTML&CSS 4ページ目
本日は、リンクとジャンプのお話ね♪
と言いつつ…私のリンク切れが起きてました…
なんともまぁ…教える立場が教えられるとは…
因みにフォロワーさんの『すなまめ@sunamame06』さんに教えていただき発覚しました…有難うございます♪
いや〜本格的に作ってる方は違いますね〜♪
本題に戻ろう…w
お茶会参加者の方申し訳ありません!
本日から修正してありますので、何処なりと飛んでいけますので宜しくです♪
さて、本日の題材『挿入』の『リンク』から。
ちなみに、時間の都合上『ジャンプ』のお話は 明日のお楽しみにしますね…
リンクと聞いて、大抵の方は解かるとは思いますが…
良く言えば、読者を好きなところに誘導できる『どこでもドア』。
悪く言えば、一昔前にあった『ワンクリック詐欺』w
健全に使えば、違うページに飛ばせるので便利です。
例えば…
こんな感じね。
指定した文字に、直接プログラムを入れて別なページ(URL)に飛べるようにする。
まさに、さっき見に行ったブログに飛ぶための入り口ですよ!!
使い方次第では、色々なことが出来るのですよ!!!
最近の人は知ってるかな?
『ゲームブック』
あれを、ブログで出来ちゃんですよ♪
ページが書いてない?
ページは必要ないでしょ!
ひたすらブログを書いて(この場合は選択内容)リンク貼るだけwwww
昔、当時の相方が作ってたんですけど…あのページ残ってるのかな?www
さておき、ではどうやるか?
簡単です!
行きますよん♪
まずは、リンクを貼りたい文字をドラッグ!
色が反転した状態で、青〇の『リンク』をクリック!
画像の様になりますので、赤丸部分にリンク先「URL」を貼る!
貼れたら『OK』をクリック♪
これで完成ですね!
実に簡単!!
でもね、確認しないとダメですよね!どこに飛ぶか解らないし!
そもそも飛べないとか…ねぇ〜…
さて、画面を下に移動してください…
赤〇部分のチェックをオンにして、でたリンクをクリック!!
素敵な世界へ飛んでけ〜♪
どうですか?
ちゃんとリンク先に行けましたか?
行けた方は、お疲れさまでした♪
行けない方はURLを確認しましょう!
『https://』が2個重ねったりしませんか?
まさかね〜????wwww
ちゃんと、確認しましょうね♪
あと、本日のブログ作りには注意が必要です!!
どうしても相手先と連絡が取れない場合は、https://〇〇の一文字を抜いて直接飛べないようにURL(ttps://)を『ブログに直接書く』とかしましょう♪
私は、グレーに『苦情来たら消します』とかやってますけど…←真似しちゃだめですよw
では、本日はこの辺で♪
と言いつつ…私のリンク切れが起きてました…
なんともまぁ…教える立場が教えられるとは…
因みにフォロワーさんの『すなまめ@sunamame06』さんに教えていただき発覚しました…有難うございます♪
いや〜本格的に作ってる方は違いますね〜♪
本題に戻ろう…w
お茶会参加者の方申し訳ありません!
本日から修正してありますので、何処なりと飛んでいけますので宜しくです♪
【準備がまだの方はこちらから!】
ブログを作ろう♪準備編
ブログを作ろう♪実践編1ページ目
ブログを作ろう♪実践編2ページ目
ブログを作ろう♪ 実践編 2.5〜3ページ目
ブログを作ろう♪ HTML&CSS 1ページ目
ブログを作ろう♪ HTML&CSS 2ページ目
ブログを作ろう♪ HTML&CSS 3ページ目
ブログを作ろう♪準備編
ブログを作ろう♪実践編1ページ目
ブログを作ろう♪実践編2ページ目
ブログを作ろう♪ 実践編 2.5〜3ページ目
ブログを作ろう♪ HTML&CSS 1ページ目
ブログを作ろう♪ HTML&CSS 2ページ目
ブログを作ろう♪ HTML&CSS 3ページ目
さて、本日の題材『挿入』の『リンク』から。
ちなみに、時間の都合上『ジャンプ』のお話は 明日のお楽しみにしますね…
リンクと聞いて、大抵の方は解かるとは思いますが…
良く言えば、読者を好きなところに誘導できる『どこでもドア』。
悪く言えば、一昔前にあった『ワンクリック詐欺』w
健全に使えば、違うページに飛ばせるので便利です。
例えば…
昨日、Twitterで変な人見つけました〜♪
むぎ茶会@Secondgenerati_←クリックで見に行けるよ〜♪
むぎ茶会@Secondgenerati_←クリックで見に行けるよ〜♪
こんな感じね。
指定した文字に、直接プログラムを入れて別なページ(URL)に飛べるようにする。
まさに、さっき見に行ったブログに飛ぶための入り口ですよ!!
使い方次第では、色々なことが出来るのですよ!!!
最近の人は知ってるかな?
『ゲームブック』
あれを、ブログで出来ちゃんですよ♪
ページが書いてない?
ページは必要ないでしょ!
ひたすらブログを書いて(この場合は選択内容)リンク貼るだけwwww
昔、当時の相方が作ってたんですけど…あのページ残ってるのかな?www
さておき、ではどうやるか?
簡単です!
行きますよん♪
まずは、リンクを貼りたい文字をドラッグ!
色が反転した状態で、青〇の『リンク』をクリック!
画像の様になりますので、赤丸部分にリンク先「URL」を貼る!
貼れたら『OK』をクリック♪
これで完成ですね!
実に簡単!!
でもね、確認しないとダメですよね!どこに飛ぶか解らないし!
そもそも飛べないとか…ねぇ〜…
さて、画面を下に移動してください…
赤〇部分のチェックをオンにして、でたリンクをクリック!!
素敵な世界へ飛んでけ〜♪
どうですか?
ちゃんとリンク先に行けましたか?
行けた方は、お疲れさまでした♪
行けない方はURLを確認しましょう!
『https://』が2個重ねったりしませんか?
まさかね〜????wwww
ちゃんと、確認しましょうね♪
あと、本日のブログ作りには注意が必要です!!
世の中には著作権というものが存在します。
サイトやブログそのものにも著作権は存在します。
ですので、自分のブログ内でリンクを貼るのは問題ないのですが…
自分とは関係のないサイト。
本日ですと『すなまめ』さんの各サイトですね。
こういったもののリンクには、著作者の許可が必要になります。
仲良くなっても、必ず相手先の許可を取りましょう♪
サイトやブログそのものにも著作権は存在します。
ですので、自分のブログ内でリンクを貼るのは問題ないのですが…
自分とは関係のないサイト。
本日ですと『すなまめ』さんの各サイトですね。
こういったもののリンクには、著作者の許可が必要になります。
仲良くなっても、必ず相手先の許可を取りましょう♪
どうしても相手先と連絡が取れない場合は、https://〇〇の一文字を抜いて直接飛べないようにURL(ttps://)を『ブログに直接書く』とかしましょう♪
私は、グレーに『苦情来たら消します』とかやってますけど…←真似しちゃだめですよw
では、本日はこの辺で♪
関連記事
1.ブログを作ろう♪準備編
2.ブログを作ろう♪実践編1ページ目
3.ブログを作ろう♪実践編2ページ目
4.ブログを作ろう♪ 実践編 2.5〜3ページ目
5.ブログを作ろう♪ HTML&CSS 1ページ目
ブログを作ろう♪ HTML&CSS 2ページ目
ブログを作ろう♪ HTML&CSS 3ページ目
1.ブログを作ろう♪準備編
2.ブログを作ろう♪実践編1ページ目
3.ブログを作ろう♪実践編2ページ目
4.ブログを作ろう♪ 実践編 2.5〜3ページ目
5.ブログを作ろう♪ HTML&CSS 1ページ目
ブログを作ろう♪ HTML&CSS 2ページ目
ブログを作ろう♪ HTML&CSS 3ページ目
【このカテゴリーの最新記事】
-
no image
-
no image
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
https://fanblogs.jp/tb/8711624
※ブログオーナーが承認したトラックバックのみ表示されます。
この記事へのトラックバック