動画・Web制作

php

(PHPの始め方)htmlフォーム セレクトメニューの使い方

本日はセレクトメニューの使い方について説明します。セレクトメニューは、メニューの中から「ひとつだけ選択」できる設定と「複数選択」できる設定をすることができます。最初に完成イメージです。 (adsbyg
php

(PHPの始め方)文法 繰り返しについて for while do..while foreach

本日はphpの文法で「繰り返し」について説明します。phpでの繰り返しを行う処理は4つあります。「for」、「while」、「do while」、「foreach」です。それぞれ例題と見ながら解説しま
html css js

(PHPの始め方)htmlフォームtextboxを使う

本日は、textboxの使い方について説明します。完成すると、下記のような表示になります。テキストボックスに何かの文字列を入力後、同じページ上部にその文字列を表示します。 (adsbygoogle =
php

(PHPの始め方) 文法 連想配列の使い方

連想配列の構文本日は、連想配列について説明します。仕組みはわかるけど、使い方を覚えれないっという方向けにまとめています。連想配列の公式keyが添え字インデックスです。valueは要素(データ)です。下
premiere

(初心者入門)動画作成!Premiere Proの使い方 一気にまとめて説明

こんにちは。本日はPremiere Proの使い方を一気にまとめて説明させていただきます。対象は、初心者向けです。流れがわかるように、動画の作成を一気にまとめて説明させていただきます。この記事の内容を
photoshop

バナー素材 Phtoshop リボン作成

今回は、バナーでよく使われる「リボン」をphotoshopで作成しました。皆さんの参考になればうれしいです。バナー素材 Phtoshop リボン作成photoshopを起動します。「長方形ツール」を選
photoshop

photoshop基本 スライスツールの使い方 1.スライス→2.スライス選択→3.Web用に保存

本日は、「スライスツール」について解説いたします。photoshopのバージョンは、photoshop2020です。スライスツールは、「画像を複数に分割する」際に使います。動作イメージ動作をイメージし
photoshop

photoshop基本 レイヤーマスクの使い方

photoshop基本 レイヤーマスクの使い方本日は、photoshopの基本として「レイヤーマスク」の使い方を解説します。使用したphotoshopのバージョンは2020です。「レイヤーマスク」と「
html css js

Webサイト Flexボックスを使ったレスポンシィブデザイン

flexboxを使ったレスポンシブデザインのページの解説です。
photoshop

photoshopでバナー作成 ハンバーガー 

photoshopでバナー作成 ハンバーガーyoutube上にアップされているWebページの作成チュートリアルをやってみる!シリーズです。今回、参考にさせていただいたのは、上記の動画になります。Pho
html css js

css レイアウト fontawesomeを使ったシンプルメニューバー

(adsbygoogle = window.adsbygoogle || []).push({});youtube上にアップされているWebページの作成チュートリアルをやってみる!シリーズです。今回、
html css js

css レイアウト bootstrapを使った3カラムメニュー

css レイアウト bootstrapを使った3カラムメニューyoutube上にアップされているWebページの作成チュートリアルをやってみる!2本目です。今回、参考にさせていただいたのは、上記の動画に
html css js

css レイアウト 背景画像を使った全画面ページ

本日は、youtube上にアップされているWebページの作成チュートリアルを参考にさせていただき、実際にWebページを作成します。今回、参考にさせていただいたのは、下記の動画になります。時間は短いなが
html css js

CSS タグ(divとspan) id classの使い分け

今回は、タグ(divとspan)と属性(idとclass)について解説します。同時に解説する理由は、セットで使うことがほとんどだからです。まず、divとspanからいきましょう!divとspanどちら
html css js

CSS プロパティの書き順

今回のテーマは、「CSSのプロパティを記載する順番」についてです。順番についていくつかのやり方がありますが、今回は「mozilla.org Base Styles」をもとに記載順については、解説します
html css js

CSS 幅(width)と高さ(height)の指定

本日は、CSSでの幅と高さの指定について解説させていただきます。widthは要素の幅、heightは要素の高さを指定するものです。 書き方html<div class="box1">これはbox1</
html css js

CSS ブロック要素とインライン要素

HTML で表示されるすべてのタグには、dispalyというプロパティを持ちます!displayプロパティの値は、代表的なものが4つあります。block,inline,inline-block,non
html css js

本当にはじめてのWebページの作り方

HTML CSS って何?と思う方向けに記事を作っていきたいと思います。知識はないけいど、興味があればうれしいです。むしろ、そういう方にお読みいただければと思います。まずは、イメージで解説です。HTM