HTML

イラストレーターでmapを描く

角丸長方形で描く。 角の丸さはアローキ(→↓←↑)で合わせられる。 道を一つ書いたらAltでコピーしながら複製して道幅や長さを変えていく。 線路は線(パスツール)で描く。 線の始まりをクリックし終わりにマウスを持っていきShiftを押しながらクリックすると直…

 list-style-image

画像は左上合わせになってしまい、文字と高さが合わないので調整する。 合わない理由は文字にはアセンダがあり画像にはないため左上に表示されてしまう。画像にははlist-style-imageは使わない。 background-imageを使用する。何も指定しないと左上になって…

外部リンク

手打ちで入力する際には@charset"utf-8" を最初に必ず入力すること。

外部リンク

1行でもデーターを軽くするために。 スタイルシートのの中をカット(Ctrl+X)してファイル→新規→CSS にペースト(Ctrl+V) 2行目の*/CSS */はDeleateしてよい。 保存→htmlと同じ階層のところに保存する(base.css)htmlのテキストに戻ってstyleをすべてDelea…

イラストレーター

矢印を描いて色の濃度を変える。 長方形ツールで縦長の長方形を描く。 色を塗る。 Alt+Shiftで水平方向にコピーしていく。カラーパレットからスウォッチパッレットヘその色をドラッグする。 持ってきた色をWクリックする。 グローバルのところにチェックを入…

背景のイメージ画像 グラデーション

background-image: url(images/画像名.jpg) グラデーション画像を用意してその画像をrepeat-xで横に繰り返す。 グラデーション画像の終りの色に合わせて背景色を入力する。 視覚的にページの下までグラデーションがなっているように見える。

画像の配置

同じフォルダのなかにhtmlとimgフォルダを作れば簡単なんだ。 違うところに作ると階層が変わって内側から外側へいくから./とか../とか つけなくてはならないと複雑に……。 慣れてきたらどうってことないのかも(笑)今はいいや。 <img src="images/btn.gif" width="100" height="100" alt="ボタン">cssでtext-align: center;に…

パディング

パディングは内側へ マージンは外側をという概念だと思ってた。けど……。パディングは内側を広げていくけど見た目は大きくなるので widthを指定したときにパディングの両サイド分も足してあげないと レイアウトが崩れるらしい。

color

光の三原色 R(赤) G(緑) B(ブルーバイオレット)RGBそれぞれの色がオンオフ(00)で表すので 6桁(ヘキサデシマル)になる。 0〜9A〜Fを使用(16進数) 最初の数が0だと濃いいろでFだと薄い色になる。

color

光の三原色 R(赤) G(緑) B(ブルーバイオレット)RGBそれぞれの色がオンオフ(00)で表すので 6桁(ヘキサデシマル)になる。 0〜9A〜Fを使用(16進数) 最初の数が0だと濃いいろでFだと薄い色になる。

はじめの第一歩

webクリエーターを目指して基礎科を受講し初めてのブログ。 今日の一歩は大きな一歩カモ。