書いてばかりのホームページの息抜きは彩り


*


*
もじ文字 有意義な労働 健康と衛生 執筆への道標 そもそも学 更新情報

創作活動歴 | 作品紹介 | 小説投稿サイト | ホームページ | おすすめ小説 | サウンドアドベンチャーゲーム

執筆への道標

* *
*
創作ホームページ

書いてばかりのホームページの息抜きは彩り

ホームページを文字だけで彩ろうとする人は
少ないかもしれません。

沢山の色やセンスを組み合わせて
あなたの作りたい空間は作られるものです。

画像の編集や装飾を
自由に変えられるサイトを紹介します。

フリーサイトですので自由に利用できます。

「バナー工房」
バナー工房へのリンク

リンクするボタンや
イメージ画像
画像に文字を書いたり
自由にできます。

ベースとなる背景や画像を
先日ダウンロードしていただいたかと思われます
ホームページの基盤
のフォルダの中にある
「img」に保存しておくと便利です。

「拡張子(かくちょうし)」というものがあります。
「gif」「jpg」「png」などが主であり
ファイルの名前にドット(.)をつけたあとにある文字です。

ファイルの種類を表しているものです。
画像を編集して保存する時は
「jpg」にしておくと大抵問題はありません。

「バナー工房」のサイトは
今後ホームページをつくるのに重宝されるサイトです。


編集できた画像は
以前にダウンロードしたと思われます「hpフォルダ」の中の
「img」に全て入れておくことを
オススメいたします。

画像もひとつひとつ「URL」があります。
もしも
どこか別のサイトで画像を保存した場合
そのサイトがメンテナンス中や
最悪は閉鎖してしまった場合
あなたのホームページの画像装飾は
表示されず
一見、壊れたページになってしまいます。


ホームページに画像を表示する場合。


<img src="画像URL" alt="画像のタイトル">

例えば
上記の「画像URL」に
初期状態で保存されている画像である

「img/haikei003.jpg」(深緑の色)

というファイル名を入力することにより
その画像を表示できます。


「img」は「フォルダ名」であり
「/」により違うファイルの保存場所であることが認識され
「haikei003」は「ファイル名」であり
「.jpg」は「ファイルの種類」を表しています。

「フォルダ」の中に
さらに「別のフォルダ(フォルダ名を「img2」とする)」がある場合で
「別のフォルダの「img2」」に「haikei003.jpg」があるとすると

「img/img2/haikei003.jpg」

となります。


画像をクリックすることで
別のページにリンクするためには

<img src="画像URL" alt="画像のタイトル">
の前後に

<a href="ページURL"> </a>

が必要となります。

この場合「ページURL」にリンクするURLが必要となります。

「page001.html」へリンクする場合は
「index.html」と同じフォルダなので
「page001.html」と入力します。

上記をひとつにまとめると

<a href="page001.html"><img src="img/haikei003.jpg" alt="画像のタイトル"></a>

と、なります。

画像はあなたのセンスやイメージを
視覚的、直感的に判断しやすい材料のひとつです。

画像の編集も何度か繰り返すうちに慣れます。
慣れると面倒に感じなくなりますので
画像の装飾を繰り返すうちに
あなたが納得できる空間へ近づけます。
あなたの世界観を装飾で表現しましょう。



   ■創作ホームページ 一覧へ戻る
   *


 ■類似タイトル
 
 
 ■類似タイトル
 
 
 ■類似タイトル
 
 
 ■類似タイトル
 
 
*




     




*その他コンテンツ











プロフィール&創作作品
もじ文字
サイトマップ
もじ文字 更新情報



健康と衛生
そもそも学
執筆への道標
有意義な労働



With the exception of the work that has been provided with the consent,
all of the copyright is owned by the administrator of もじ文字 _since2013_
同意を得て提供されている作品や紹介されている不特定多数の作品を除いて
当サイトに掲載されている著作権の全てをもじ文字の運営者が所有しています。