Chrome OSは比較的新しいが、非常に軽量なOSだ。コーディングを始めるための安価なオプションとして、すべてのクロームブックに搭載されている。しかし、Chrome OS上でのハイパーテキストマークアップ言語(HTML)のコーディングは、見た目ほど簡単ではない。Chrome OSにはテキストエディタがないため、コーディングするにはエディタを入手する必要がある。
テキストエディタのインストール
-
ホーム画面の一番下にあるGoogle Chromeを起動してインターネットを開く。
- Google Chromeは虹色のボールのアイコンのように見えます。
-
一番上の検索バーでChromeウェブストアを検索し、最初のリンクをクリックします。
- または、このリンクを使用することもできます:
-
左上の検索バーでテキストエディタを検索します。
- 検索キーワード:テキストエディタ、HTML
- 良いレビューがたくさんあるアプリを見つけましょう。ありがたいことに、Chromeは評価の高いアプリごとに候補を整理してくれます。
- 拡張機能ではなく、アプリであることを確認してください。
-
Chromeに追加します。HTMLコーディングができるアプリが見つかったら、「クロームに追加」という青いボタンをクリックしてクロームに追加します。
- クリックするとポップアップが表示されます。そのポップアップが要求するパーミッションを読み、同意してアプリを追加をクリックします。
コードを書く
-
新しくインストールしたアプリを見つけ、開きます。棚の一番下にある虫眼鏡のアイコンをクリックします。右側の「すべてのアプリ」をクリックし、アプリが見つかるまでスクロールします。
- バージョンによっては、新しくインストールされたアプリの場所がポップアップで自動的に表示されます。バージョンによっては、手動で探す必要があるかもしれません。
-
新規作成]をクリックして新しいドキュメントを作成します。空白のテキストページが開き、入力できるようになります。
-
<html>タグにコードを記述して、ブラウザに使用言語を知らせ、数行下の</html>で閉じます。
- で始まるタグは終了タグです。タグは、反対のペアがなければ機能しません。
- タグは大文字と小文字を区別します。必ず小文字で入力してください。
-
<html>タグの中に<head>と入力して見出しタグを追加し、数行下に</head>と入力して閉じます。
-
最初のタグの直後に<title>と</title>を記述して、head内にタイトルタグを作成します。
- タイトルタグは、ユーザーにどのサイトにいるのかを知らせます。
-
<body>でheadタグを閉じた後、</body>で閉じる前にいくつかのbodyタグを記述します。
- bodyは、情報の大部分を掲載する場所です。
-
ウェブページにタイトルを追加する。各タイトルタグの間に、ユーザーがどこにいるのかわかるようにタイトルを入れましょう。
- 歓迎の意を表しましょう!
-
本文に文章を書きます。bodyタグの間に、1~2文の文章を入力します。
-
最後にもう一度チェックしましょう。文書をスキャンし、すべてが閉じられていることを確認する。タグが閉じられていないと、ページが正しく表示されません。
-
ドキュメントを保存し、拡張子.htmlを直後に付けることを確認してください。正しく名前を付けたら「保存」をクリックします。
- 例えば「MyFirstWebsite.html」のように。
-
保存したドキュメントを探します。棚の虫眼鏡をクリックし、ファイルアイコンを探します。ファイルエクスプローラーを開き、保存したHTMLを見つけます。
- ドキュメントをクリックして開きます。
-
自分でコーディングした、新しく作成されたウェブページを鑑賞してください!ドキュメントはデフォルトのブラウザで開きます。
コメント
最新を表示する
NG表示方式
NGID一覧