WEB基礎 HTMLタグ4(table)
テーブルタグ
table・・・今から表書きますcaption=表題tr=table row（行）・・・行が増えますth=table header（テーブルヘッダー）・・・見出し扱い。途中で出てきてもOKtd=table data（テ...
WEB基礎 
WEB基礎 HTMLタグ3（img）とパス(PATH)
imgタグ
alt属性には代替テキストを入れておく。ファイルが壊れてたり、通信環境により読み込めなくても、そこに何の画像があったか知らせることができて、ユーザーと検索エンジンに親切。
更に視覚障害のある方たちはブラウザを音声で...
WEB基礎 HTMLタグ2(リスト,hr,a)
リストタグ(ul,ol,dl)
リストタグは以下の３種類。見た目はCSSで定義するので、意味を考えて使い分ける。コードはSEO的に考えよう！
ulタグ
順序性のないリスト(unordered listの頭文字)。menu...
WEB基礎 HTMLタグ１(h,br,特殊文字)
検証ツール
いろいろな場面で、良いサイトのソースコードを見て勉強しよう！コツブラウザの「検証ツール」をたくさん使う。
HTMLとCSSを書いたら、以下のサイトで間違いがないか確認する。
Another HTML Lint...
Cocoon アイキャッチサイズの最適解
縦横比率 最低800×800以上 できれば1024×1024以上 推奨1280×1280 9:16801×14241026×18241287×2288約5:8約800×1294約1025×1658約1280×20712:3800×...
WEB基礎 HTML基礎
ソースコードの表示方法
右クリックで「ソースを表示」で、該当のソースコードが見れる。
デバックには右クリックで「検証」でディベロッパーツールが表示される。表示位置はアイコンをクリックで変更可能。
表示を変えられるのはC...
WEB基礎 WP基礎２
サーバー各社
有料・無料があるがお好みでどうぞ。先生は言ってなかったけど、契約するときには自己アフィリリンクを踏んでからの方がいい。お小遣いになります。
X-serverXFREEロリポップ光サーバー など
テーマ各種と...
WEB基礎 WP基礎１
Word Press概要
世界中で使われているCMSであるワードプレスは、カスタマイズのし易さもあり、世界中のサイトの約３分の1はwordpressで作られているともいわれるほど普及している。
多くのテーマやプラグインが存在し...
photoshop ベクトルマスクを使ってパスで画像を切り抜く
切り抜き方法いろいろ
「被写体を選択（AI技術）」でいけたらラッキーツールバー左下にある「クイックマスクモード（疑似マスク）」で選択範囲を確認できるWクリックでオプションがでる「選択と範囲」でもいい気がする選択範囲をパスにする（後述...
illustrator イラレの効果とワープ、線幅ツール
効果
「効果」の中に様々な変形がある。効果は「fx」でプロパティに表示されている。その他、「効果」＞「ワープ」でワードやエクセルでお馴染みの感じにオブジェクトの形を変えることができる。
効果の一例
線幅ツール
バナ...