Webサイト制作
22 ホームページ制作基礎講座 Emmet!プラグインの使いかた(adobe Brackets 使って)

Yoshiko先生 爆速プラグイン「Emmet!」の紹介です。これを設定すると入力が非常に楽になります! EmmetでHTMLのタグを入力してみようっっw Emment でHTMLのタグ(要素)を入力する場合は、要素名を […]

続きを読む
Webサイト制作
21 ホームページ制作基礎講座 フォトギャラリーを作る 続き

こちらはこの前のページ 20 のフォギャラリーを作ろうの続編です。前のページは下記から参照されてください。 Photo GalleryのHTMLの全体コード <!DOCTYPE html> <html […]

続きを読む
Webサイト制作
20 ホームページ制作基礎講座 HTML編 フォトギャラリーを作る

Photo GalleryのHTMLの全体コード <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&gt […]

続きを読む
Webサイト制作
10-2 HTMLとCSS講座 CSS編

そろそろ中級講座になってきましたホームページ作成講座です。 マークアップ言語HTML5でheader footer 設定がおわったあと、CSSでデザインを書いています。 前回の続きのCSSで、liner-gradient […]

続きを読む
Webサイト制作
10-1 ホームページ中級講座 CSSでグラデーション

外部スタイルシート HTML<head></head>内に記述する内包のスタイルシートとは違い、HTMLとは別のファイルを作成して、そのファイルの拡張子をcssとすることで、スタイルシートのファイ […]

続きを読む
Webサイト制作
19 ホームページ制作基礎講座 CSS編 footerを固定する

footer を含む 外側のdiv class="content" .content { width: 800px; margin: 0 auto; border-left: 5px solid #999; border […]

続きを読む
Webサイト制作
18 ホームページ制作基礎講座 CSS編 float

folatで画像が左、文章が右の周りこみ .l_float { float: left; margin-right: 1em; } folatで画像が右、文章が左の周りこみ .r_float { float: right […]

続きを読む
Webサイト制作
17 HTMLとCSS講座 CSS編 text-shadow

header 要素の中のh1をtext-shadow を使ってロゴ風に header h1 { font-size: 3em; padding: 1.5rem; font-weight: 800; text-shadow […]

続きを読む
Webサイト制作
16 HTMLとCSS講座 HTML編

HTMLのためのテキスト ネットワークサービス 株式会社 NewWorkService Home Service Access Contact Blog 社長の挨拶 枠組みも対象文を列挙し記事ますんため、引用するられるフ […]

続きを読む
Webサイト制作
15 HTMLとCSS講座 CSS編 隣接セレクタ編

隣あった <li> が存在する場合のみ 指定ができる隣接セレクタ header nav ul { list-style: none; display: flex } header nav ul li { flex: […]

続きを読む
Webサイト制作
14 HTMLとCSS講座 HTML/CSS編 display:flex を検証!

  HTML要素 CSSコード nav ul{ list-style: none; padding-left:0; display: flex; } nav ul li{ flex:1; /* border-r […]

続きを読む
Webサイト制作
13 HTMLとCSS講座 CSS編

12の続きです。ナビゲーションのあと、article  の中の section 内にCSSを適用させてます。 article にpadding 設定のあと、section設定を行います。margin などに気を使って設定 […]

続きを読む
Webサイト制作
12 HTMLとCSS講座 CSS編

そろそろ中級講座になってきましたホームページ作成講座です。ここでは、グローバルナビゲーションをCSSで書いています。 <nav> <ul> <li> <a href="#">のCSSを書いて行く中 […]

続きを読む
Webサイト制作
11 HTMLとCSS講座 HTML編

そろそろ中級講座になってきましたホームページ作成講座です。 html header 要素の中に必ず存在するグローバルナビゲーション。nav で囲んでの、ul>li>a のタグを書いています。 emmet を使っているので […]

続きを読む