GUGZI.net へようこそ!

このサイトのテーマは決めていなくて、掲載している情報に統一感は有りません。あえて言えば管理者自身の備忘録です。

Movable Typeを利用した日記は2011年10月からスタートしていて、いつまで続けられるか分かりませんが、出来れば永く継続したいと思っています。

メインコンテンツ

ログピット:特にテーマを決めずに、日常の出来事や自転車など関心のあることを綴った日記

お手軽模型飛行機:食玩に代表される値段の安い塗装済み模型飛行機の記録

カードピット:仮面ライダーカードや怪獣ブロマイドなどの記録

北海道土産ピット:菓子メーカーや限定品などのまとめ

自作個人HP

見るだけだったホームページを、ある時、自分で作ってみたいと考えました。HP作成に関して全くの素人ですので、HTMLやスタイルシートについて勉強しながら試行錯誤してきました。ただ、デザイン性はそのセンスが無いので二の次です。

勉強といっても本を読むだけではなく、先ずは実動するホームページのHTMLソースを見てみるのが良いように思いました。

例えばどこかのサンプルページをダウンロードして、そのHTMLやCSSをいじってみる。その結果、見た目がどのように変化するか確認する。

合わせてそのHTML要素について、ホームページ作成のハウツー本や入門サイトで調べるとより理解が深まります。私は下のような本を利用しました。

幸い、ネット上には初心者向けに無料でホームページの作成方法を教示するサイトが大量に有りますので、それを利用しない手は有りません。

使用ツール

HTMLファイルの作成にはフリーソフトのHTMLテキストエディター「Crescent Eve」と「TeraPad」を使っています。以前はホームページ・ビルダーでしたが、必要の無い使用しない機能が多くて高価なのでバージョンアップするのを止めました。

また、複数のファイル内のデータを一括で変換できるツール「TextSS」も重宝しています。

あと、作ったページのチェックやモバイル対応の確認等に、ブラウザー搭載のデベロッパーツールを利用しています。主にGoogle Chromeです。

作成したファイルは「WinSCP」を使ってサーバーに転送します。

HP維持費

レンタルサーバーとドメインの費用、合わせておよそ7000円/年です。

ホームページの上手な作り方教えます スタイルシートスタンダード・デザインガイド