元ファイルを残す
編集前にフォルダをコピーしておけば、失敗してもすぐ元に戻せます。
BEGINNER GUIDE
初めての編集を、
初めての編集を、
6つの順番で覚える。
HTMLやCSSを触ったことがなくても大丈夫です。最初は難しいタグを覚える必要はありません。「文字」「画像」「色」から始め、少しずつホームページを自分のものにしていきます。
6 STEPS
この順番で進めるのがおすすめです。
各ページではTemplate 001「Simple Business」の実際のファイルを例に説明します。
STEP 01
文字を変更する
会社名、見出し、本文、ボタン、電話番号など、HTMLに書かれている文字を書き換えます。
解説を見る → STEP 02画像を変更する
imagesフォルダの写真を差し替え、HTMLから別の画像を指定する方法を覚えます。
解説を見る → STEP 03色を変更する
CSSの初心者編集エリアを使って、サイト全体のメインカラーや背景色を変更します。
解説を見る → STEP 04メニューを変更する
ナビゲーション項目の名前・リンク先・順番を変更します。
解説を見る → STEP 05ページを追加・削除する
既存ページを複製して新しいページを作る方法と、不要なページの外し方を解説します。
解説を見る → STEP 06サーバーへ公開する
完成したHTML・CSS・画像をサーバーへアップロードし、Webで公開するまでを説明します。
解説を見る →BASIC RULE
編集を始める前に、3つだけ覚えてください。
半角記号を消しすぎない
< > " { } ; などはHTML/CSSの仕組みに必要です。説明された文字部分から変更します。
1か所ずつ確認する
一度に大量変更せず、保存→ブラウザで確認を繰り返すと原因を見つけやすくなります。
AFTER 6 STEPS
カスタマイズ講座へ →基本編集ができたら、デザイン変更へ。
横幅・文字サイズ・余白・ボタン・見出し・カードレイアウトを学べる「カスタマイズ講座」を用意しています。
FIRST LESSON
STEP 1を始める最初は「文字を変更する」から。
会社名や見出しを書き換えるだけなら、HTMLの専門知識がなくてもすぐ試せます。