news,Webサイト制作,ホームページ中級講座,ホームページ基礎講座

Thumbnail of post image 060

Visual Studio Codeとは、Microsoft Azureが開発している様々なOS(Windows/Mac)上で動くコードエディターです。そもそもエディターという ...

Webサイト制作,ホームページ中級講座,ホームページ基礎講座,動画

Thumbnail of post image 185

模写コーディングを行う際は、少しでも速く、効率良く入力を練習する必要があります。 何度か紹介してきたプラグイン「Emmet!」を再度解説した動画です。確認してみましょう。 Em ...

Webサイト制作,ホームページ基礎講座,動画

Thumbnail of post image 165

今回使うHTML/CSSファイルの準備 今回は11のフォルダを作成し、その中にindex.htmlのHTMLファイルと外部スタイルシート「style.css」ファイルを作成しま ...

Webサイト制作,ホームページ基礎講座,動画

Thumbnail of post image 171

今回は10のフォルダを作成し、その中にindex.htmlファイルを作成します。そのファイルを開いてHTMLコードをコピーして貼り付けておきましょう。 <!DOCTYPE ...

Webサイト制作,ホームページ基礎講座,動画

Thumbnail of post image 183

header要素 とfooter要素の追加 今回のマークアップはarticle要素と、section要素の他に、Webサイトの上部ヘッダーに設定するheader要素。下部フッタ ...

Webサイト制作,ホームページ基礎講座,動画

Thumbnail of post image 193

前回07ホームページの基礎で作成したHTMLのマークアップファイルを使って、CSSを書いていきます。 今回のCSSは、線(borderプロパティ)を中心としたデザインを設定しな ...

Webサイト制作,ホームページ基礎講座,動画

Thumbnail of post image 158

07ホームページ基礎講座では、Webサイトの中で使う箇条書き要素について、HTMLのマークアップ練習を行います。箇条書き要素は、Webサイトでは多くの場所で目次として扱われ、グ ...

Webサイト制作,ホームページ基礎講座,動画

Thumbnail of post image 157

前回の05はじめてのホームページでは、section要素などを指定する練習を行いました。 今回は、その指定したsection要素にCSSの横幅指定のプロパティwidthや、線を ...

Webサイト制作,ホームページ基礎講座,動画

Thumbnail of post image 074

前回の04はじめてのホームページでは、cssのプロパティを使って、要素に背景色などの色指定などを行いました。今回は、htmlにあるマークアップの中でもグループを分ける作業を行い ...

Webサイト制作,ホームページ基礎講座,動画

Thumbnail of post image 166

前回の03はじめてのホームページでは「画像要素」の設置を行いました。 今回はHTMLでマークアップされたファイルに、CSSを使って背景色の設定や、線を用いた枠の設置、行内での中 ...

Webサイト制作,ホームページ基礎講座,動画

Thumbnail of post image 099

前回は、HTMLにCSSを追加するところまで行いました。(02はじめてのホームページ) 今回は、画像を設置してみます。 今回使うHTMLコードの確認 前回同様、03のフォルダを ...

Webサイト制作,ホームページ基礎講座,動画

Thumbnail of post image 176

01のはじめてのホームページHTMLとCSS編では、エディタに文字にマークアップ言語であるHTMLを設定しました。タイトルにはタイトル要素のh1を、文章には段落要素の<p ...

Webサイト制作,ホームページ基礎講座,動画

Thumbnail of post image 094

初心者の方むけのホームページ作成講座 はじめてのホームページ基礎講座では、HTMLを、Adobe Brackets を使って文章にマークアップをおこなう手順を行います。 Ado ...