ウェブ制作イメージ前回はウェブサイトやブログはhtmlでできていること、そしてhtmlはメモ帳ファイルで簡単に作れることを書いた。文字だけではわかりにくいと思うので、今回はその実践編を書いてみる。前回最も簡単なhtml例を掲載してみたが、それを少し肉付けして以下のようなデモページのファイルを作成した。center;">~フッター~<br>&copy;デモサイト</div></footer></body></html>ちなみに前回掲載したhtmlはこちらをご覧いただきたい。メモ帳で作成し保存するときには、「demo.html」のようにファイル名の後にhtmlファイルであることの印として.htmlの拡張子を追加する。Windowsの場合、最初からファイル名の窓に「.txt」とついているので、それを削除してから上記のようにファイル名を付ける。ファイルの種類は「テキスト文書(*.txt)」ではなく「すべてのファイル」を選択、そして保存。保存先はどこでも良い、とりあえずデスクトップにでも保存しておく。前回記載したhtmlと比べ、見た目を考慮して多少スタイルシート(CSS)を追加している。2em;"」部分のこと。2em;)というように指示している。このようにスタイルシート(CSS)は装飾や一を指示したいタグの中に書く方法と、別にスタイルシート(CSS)のファイルを作成してhtmlファイルとリンクさせる方法がある。Usといったリンク先を記載した。スタイルシート(CSS)というのはこのように文字の装飾、位置などをきめる約束事である。これを知っているとブログに大変役に立つので、後々詳しく書いていきたい。デモファイルをパソコンに表示してみる上記を記載したメモ帳ファイルを.htmlの拡張子を付けて保存したら、右クリックで「プログラムから開く」を選び、自分が使用しているブラウザーを選択すると、以下の画像のようにパソコンに反映される。【クリックで拡大】これがhtmlファイルをネット上にアップロードした時のイメージだ。前回書いた通り、実際のパソコン画面には<bodyから</body>までしか反映されない。Chrome)に表示される。あとは実際のファイルを契約したレンタルサーバーへFTPファイルでアップロードしたら、1ページではあるが立派なウェブサイトが出来上がる。実際にブログ運営に役立つのはスタイルシート(CSS)とjavascriptだが、まずはhtmlの「基本のき」を2回に分けて書いてみた。実際のウェブサイトやブログは1ページではなく多くの記事ファイルやその他ファイルがある。それをリンクという紐付け作業をしてつないでいく。して出来上がるのがウェブサイトやブログになるということは、もはやお分かりだろう。Favoriteを発信していく、とあるSOHO会社運営者です。ura-no-ura.com。