プログラムコードの発案書（ホームページ作成編）

みなと劉

まず最初に扱うプラットフォームから

プラットフォームとありますが

ホームページは

どのタイプで構築するかでほぼレイアウトが決まってしまうことがあります


昔ガラケーでホームページを作成していた時期があり

（そのホームページは今でも現存中）


そのホームページは

今流行りのCSSプラットフォームではなく


HTMLプラットフォームを利用して作成しました。


まず1例


<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>サンプルホームページ</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

background-color: #f4f4f4;

}

header {

background-color: #333;

color: #fff;

padding: 1em;

text-align: center;

}

section {

padding: 2em;

}

footer {

background-color: #333;

color: #fff;

padding: 1em;

text-align: center;

}

</style>

</head>

<body>


<header>

<h1>サンプルホームページ</h1>

</header>


<section>

<h2>ようこそ！</h2>

<p>このホームページはサンプルです。ここにコンテンツを追加してください。</p>

</section>


<footer>

<p>&copy; 2024 サンプルホームページ</p>

</footer>


</body>

</html>



このコードをコピーして新しいファイルに貼り付け、拡張子を.htmlに変更すれば、簡単なホームページができます。適宜内容を変更してください。


簡単なサンプル的なホームページはこれで完成します


  • Twitterで共有
  • Facebookで共有
  • はてなブックマークでブックマーク

作者を応援しよう！

ハートをクリックで、簡単に応援の気持ちを伝えられます。（ログインが必要です）

応援したユーザー

応援すると応援コメントも書けます

新規登録で充実の読書を

マイページ
読書の状況から作品を自動で分類して簡単に管理できる
小説の未読話数がひと目でわかり前回の続きから読める
フォローしたユーザーの活動を追える
通知
小説の更新や作者の新作の情報を受け取れる
閲覧履歴
以前読んだ小説が一覧で見つけやすい
新規ユーザー登録（無料）

アカウントをお持ちの方はログイン

カクヨムで可能な読書体験をくわしく知る