StepUp準備編

HTMLを覚えてみましょう

HTMLとは

大半のウェブサイトはHTMLで構成されています。

HTML(エイチ ティー エム エル) ハイパー テキスト マークアップ ランゲージ
Hyper Text Markup Language

このHTMLを理解するには、実際に触れる事が一番の近道です。
ブラウザ上に文字などを表現する為の言語ですが、メモ帳に書いても練習できない事はありません。しかし、ブラウザ上でどの様に表示されるか分かりませんので、FTP精霊というアプリを利用します。

FTP(エフ ティー ピー)とは

FTP ファイル トランスファー プロトコル
File Transfer Protocol

ファイルを転送する機能という事です。FTP精霊はファイルの編集、ファイルプレビュー、ファイルの転送ができます。
また、iCloudとも連携できます。

FTP機能を利用して、スマートフォンと会社のサーバーを接続している方々もいらっしゃるようですね。


FTP精霊(iOS)

このアプリだけでHTMLの練習ができます。HTML初心者が雰囲気的な感覚を得るには充分です。このアプリは無料と有料があります。

  • FTP精霊(無料)...広告有,登録サーバー制限(1)

  • FTP精霊+(有料)...広告無,登録サーバー制限無

ファイルマネージャー

FTP精霊はiOSしか無いようです。Android端末では使えませんが、同じジャンルのアプリが多数あるようです。

「ファイルマネージャー」「FTP」で検索してアプリを探してみて下さいね。



FTP精霊の画面

初期画面とサンプル

精霊初期画面

アプリ初期画面

アプリを開くとこのような画面です。(無料版は広告有) 色付き文字は説明用に付け加えたものです。最初は戸惑うかもしれませんが、慣れると便利なアプリです。

*実際にこのアプリを使って当サイトを作成しています。


精霊初期画面

サンプルファイル

HTMLファイルを作成するとコードが色分けされて見易くなっています。
ファイルを表示して下の(▶︎)をタップするとブラウザ表示されます。

少し使えば直ぐに慣れるレベルのFTPツールです。
実際にこのアプリを使用して当サイトを作成しています。


初めの一歩

このHTMLを知らなくても何の問題も無いとは思いますが、知っていればこれからの時代では何かの役に立つと思います。
HTMLは世界共通ですし、 理解すると色々な事ができて面白いですよ。

HTMLがある程度分かったら、CSS,javascriptとスキルアップして、プログラミング領域にも興味が湧くと思います。先ずはHTMLに触れてみましょう。
次の章から実際にFTP精霊を使って、初歩的なHTMLを書いてみて下さいね。


Let's Go!

次はHTML超初級編です。


表示モード切り替え