Webサイト制作
09 ホームページ基礎講座 HTML編 header footer

<header><footer>要素 今回のマークアップは独自コンテンツようのarticle の他に、ページのヘッダー部分に設定する<header>要素 フッター部分専用の<foote […]

続きを読む
Webサイト制作
08 ホームページ基礎講座 CSS 角丸 border-radius

box-sizing:border-box; 今回の動画ではarticle にboder:2px solid と線を引いて、横幅700px padding:2em とした時、画面の横幅が700px + 2em になってい […]

続きを読む
Webサイト制作
07 ホームページ基礎講座 HTML 箇条書き ul > li ol > li

箇条書きの<ul> <li>要素  <ol><li>要素 <ul> は順不同型リスト <ol>は順序型リストで、ホームページの中で箇条書きをマークアップする時に使われる要素です。箇条書 […]

続きを読む
Webサイト制作
06 ホームページ基礎講座 CSS 幅のwidth 線のborder

横幅指定のwidth を使う  HTMLの中に書くスタイルシート 内包スタイルシートを使って、CSSを適用していきます。今回はwidthを使うので、横幅が一定の距離で折り返すというところになります article{ wi […]

続きを読む
Webサイト制作
05 はじめてのホームページ HTMLとCSS

article要素 section要素 を設定 文章から基本のマークアップを行います。 article要素とは <artilce>という要素は、独自コンテンツと呼ばれる要素です。 ホームページのコンテンツ=内容を囲 […]

続きを読む
Webサイト制作
04 はじめてのホームページ HTMLとCSS

HTMLのマークアップされたファイルにCSSを書いていきます HTMLファイルを開いたら、<title>エコロジー&環境問題<title>の直下に内包のスタイルシートを書いていきます。&l […]

続きを読む
Webサイト制作
03 はじめてのホームページ HTMLとCSS

基本のマークアップが終わりましたら、今回はHTMLで画像の設定を行います。画像は<img>要素を使います。 画像はインライン要素ですので、今回の動画は<p>要素の中に書いています <p><img […]

続きを読む
Webサイト制作
02 はじめてのホームページ HTMLとCSS

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

続きを読む
Webサイト制作
01 はじめてのホームページ HTMLとCSS

初心者の方むけのホームページ作成講座 はじめのHTML講座では、Adobe Brackets を使って文章にマークアップをおこなう手順を行います。 この講座では、Adobe Bracketsのプラグインemmet!を使っ […]

続きを読む
ウェブデザイン技能検定
実技01 ウェブデザイン技能検定 3級

ウェブデザイン技能検定 3級 実技のための解説 作業1 Web業界唯一の国家検定 ウェブデザイン技能士をめざすウェブデザイン技能検定です。 今回は、初めての方でも比較的チャレンジしやすい ウェブデザイン技能検定3級 実技 […]

続きを読む