ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/12/07
NEW
【週刊ドットインストール】 レッスン制作の進捗、代表のひとりごと
はじめてのWeb制作
シンプルなプロフィールサイトを作りながらWeb制作の流れを体験していきます。
0%
動画レッスン一覧
(11)
補足情報一覧
(1)
質問と回答
(9)
未完了
#01 プロフィールサイトを作っていこう
(02:08)
レッスンの概要
ブラウザ実行環境の確認
未完了
#02 HTMLについて理解しよう
(02:39)
HTMLの概要
タグ
開始タグ
終了タグ
要素
heading 1
paragraph
未完了
#03 見出しと段落を配置しよう
(02:49)
body
h1
p
字下げ
全角文字に関する注意
未完了
#04 プロフィール画像を配置しよう
(02:21)
img
src属性
alt属性
未完了
#05 CSSについて理解しよう
(01:42)
セレクタ
プロパティ
プロパティの値
未完了
#06 画像の角を丸めよう
(01:27)
style
border-radius
未完了
#07 要素に枠線をつけてみよう
(01:47)
border-width
border-color
border-style
border-radius
未完了
#08 コピーライト表記を追加しよう
(02:00)
footer
section
未完了
#09 余白を設定してみよう
(02:11)
padding
8の倍数
margin-bottom
未完了
#10 画像やテキストを中央揃えにしよう
(01:08)
text-align
未完了
#11 背景画像を敷いてみよう
(01:44)
background-image
レッスンのまとめ
#01 プロフィールサイトを作っていこう
2021年6月25日
補足情報
ブラウザ実行環境で使えるショートカットキーについて
ブラウザ実行環境のエディタ向けに、ショートカットキーを用意しています。以下のリンクにまとめてありますので、ぜひ試してみてください。
ヘルプ | ブラウザ実行環境のエディタで使えるショートカットキーについて知りたい
https://dotinstall.com/help/903
#01 プロフィールサイトを作っていこう
どのような順序でウェブサイト作成のプログラミングを学習していけばよいのですか?
2022年1月27日
#04 プロフィール画像を配置しよう
お手本と自分の環境のフォントが違うのはなぜですか?
2023年6月14日
#06 画像の角を丸めよう
{ } の入力方法がわかりません
2022年1月27日
何故 body に書き込まないのですか?
2022年1月27日
#07 要素に枠線をつけてみよう
border-radius: 50%; などのコロンの後ろのスペースには何か意味があるのでしょうか?
2022年1月27日
#08 コピーライト表記を追加しよう
カット & ペーストのやり方がわかりません
2022年1月27日
#09 余白を設定してみよう
枠の左側に余白があるのはなぜですか?
2023年9月2日
#10 画像やテキストを中央揃えにしよう
body{ } と <body> の違いはなんですか?
2022年1月27日
#11 背景画像を敷いてみよう
url() 内の "" は付けた方が良いのでしょうか?
2022年6月3日
次におすすめのレッスン
Web制作の準備をしよう Windows編
(全10回)
0%
Web制作の準備をしよう macOS編
(全10回)
0%
リリース情報(note)
『はじめてのWeb制作』をリリースしました。
関連キーワード
基礎講座
(386)
初心者向け
(379)
HTML
(116)
CSS
(118)
Web制作
(35)
詳細情報
最終更新日
2021年6月24日
バージョン情報
Chrome 91
補足情報 ブラウザ実行環境で使えるショートカットキーについて
ブラウザ実行環境のエディタ向けに、ショートカットキーを用意しています。以下のリンクにまとめてありますので、ぜひ試してみてください。
https://dotinstall.com/help/903