2022-01-09から1日間の記事一覧
12-21 <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>transitionのアニメーション2</title> <style> html,body,p,h2{ margin: 0; padding: 0; } img{ vertical-align: b…</meta></meta></meta></head></html>
12-20 qiita.com
12-14 最近ではシングルページのサイトもよく見かけますが、ほとんどのサイトは複数ページをリンクさせていくという形でこちらの方が一般的です。複数ページでサイトを作る際に気をつけないといけないのがフォルダー構成です。 URLの正規化 例えば、キリンの…
12-13 www.ditjapan.com まずはhtmnl5のvideoタグのプロパティを覚えましょう src="" (URL)ファイルのURLheight="" 数値 要素の高さwidth="" 数値 要素の幅autoplay="" autoplay 自動的に再生を行います。controls="" controls 動画再生をコントロールするUI…
12-06 カラムレイアウト www.weblab.co.jp divタグ ・・ひとかたまりの範囲として定義する divタグはそれ自身は特に意味を持っていませんが、divで囲んだ範囲をひとかたまりとして、スタイルシートを適用するのに用います。 今回はh1やpをdivの中に入れ、カ…
12-03 演習１ <body> style要素 style element HTML文書内にまとめて設定します。 </body> 演習２ <style> html,body,h1,h2,p{ margin: 0; padding: 0; } div{ width: 600px; background-color: mediumseagreen; padding: 10px; } h1{ color: #FFF; padding: 20px 0; } h2{ backg…
2021-12-02 htmlの要素（タグ）はh1など特別な物以外は基本的には複数使用する事が出来ます。例えばpタグが4つある場合、それぞれのp要素に名前を付ける事で判別する事が出来るようになります。 idの使い方 idには「ファイル内で同じidは2回使えない」と「1…
11-30 Web広告とは、「インターネットの媒体上に掲載される広告」のことです。広告枠を持つWebサイトや検索エンジンの検索結果ページ、メール、SNSなど、あらゆる媒体に掲載され、web広告やオンライン広告、デジタル広告と呼ばれることもあります。 dentsu-h…
11-29 CSSの基礎で一番解りにくいのが、marginとpaddingの違いです。 margin marginとは要素の外側に出来る隙間の事です。 padding paddingとは要素の内側に出来る隙間です。 言葉にすると一見簡単に思えますが、実際にレイアウトしてみるとシンプルなレイア…
CSS（Cascading Style Sheets） 11-25 CSSとは、HTMLの要素をどのように修飾（表示）するかを指示する、W3Cによる仕様の一つ。HTMLによる文書構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの具体的な仕様の一つ。 h1やpなどの意…
画像のマスク処理 11-19 マスク処理とは、特定の部分のみを表示し、それ以外の部分を表示しないようにする画像処理のことをいいます。 Photoshopには、クリッピングマスクとレイヤーマスクという２つの「マスク機能」があります。この２つのマスク機能を使い…
PCの使い方物を作るうえで、その物を作る為の道具の使い方を覚える、という事が非常に大事になってきます。web制作者にとってパーソナルコンピューター（PC）は料理人にとっての包丁や美容師にとってのハサミと同様に、非常に大事な道具です。今までのように…
