web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

4日目

今日は…マークアップをしたり、テーブルの解説、相対パス絶対パスについて学びました。

Aiの方は様々なショートカットキーの勉強、パスファインダーの使い方など。

 

(HTML編)

・tableを作る
 :tableは、Field=原っぱを区切る=raw=畑にすることでなりたっている。
 :よって<tr>とは、table raw=畑に入ったすじ(横のライン)である=必須事項
 :<td>はtable descriptionで、中身のこと
 :<th>はtable headingで、見出し
・tableとは、データベースから値を受け取って表示するもの
SEO対策的にはtableには価値はない
・一番上の<td>の数と揃えること
・<tr>はあくまで行を作るための概念なので、CSSはほぼ効かないと考えるべき
・縦に抜く=rawを抜くのでrawspan
・横に抜く=columnを抜くのでcolspan
 
※フォーム内で行数や文字数を指定する時は省略型の、raws colsをつかう。
※tableは、最後の閉じタグまで読んでから表示する特性上、レイアウトに使うと重くなる
 
・wwwとはWorldwideWebのことだが、サーバ名である
絶対パス相対パス&本日のSEO対策
 :絶対パスをあえてa:に使うことは今はもう有効ではない
 →重くてトラブルの基である
 :contentsとtitleとを一致させること
 :1ページあたりのリンク数が100を超えるとマイナス評価
・外のサーバに取りに行くのが絶対リンク
相対パス…index.htmlが一番大事 
 :カテゴライズするときは、フォルダを作って一個一個のカテゴリのトップをindex.htmlという名前にすること
 :***/index.htmlは***/でやめてリンクをするほうが検索的に良い
 :検索するとき、最初の200行くらいしか読まれていない
 
 
(Ai編)
・白い矢印=一部だけ選択肢たいときに
・黒い矢印=まとめて図形を指定
・文字スタイル=サイトのレイアウトなどを作るときに使う(ウィンドウから)
・ctrl+Rでルーラーが出てくる
 :ルーラーのラインはshift+ctrl+ダブルクリックで実線に変えられる
 →戻すときはctrl+F5で
・塗りながら描くのが基本
・円のアンカーは基本は4つ(要練習)
パスファインダー→包丁でぶった切るイメージ(カットする線ははみ出してる感じ)→合体もできる
・正方形を書いて、→2つの頂点たけ選ぶ…オブジェクトからパスを選んで平均…垂直と水平どちらも…選ぶと三角形になる。
・角丸はマウスを押したまま上下矢印キーで丸の大きさを変えられる
・幾つもの画像を選択した時、揃えるボタンが発生する。基準としたい図形をクリックするとそれにそろえることができる
 
・ctrl+F ctrl+B→上に乗せる、下にしく