#01 プロフィールサイトを作っていこう | はじめてのWeb制作 - プログラミングならドットインストール

動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合はヘルプ「動画が見られない場合について」もご覧ください。

本のレッスンが完了！

このレッスンでは、初めての Web 制作ということで、 Web サイトがどうやって作られているのか、その流れをざっと紹介していきます。

具体的には、このようなシンプルなプロフィールサイトを作っていきましょう。

無料登録するとお試し利用ができます

レッスンの概要を確認したのち、ブラウザ実行環境の使い方について学んでいきます。

ブラウザ実行環境のエディタ向けに、ショートカットキーを用意しています。以下のリンクにまとめてありますので、ぜひ試してみてください。

2022年1月27日

プレミアムプランに登録すると、わからないところを現役エンジニアに質問できます。

素材ファイルをダウンロードするには無料ユーザー登録が必要です

ソースコードを閲覧するには無料ユーザー登録が必要です

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>My Site</title> </head> <body> こんにちは。 </body> </html>

サーバーとの接続が切断されました。ブラウザを再読込してみてください。

保存しました

ファイル構成

実行結果

このレッスンでは、こちらにコードを打ち込みながら学習を進めていくことができます。

手元で実際に動作を確認しながら理解を深めていくと良いでしょう。

この機能を利用するには無料のユーザー登録が必要です。

シンプルなプロフィールサイトを作りながらWeb制作の流れを体験していきます。 (詳細へ...)

をお手本のコードと比較しています。異なる箇所は赤色で表示されています。両者のコードに異なる箇所はありません。

お手本のコード

あなたのコード