- Webの基礎
- HTML,CSSって何?
- Javascriptって何?
- ローマ字以外の文字が打てない
- ショートカットを覚えよう
- ファイルとフォルダの違い
- 圧縮と解凍
- 絶対パスと相対パス
- 使ってはいけない文字
- ホームページを作るときのコンセプト
- ナビゲーション
- ホームページを作るために必要なものは?
- HTML
- htmlとは
- おまじないを書こう
- headとbodyの違い
- マークアップ
- cssとjavascriptのリンクの仕方
- 「div」「p」「span」の違い
- 「p」以外のクラス名設定
- divのきり方
- divの多用はダメ
- ソースの綺麗な書き方
- テーブルを使ってみよう
- テーブルの多用は駄目
- 終了タグがないHTMLの書き方
- HTMLを書く際にしてはいけないこと
- CSS
- cssとは
- cssのメリット
- bodyとpageの違い
- cssを指定する場所
- pisitionの使い方
- 文字の後ろに背景を設定しよう
- リンクを触ったときに色を変えたい
- hoverの可愛い使い方
- floatを使いこなそう
- ボーダーの種類と使い方
- tableを可愛く装飾しよう
イラスト・画像加工系
PictBearは、すっごく重宝します。
このサイトのロゴの文字加工やサイズを小さくするのに使いました。
比較的使いやすく便利なソフトです。
お勧め度★★★★★ 無料
GIMP2は、上の一番大きい画像の柔らかい光と横線の効果を使わせていただきました。
フォトショップに近いのでダウンロードを薦めます。
私は使い方が難しくまだ慣れてません。フォトショップより難しいかも
お勧め度★★☆☆☆ 無料
SAIでイラスト作成しました。30日の無料体験アリ。
有料版は5000円です。かなりお手ごろ
自由に線や色が塗れます。フォトショップのようなパスではないです。
お勧め度★★★☆☆ 有料
ベクタ形式で、イラストレーターに激似です。
ベクタ形式なのでナビなど作るのに便利です
お勧め度★★★★★ 無料
便利ソフト系
リンク切れをチェックしてくれる超便利ソフトです。
おかげさまでリンクキレが結構あったのを早く修正できました。(サクラでは厳しい…)
お勧め度★★★★★ 無料
複数の文字をいっせいに置換してくれます。
たとえば、100ページ作成しててリンクがおかしかったとき。(aaa.htmlがaab.htmlになっていたなど)
置換前を検索し正しい文字へと置換してくれます。しかも文字化けなし!!
お勧め度★★★★★ 無料
私はこのエディタでサイトを作りました。
全角が間違えて入ってたり、構文ミスなどがあったらすぐに分かるので非常にオススメです。
お勧め度★★★★★ 無料
お勉強・参考サイト様
とても勉強になりました。お勧めです。
CSSで分からない所があったら必ず参考にさせていただいています。
というかサイトを作るとき必ず開いています。
お勧め度★★★★★ 無料
pictbearの加工講座さまです。TOPロゴの加工に使わせていただきました。
また、こちらにリンクがあったフィルタで高品位圧縮などができるようになりました。
お勧め度★★★★☆ 無料
素材
可愛い動物の写真が沢山あります!
DESIGNにて使わせていただきました。
無料
種類が豊富で、また撮り方もとても上手なので
思わず有料かと思い何度も利用規約を読み直しました。(笑)
無料
種類が豊富で、無料ではめずらしい人物の写真素材も無料であります。
素材に困ったらまずここですね。
無料