ホームページの作り方

コンテンツの追加②_ホームページを作ってみましょう

コンテンツの追加②

前回の記事で見出し1・文章1・余白を追加しました。

この記事では「画像1」「余白」「見出し2」「文章2」まで追加します。

画像1を追加

画像の準備の際にダウンロードした写真を使って、ホームページに写真を追加していきます。

前回の記事で追加された余白の下にカーソルを合わせます。
「+ コンテンツの追加」ボタンが表示されるのでクリック。

「画像」をクリック。

青い部分をクリックします。(フォルダから直接ドラッグしてもいいです)

ダウンロードして保存したフォルダを開き、追加したい画像を選びます。

画像が表示されたら「中央揃え」のボタンをクリックします。

「オプションと代替テキスト」ボタンをクリックします。

「代替テキスト」のフォームに写真の説明文を入力して、右下の「保存」ボタンをクリック。

point

写真の代替テキストは、目が見えない人用のブラウザで読み上げられます。
以前はSEOにも重要と言われていましたが、最近ではそこまで重要視されていないものの、誰もが理解できることが望ましいので、できるだけ代替テキストも入力しておきましょう。

これで写真の追加作業は完了です。

ここまでできたら

ここまでの作業は無事完了しましたか?
完了したら次は「余白(初期値のまま50px)」・サンプル文章ファイルの「見出し2」・サンプル文章ファイルの「文章2」を追加してみてください。
追加方法は前回の記事に掲載しています。

サンプルファイルによっては文章2のリスト表示「・」が設定されています。
> ジンドゥークリエイターの文章機能を120%活用しよう
この記事の
「箇条書き(リスト)」を参考に設定してみてください。

写真はカフェのホームページのサンプルですが、カフェ以外のサンプルでも構成は同じです。
前回の記事と今回の記事を見ながら手を動かして実際に自力で作ってみましょう。

誰かに見て内容が分かってもらえたら問題ありません。
リスト表示が難しい場合はそのままでも大丈夫ですし、ご自身で「●」をつけても構いません。

コンテンツの追加③
コンテンツの追加③_ホームページを作ってみましょう コンテンツの追加①②と進んできた方は、だいぶホームページらしくなってきたのではないでしょうか。 この記事ではサンプルファ...

次の記事でも引き続きコンテンツの追加作業を行います。