Webデザイン
今日はWebデザインの勉強をしました。 今日の内容をまとめていきたいと思います。 ★今日の内容 ■YouTube動画を挿入する○YouTube動画のコードを取得まずはYouTubeのWebサイトから掲載したい動画を表示させる。動画の下にある「共有」ボタンをクリック。表示さ…
今日は、Webデザインの勉強をしました。 今日の内容をまとめていきたいと思います。 ★今日の内容 ■地図を表示する地図はGoogleが提供している地図サービスである「Googleマップ」を埋め込んて使う。 ○お店の情報を記述するHTMLの<div id="contact" class="big-bg">の部分と「footer」の間に「l</div>…
今日はWebデザインの勉強をしました。 今日内容をまとめていきたいと思います。 ★今日の内容 ■タイル型レイアウトのカスタマイズ例 〇サイズが違う要素を配置する「同じ大きさで配置していた要素の中で、特に目立たせたい」という部分のみ大きく表示してみる…
今日は、Webデザインの勉強をしました。 今日の内容をまとめていきます。 ★今日の内容 ■ページ上部の紹介文を作成MENUページのファーストビューには、大きな背景画像とページタイトル、紹介文を掲載。 〇ファイルの準備「news.html」を複製し、複製したファ…
今日はWebデザインの勉強をしました。 今日の内容をまとめていきます。 ★今日の内容 ■レスポンシブに対応させる現在ではWebサイトをスマートフォンで見る人の方が多くなってきている。スマートフォンのような小さな画面でも見やすいようにCSSで調整する。 〇…
今日は、Webデザインの勉強をしました。 今日の内容をまとめていきます。 ★今日の内容 ■横並びの設定ニュースページのメインコンテンツ部分を作っていく。2カラムの構成なので、2つのボックスを横に並べてレイアウトを組む。 〇レイアウトの骨組みを作成Flex…
今日は、Webデザインの勉強をしました。 今日の内容をまとめていきたいと思います。 ★今日の内容 ■2カラムのWebサイトを制作する 〇 2カラムのレイアウトとは「カラム」とは縦の列のこと。垂直方向にコンテンツを区切ってレイアウトを組むことを「カラムレイ…
今日は、Webデザインの勉強をしました。 今日の内容をまとめていきたいと思います。 ★今日の内容 ■「header」部分の作成Webサイトの全ページ共通となる部分なので、最初に作成。 〇HTMLに「header」部分を記述index.htmlの<body>タグ内に<header>記述する。続いてその中に<h1></h1></header></body>…
今日は、Webデザインの勉強をしました。 今日から学習内容が「簡単なWebサイトの作成」に入ったので、その流れなどをまとめていきたいと思います。 ★今日の内容 ■フルスクリーンとはフルスクリーンとは、画像や動画などのメインビジュアルを画面全体を使って…
今日はWebデザインの勉強をしました。 重要だと思ったポイントをまとめていきます。 ★重要だと思ったポイント ■レイアウト レイアウトとは、掲載する様々なコンテンツを、ユーザーが使いやすいようにWebページ上のどこにどう配置するのかを設計すること。Fle…
今日はWebデザインの勉強をしました。 重要だと思ったポイントをまとめていきます。 ★重要だと思ったポイント ■線の指定 border-widthプロパティは、線の太さを指定する。1つのサイズを指定した場合はすべての辺に同じサイズが適用される。辺によって太さを…
今日も、Webデザインについて勉強しました。 重要だと思ったポイントをまとめていきます。 ★重要だと思ったポイント background-imageプロパティは、要素の背景に画像を設置する。urlという値を使って画像のファイルを指定。「url」に続いて()内に画像のパス…
今日も、Webデザインの勉強をしました。 重要だと思ったポイントをまとめていきます。 ★重要だと思ったポイント CSSはセレクター、プロパティ、値と呼ばれる3つの部品を組み合わせて、「どの部分の、何を、どう変えるか」を指定。 セレクターは、どの部分を…
今日も、Webデザインについて学びました。 今日も重要だと思ったポイントをまとめていきたいと思います。 ★重要だと思ったポイント 〇表の作成の仕方 <table>タグ内に<tr>タグで横の行を追加。さらにその中に<th>タグまたは<td>タグでセルを作る。 セルを横につなげるには、セル</td></th></tr></table>…
今日は、Webデザインの勉強をしました。 今日も、重要だと思ったことをまとめていきたいと思います。 ★重要だと思ったポイント HTMLは、Webページの土台となるファイルを作成する言語で、コンピュータがそのページの構造を理解できるようにするのが役目。表…
今日は、Webデザインについて学びました。 参考にしている書籍は、「1冊ですべて身につくHTML&CSSとWebデザイン入門講座」です。 重要だと思ったポイントをまとめていきます。 ★重要だと思ったポイント デザインの目的は、相手に伝えること。 デザインを通し…
