illustrator講座04 バナー作成講座 PSDファイルからの書き出し 在宅・フリーランスになるためのバナー作成講座 yoshiko先生 Webサイト制作で必要な要素のひとつ「バナー」作成講座4回目です。今回は、Photoshopではまだあまり知られていない「アートボード」を使って、簡単に異なるデザイン... 2020.03.31illustrator講座Webサイト制作バナー作成講座
Webサイト制作05 はじめてのホームページ HTMLとCSS article要素 section要素 を設定 文章から基本のマークアップを行います。 article要素とは <artilce>という要素は、独自コンテンツと呼ばれる要素です。 ホームページのコンテンツ=内容を囲... 2020.03.24Webサイト制作ホームページ基礎講座動画
Webサイト制作04 はじめてのホームページ HTMLとCSS HTMLのマークアップされたファイルにCSSを書いていきます HTMLファイルを開いたら、<title>エコロジー&環境問題<title>の直下に内包のスタイルシートを書いていきます。<styl... 2020.03.24Webサイト制作ホームページ基礎講座動画
Webサイト制作03 はじめてのホームページ HTMLとCSS 基本のマークアップが終わりましたら、今回はHTMLで画像の設定を行います。画像は<img>要素を使います。 画像はインライン要素ですので、今回の動画は<p>要素の中に書いています <p><img sr... 2020.03.23Webサイト制作ホームページ基礎講座動画
Webサイト制作02 はじめてのホームページ HTMLとCSS 01のはじめてのホームページ HTMLとCSSでは、エディタに文字にマークアップ言語であるHTMLを設定しました。タイトルにはタイトル要素の<h1>を文章には、段落要素の<p>をマークアップしています。今回は、デザイン担当のCSSを設定します。 2020.03.23Webサイト制作ホームページ基礎講座動画
Webサイト制作01 はじめてのホームページ HTMLとCSS マークアップ言語であるHTMLは、文章に印をつけていく構造型 骨組みの言語です。タイトルだったら<h1> そのサブタイトルだったら<h2> 段落だったら<p> 箇条書きだったら<ul><li> リンクだったら <a href=""> というように印をつけていく言語です。 2020.03.23Webサイト制作ホームページ基礎講座動画
illustrator講座03 バナー作成講座 背景に写真・さくら吹雪のブラシ 在宅・フリーランスになるためのバナー作成講座 yoshiko先生 Webサイト制作で必要な要素のひとつ「バナー」今回は、Photoshop バナーで、背景に写真やイラストを設置してみます。 はてな? バナー作成講座の2回目で... 2020.03.16illustrator講座Webサイト制作バナー作成講座
Webサイト制作01 レスポンシブホームページ基本講座 レスポンシブとは、スマートフォン・タブレット・パソコン画面をHTMLはひとつで、CSSで見た目を可変するデザインのことです。今回のレスポンシブホームページ基礎講座は、その概念と考え方を行います。そこで、まず最初に使い方を覚えておく必要がある、google クロムの検証ツール「chromeデベロッパーツール」の使い方を行います。レスポンシブ講座では必須なので、ここでしっかりと使いかたを覚えていきます。 2020.03.16Webサイト制作レスポンシブ基礎講座
Webサイト制作00 レスポンシブホームページ基本講座 レスポンシブとは、スマートフォン・タブレット・パソコン画面をHTMLはひとつで、CSSで見た目を可変するデザインのことです。今回のレスポンシブホームページ基礎講座は、その概念と考え方を行います。そこで、まず最初に使い方を覚えておく必要がある、google クロムの検証ツール「chromeデベロッパーツール」の使い方を行います。レスポンシブ講座では必須なので、ここでしっかりと使いかたを覚えていきます。 2020.03.15Webサイト制作レスポンシブ基礎講座
illustrator講座02 バナー作成講座 コピー文をバナーらしく載せる 在宅・フリーランスになるためのバナー作成講座 yoshiko先生 Webサイト制作で必要な要素のひとつ「バナー」今回は、Photoshop にコピー文を広告バナーらしく入力していきます。 はてな? バナーらしくとは??どん... 2020.03.14illustrator講座Webサイト制作バナー作成講座
illustrator講座01 バナー作成講座 まずは基本のサイズとフォント設定 在宅・フリーランスになるためのバナー作成講座 yoshiko先生 Webサイト制作で必要な要素のひとつ「バナー」このバナー作成講座では、基本の作り方をPhotoshop Illustratorを使って作成していきます。 はて... 2020.03.06illustrator講座Webサイト制作バナー作成講座
Webサイト制作19 ホームページ制作基礎講座 CSS編 footerを固定する Yoshiko先生 HTMLのsection 内に入っている画像周りこみを制御するcss19回目となります。ここでは、ページの一番下に常にfooter が固定されている状態を作っています。 はてな女史 footer って、あのco... 2020.03.03Webサイト制作ホームページ中級講座動画