Webサイト制作22 ホームページ制作基礎講座 Emmet!プラグインの使いかた(adobe Brackets 使って) Yoshiko先生 爆速プラグイン「Emmet!」の紹介です。これを設定すると入力が非常に楽になります! EmmetでHTMLのタグを入力してみよう。 Emment でHTMLのタグ(要素)を入力する場合は、要素名を入力して... 2020.12.08Webサイト制作ホームページ中級講座動画
Webサイト制作21 ホームページ制作基礎講座 フォトギャラリーを作る 続き Yoshiko先生 こちらはこの前のページ 20 のフォギャラリーを作ろうの続編です。前のページは下記から参照されてください。 Photo GalleryのHTMLの全体コード <!DOCTYPE html... 2020.11.26Webサイト制作ホームページ中級講座動画
Webサイト制作20 ホームページ制作基礎講座 HTML編 フォトギャラリーを作る Yoshiko先生 今回はよく使うフォトギャラリーを作っていきましょう〜写真とキャプションの組み合わせのカード形のデザインです。<figure>という要素を使います。 はてな女史 <figure>?フィギュ... 2020.11.24Webサイト制作ホームページ中級講座動画
Webサイト制作10-2 HTMLとCSS講座 CSS編 そろそろ中級講座になってきましたホームページ作成講座です。 マークアップ言語HTML5でheader footer 設定がおわったあと、CSSでデザインを書いています。 前回の続きのCSSで、liner-gradient と... 2020.04.03Webサイト制作ホームページ中級講座動画
Webサイト制作10-1 ホームページ中級講座 CSSでグラデーション 外部スタイルシート HTML<head></head>内に記述する内包のスタイルシートとは違い、HTMLとは別のファイルを作成して、そのファイルの拡張子をcssとすることで、スタイルシートのファイルを作成す... 2020.04.02Webサイト制作ホームページ中級講座動画
Webサイト制作19 ホームページ制作基礎講座 CSS編 footerを固定する Yoshiko先生 HTMLのsection 内に入っている画像周りこみを制御するcss19回目となります。ここでは、ページの一番下に常にfooter が固定されている状態を作っています。 はてな女史 footer って、あのco... 2020.03.03Webサイト制作ホームページ中級講座動画
Webサイト制作18 ホームページ制作基礎講座 CSS編 float Yoshiko先生 HTMLのsection 内に入っている画像周りこみを制御するcss18回目となります。画像と文章のまわりこみ「float」に関しての説明動画です。 はてな女史 フロートはがどうにもうまくできません。すごく壊れ... 2020.02.27Webサイト制作ホームページ中級講座動画
Webサイト制作17 HTMLとCSS講座 CSS編 text-shadow Yoshiko先生 ホームページ制作基礎講座 17回目は、1セットのサイトを作ります。CSSでheader を書いていきます。text-shadow 使ってみました。ロゴぽく見えますかね〜 やりすぎると汚く見えてします影効果です。 ... 2020.02.20Webサイト制作ホームページ中級講座動画
Webサイト制作16 HTMLとCSS講座 HTML編 Yoshiko先生 ホームページ制作基礎講座 16回目は、HTMLコードを書く回です画像の横並びにfloat を書いて行きます。HTMLではemmet を使っているので div.content TABキーなどの <div clas... 2020.02.19Webサイト制作ホームページ中級講座動画
Webサイト制作15 HTMLとCSS講座 CSS編 隣接セレクタ編 Yoshiko先生 ホームページ制作基礎講座 15回目は、グローバルナビゲーションでよく使う隣接セレクタの書き方です。CSSです。 はてな? 隣接セレクタって何ですか?そもそもグローバルナビゲーションって? Yoshiko... 2020.02.19Webサイト制作ホームページ中級講座動画
Webサイト制作14 HTMLとCSS講座 HTML/CSS編 display:flex を検証! yoshiko 14HTML/CSS中級となってまいりました。横並びの決定版 disply:flex を使います。12章・13章で紹介したCSS display:flex について細かい設定を行う動画です。display:flex... 2020.01.22Webサイト制作ホームページ中級講座
Webサイト制作13 HTMLとCSS講座 CSS編 12の続きです。ナビゲーションのあと、article の中の section 内にCSSを適用させてます。 article にpadding 設定のあと、section設定を行います。margin などに気を使って設定していきます... 2020.01.22Webサイト制作ホームページ中級講座動画
Webサイト制作12 HTMLとCSS講座 CSS編 そろそろ中級講座になってきましたホームページ作成講座です。ここでは、グローバルナビゲーションをCSSで書いています。 <nav> <ul> <li> <a href="#">のCSSを書いて行く中で、単位のe... 2020.01.21Webサイト制作ホームページ中級講座動画
Webサイト制作11 HTMLとCSS講座 HTML編 そろそろ中級講座になってきましたホームページ作成講座です。 html header 要素の中に必ず存在するグローバルナビゲーション。nav で囲んでの、ul>li>a のタグを書いています。 emmet を使っているので、とて... 2020.01.21Webサイト制作ホームページ中級講座動画