マガジンのカバー画像

ゆっくり進める－ゼロから創るWEBサイト－

15
本
簡単なサイトを作成していく過程
運営しているクリエイター
WEB学習の記録

【ゼロから創るWEBサイト】#016 トップページに画像配置

トップページに画像配置 イメージの緑の丸画像を中央に配置。 WEB STUDYの文字をｈ1で配置。 …

WEB学習の記録
WEB学習の記録
1年前
1

【ゼロから創るWEBサイト】#015 フッター部分に色を付けて文字を白にする

フッター部分に色を付けて文字を白にする <!doctype html><html lang="ja"><head><meta chars…

WEB学習の記録
WEB学習の記録
1年前

【ゼロから創るWEBサイト】#014 コピーライトをセンターに設定

フッターのコピーライトをセンターに設定する text-alignで指定 <!doctype html><html lang=…

WEB学習の記録
WEB学習の記録
1年前
1

【ゼロから創るWEBサイト】#013 セレクタの見直し

セレクタを見直す 実は、他のサイトの記述をなんとなく真似て適当に書いた部分がありました。…

WEB学習の記録
WEB学習の記録
1年前
1

ゼロから創るWEBサイト#011 謎の0.02px。指定した幅より小さく表示される現象が現る……

謎の0.02px問題。 もしかしてChromeの表示がおかしいのか？とEdgeのデベロッパーツールを使用…

WEB学習の記録
WEB学習の記録
1年前

ゼロから創るWEBサイト#010 謎の0.02px。指定した幅より小さく表示される現象が現る…

指定した幅より小さく表示される現象に気付きました。 本来なら今日ナビゲーションに動きを付…

WEB学習の記録
WEB学習の記録
1年前

ゼロから創るWEBサイト#009 ナビゲーションのCSS指定

ナビゲーションのCSS指定 文字色：黒 下線を消す フォントの種類：Arial, sans-serif 上下の余白 下画像の様に変更 <!doctype html><html lang="ja"><head><meta charset="utf-8"><title>WEB STUDY / TOP</title><link rel="stylesheet" href="css/style.css"></head><body> <div class="wrapper"

WEB学習の記録

ゼロから創るWEBサイト#008 リストの幅「謎の空白」問題

前回のリスト幅がうまく均等に設定できなかった問題。 ここを無視してflexでやってしまおうか…

WEB学習の記録
WEB学習の記録
1年前
1

ゼロから創るWEBサイト#007 リストの幅設定がうまくできない

ナビゲーションをページの真ん中に均等表示する の記事を更新しようと思ったら、リストの幅設…

WEB学習の記録
WEB学習の記録
1年前

ゼロから創るWEBサイト#006 ページの真ん中に表示する

ページの真ん中に表示する CSSで.wrapper { margin: 0 auto; }を指定する。 @charset "UTF-8…

WEB学習の記録
WEB学習の記録
1年前
1

ゼロから創るWEBサイト#005 ページの幅を設定する

ページの幅を設定する HTMLでdivにwrapperをクラス付けする。 CSSで.wrapper { max-width: 1…

WEB学習の記録
WEB学習の記録
1年前

ゼロから創るWEBサイト#004 ナビゲーションを横並びにする

ナビゲーションを横並びにする 特にHTMLでは記述はしない。 liに対してCSSで設定する。 disp…

WEB学習の記録
WEB学習の記録
1年前
1

ゼロから創るWEBサイト#003 ナビゲーションのリストマークを表示しない

ナビゲーションのリストマークを表示しない方法 <ul>もしくは<ol>にlist-style: none;を指定…

WEB学習の記録
WEB学習の記録
1年前
2

ゼロから創るWEBサイト#002 ナビゲーション

ナビゲーションの追加 <!doctype html><html lang="ja"><head><meta charset="utf-8"><title>WEB STUDY / TOP</title><link rel="stylesheet" href="css/style.css"></head><body> <!-- ヘッダー --> <header> <nav> <ul> <li> <a href="#">TOP</a> </li>

WEB学習の記録