ひな型でドン
2017/01/19
趣味というか仕事というか、サイトの作成をよくします。このサイトもそうですが、レスポンシブ対応のひな型で流し込みが便利です。
とはいっても、テキストも内容も違うのでいろいろと調べてHTMLもCSSも改変しますが作り方が全然変わりました。個人サイトで商用ではないからだとは思いますがデザインを起こすことがなくなりました。
以前はサイトの内容が決まればデザインソフトでサイトの全体を作ることから始めました。なんなら、デザインしながらコンテンツを考えることもあります。カテゴリが決まる前にナビゲーションのボタンの数が決まってしまっているなんてことも。
で、ブラウザ表示とほぼ等しいデザインが出来上がって画像を切り出したり、写真を加工したり、色コードを書きだしたりとデザインソフト上での作業が半分くらいですか。
その後、HTML,CSSを書きながら画像をはめ込んだり、コンテンツ部分のテキストを入力したりと製作を進めていました。
現状のこのサイトを作るときはデザインソフト起動してません。ひな型探して色の換え方、幅の設定方法などを調べて、試して『ま、こんなもんか』で完成です。RSSを表すための画像を使うまでは装飾用の画像を保存するフォルダも作っていませんでした。しかも、画像はフリー素材。ありがとうございます。
スマホ、タブレット、どんな媒体で閲覧いただけるかわかりませんし、全部媒体の表示は確認できません。もし、たくさん実機があっても見たところでどうすんのってことでしょ。だいたい960px以上と320px、その間の表示がそれなりだったらOKな感じですか。
今は、Bootstrap3というのを使わせていただいておりますがそのうちまた変わるかもしれません。面倒なのでこのサイトでは変更しないと思います。
このひな型にDBから記事を拾って表示するようにしてあります。もちろんDBに書き込むようにもしてあります。ちょっとした、ブログ気分です。
デザインソフトを起動しなくなった代わりにDBやらプログラムに時間がかかり相変わらず、相当の時間をサイト作成に費やしております。まあ趣味だからいいんですけど
