```
**CSSの基本**
次に、HTMLで作成した内容に「デザイン」を付けるCSSファイルを作ります。このファイルを「`style.css`」という名前で保存してください。
```css
/* 全体のスタイル */
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
}
/* ヘッダーのスタイル */
header {
background-color: #f4f4f4;
text-align: center;
padding: 20px;
}
/* セクションのスタイル */
section {
padding: 20px;
margin: 10px;
}
```
これで、Webサイトの「`index.html`」と「`style.css`」という2つのファイルができました。ブラウザで「index.html」を開くと、自分のWebサイトが表示されます。
***
#### 3. ファイルのアップロード方法
Webサイトをインターネットに公開するには、作成したファイルを「サーバー」にアップロードします。サーバーは、インターネット上でファイルを公開するための「データを置く場所」です。サーバーを借りると、世界中の人が自分のサイトにアクセスできるようになります。サーバーを利用するために必要な情報は、以下の手順で確認・取得できます。
1. **サーバーとドメインを取得する**
* **サーバー**：ファイルを置く「場所」です。サーバーはホスティング会社から借ります。今回はMixederCloudのMixederISSHを利用します。
* **ドメイン**：Webサイトの「住所」にあたるもので、例として「example.com」のようなものです。今回はMixederCloudのドメインを利用するため不要です。
2. **ファイルをアップロードする**
**今回はMixederCloudのMixederISSHを利用するため、ウェブで簡単に利用することができるファイルマネージャーを利用していきます。**
* MixederCloudの[ISSH](https://console.mixeder.net/studio/?category=issh/manage_post\&id=13037)、ドメインエイリアスを入力しましょう。このエイリアスは英数文字で入力してください
でウェブサイトにアクセスできるようになります。\
\
パスワードにはウェブサイトのファイルを管理するコントロールパネルに利用したいパスワードを入力しましょう。
ISSHの作成が完了したら、早速先ほどのファイルをアップロードしてみましょう
「ファイルマネージャーにログイン」をクリックすると、ファイルマネージャーにアクセスすることができます。
3. **ファイルをアップロードする**
* 「index.html」や「style.css」を、フォルダにドラッグ＆ドロップでアップロードします。
4. **Webサイトを確認する**
* アップロードが完了したら、ブラウザを開いて取得したドメインにアクセスします
* Webサイトが表示されれば成功です。自分のWebサイトがインターネットに公開され、誰でもアクセスできるようになっています。
***
このように、HTMLとCSSで作ったファイルをサーバーにアップロードし、ドメインを通じて公開することで、自分のWebサイトをインターネット上に簡単に表示できます。
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://developer.mixeder.net/website-creation/mixederclouddewebusaitowoshiyou.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.