webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

image

fluid image

fluid imageはimgに対しての記述で、親要素に対して記述しない。 img{width: 100%, max-width: ** px, height: auto;}

企業サイト再構築 vol.2 float, sliderなど

まずはこの部分から作り始める。 PC用の固定値から始める。 <div class="container"><ul class="gallery upper"><li class="size21 sp"><img src="kirin_img/gallery/image_gallery01_size21.jpg" alt=""></li><li class="size22 pc"><img src="kirin_img/gallery/image_gallery01_size22.jpg" alt=""></li><li class="size21"></li></ul></div>

企業サイト再構築 vol.1 画像を手に入れる

firefox、右クリック、「画像の情報を表示」「すべてを選択」「別名で保存」 フォルダを用意して保存すると、ほとんどの画像がダウンロードできる。 いくつかの画像が手に入りません。 その時は「chrome」を使います。 「右クリック」「検証」 目的の画像を…