1. ウェブデザイナー・行政書士 金澤淳平ブログ | WEB集客の薬箱 TOP
  2. 「2011年7月」のアーカイブ

法人実印作成サービス【制作実績のご紹介】

制作サイトのご紹介

モヨリック行政書士合同事務所の法人実印作成サービス

今まで、自分の制作したサイトをご紹介することがなかったのですが、お客様のサイトをご紹介する前に、第一回ということで、自社サイトのご紹介をさせていただきます。

制作サイトをご紹介することに慣れてません。ということで、失礼があってはありませんので、まずは自社サイトということで…。

モヨリック行政書士合同事務所の法人実印作成サービス

このサイトは、主に法人設立をされる方が法人実印等、設立時や設立後の会社運営時に必要となる印鑑をセットにしてお届けするというサービスをご紹介しているサイトになります。

なので、一般的な士業の業務サイトとは、少し作りが変わっています。

いわゆる物販に近い面がありますので、商品の性質や、外観等がお客様にわかりやすいようにしています。

後は、あまりゴチャゴチャした内容にならないよう「できるだけシンプルにわかりやすく」ということを心掛けています。

コンテンツあってのサイトですから、どんなサイトでも、訪問していただいた方に多くの情報量をお届けすることは、何よりも大切なことだと思います。

そして、それと同じくらい大切なのは、その多くの情報量をいかにわかりやすく、スッキリとお伝えできるかだと思います。

見るからにゴチャゴチャしているサイトだと、どんなにイイ情報を掲載したとしても、個人差があるにせよ、訪問者は比較的早い段階で、そのサイトから離れていってしまうことが予想されます。

シンプルにわかりやすく」というのは、コンテンツを作る際にも、サイト構成・デザインを考える際にも、僕は大切にしています。

おかげ様でサイトアップして間もないサイトですが、会社設立をご依頼いただいたお客様から印鑑の発注もいただいております。

起業に向けて動かれている方の多くは、とにかく「忙しくて時間がない!」というのが現実です。

会社設立の手続きをご依頼いただいた際に、印鑑も同時にご用意できるというのは、小さなことかもしれませんが、お客様には非常にお喜びいただけます。

法人設立に携わることが多い行政書士や司法書士の皆様は、業務サイトとは別に、このようなサイトもお持ちになると便利かもしれませんね。

2011年7月27日 | コメント/トラックバック(0)

カテゴリー:制作実績のご紹介

サイト制作の手順 ~前半~

Webサイトを実際に作ってみたい…でも、Webサイトって一体どのように作っていったらイイの?と最初は疑問に感じる方は多いと思います。

なので、今回はWebサイト制作の全体的な流れについてお話しします。

お読みいただくと全体の流れがイメージしてもらえると思います。

まずは、どの分野(業務や商品)のサイトを制作するのかを決めなければなりませんが、これはWebマーケティングとも関係するので、別の記事でお話するとして、今回は分野が決まった後のサイト制作の部分に絞ります。

では、早速始めましょう。

まずは、html文書(htmlを使って作成したファイル)の作成

html文書を作成するには、特別なソフトが必要になるとお考えの方も多いと思います。

ですが、実は専用の特別なソフトは特に必要ではなく、メモ帳等の付属ソフトで作成することができます。

いわゆる、テキストエディタというやつですね。

Windowsをお使いの方は「メモ帳」、Macをお使いの方は「TextEdit」を使用することで、htmlを作成することができます。

上記のテキストエディタで、前回ご紹介したようなタグを使って、文章をマークアップしていきます。

あらかじめ、Webサイト制作のために新しいフォルダを作成しておきます。

そして作成したhtml文書を保存するときは、その拡張子を「.html」にして、あらかじめ作成しておいたフォルダの中に保存します。

拡張子は「.html」で保存

html文書の作成には、「DreamWeaver」等のWeb制作専用ソフトを使用することもできます。

本格的にWeb制作をすることを検討されている方は、このような専用ソフトを導入するのも良いかもしれませんね。

サイトで使用する画像やイラストの作成

Webサイトは、テキストだけでなく、適宜、画像を挿入したり、ボタンやアイコン、バナー等を設置することで、視覚的に特徴を持たすことができます。

このブログでも、いくつか画像を使用していますが、それらは全て専用の画像編集ソフトで作成しています。

代表的な画像編集ソフトとしては、「Photoshop」等が挙げられます。

最近では、無料ソフトでありながら、かなり高度な編集ができるソフトもありますので、まずは、無料ソフトでご自身が撮影した写真等を使って練習してみるのがイイと思います。

無料ソフトでいうとpaint.netなどは有名かもしれませんね。

また、画像編集のチュートリアルもネット上でいろいろ公開されています。

画像の作成・編集が終了したら、html文書に下のようなタグを使用して貼りつけていきます。

<img src="sample.jpg" />

このタグはimg要素といい、イメージをサイト上に表示させる場合に使用します。

「src」の中には、使用するイメージファイルのURLを指定します。

画像だけでなく、様々なプログラムやシステムを搭載することで、サイト全体をよりユニークなものにすることもできます。

このようにしてこのようにhtml文書が作成できたら、今度は多くの人に見てもらう為、公開する作業が必要となります。

次回は、そのあたりのお話をさせていただきますね。

2011年7月24日 | コメント/トラックバック(3)

カテゴリー:サイト制作のレシピ

HTMLってそもそも、なぁに?

サイト制作に興味がある方なら聞いたことがあると思います「HTML」という言葉。

一体どういう意味なの?って感じている方も多いと思います。

絶対に知っておかないといけないワケではありませんが、まずはホームページを作る前に言葉の定義を押さえておきましょう。

簡単にイラストで表すと下のようになります。

HTMLとCSSについて

HTML(Hyper Text Markup Language)は、カンタンに言えば、Webページを作るための記述言語のことです。

このHTMLを使用して文書を記載することで、様々な環境下にあるパソコンや携帯等の端末でWebページを見ることができるようになります。

その方法はシンプルで、文章を「タグ」で囲って(挟んで)あげるだけです。

この文章を「タグ」で挟むことを「マークアップ」と呼んだりします。

例えば、こんな感じですね。

<p>Pタグでマークアップ中です</p>

HTMLの一番大きな特徴は、作成した文章に対して、上のようなタグを用いてマークアップすることで、文書に見出しや段落を付けることです。

ワード等で、文字の大きさや太さを変えて視覚的に見出しや段落分けをしていくのと同じですね。

同じようなことをHTMLという言語では、それぞれタグを使って行うわけですね。

この文章は見出しだよーっていうことにしたいときは、見出し用のタグを使ってその文章を囲ってあげれば、それで作業は完了です。

例えば、この記事のタイトルは「HTMLってそもそも、なぁに?」なので、

<h2>HTMLってそもそも、なぁに?</h2>

と記事の始まりに記載してあります。

上のタグは見出しを表すタグですが、簡単に言うと

<h1>見出し</h1>
<h2>見出し</h2>
<h3>見出し</h3>
<h4>見出し</h4>

と数字の少ない方から、大見出し・中見出し・小見出し・小小見出しのような形になります。「h」の後に続く数字が見出しのレベルを表すこととなるんですね。

使い方にも一定のルールがありますが、上記のタグで文章を囲むことで、その文章を見出しとして扱うことができるようになります。

と、このように、タグ自体は非常にシンプルな仕組みですので慣れれば使うことにストレスを感じることはなくなると思います。

そして、このようなタグを用いて文章全体をマークアップしていくことを「文書を構造化」すると言ったりしますが、サイトを制作するうえではこの言葉自体に大した意味はなかったりします。なので、そういう言葉があるんだぁ~っていうぐらいに覚えておいていただければ十分です。

見出しと本文

ですが、「見出し」と「段落」がに関するタグがHTMLをマスターする上での、一番の基本だと思うので、もしよければこちらは覚えておいてくださいね。

この他にも「表」として表示したり、「リスト」として表示するタグがよく使われますが、基本はやはり「見出し」と「段落」です。

多くのサイトはこの「見出し」とそれに関する「段落(文書)」で構成されていますからね。


応用として、HTMLにはその見栄えを良くしたり、メリハリを付けるために見た目を指定することもできます。例えば、下線を引いたり、色を変えたり、文字を右寄せや、中央揃えにしたりすることも可能です。

ですが、これらの表示方法に関する記述は、「CSS(スタイルシート)」と呼ばれる別のファイルに記述することが勧められています。

こちらのファイルはサイト全体の設計図のようなものになるので、HTMLとは少し違った概念になりますが、また順を追ってわかりやすいように解説等ができればなと思います。

今回は少し長くなっちゃいましたが、最後まで読んでいただいて、ありがとうございました。

2011年7月22日 | コメント/トラックバック(3)

カテゴリー:サイト制作のレシピ

毎日使えるWEBアプリをご紹介(lino)

オンラインで管理できる付箋『lino』

前回に引き続きWebアプリの話題になりますが、今回は実際に僕が毎日使っているアプリをご紹介します。

僕は今まで、業務のTODO等や、絶対に忘れてはいけないことを付箋に書いてパソコンのモニターの周りにペタペタ貼っていたのですが、とうとう付箋がモニターを一周してしまい、困っていたところで、このアプリを発見しました。

アプリ使用以前はこんな感じでした…。

オンラインで付箋を貼って管理できてしまう「lino」というアプリなんですが、これを使いだしてから、パソコン周りがスッキリとして、今ではこれがないと困ってしまいます。

Web上のボードにペタペタと付箋を貼ることができるアプリなんですが、これが非常に便利なんです。

オンライン上で操作が可能なので、事務所のパソコンだけでなく、自宅パソコンや、アイフォン等の携帯端末からでも閲覧や編集が可能になります。ですから、いつでも重要な予定や事項を貼りつけたり、削除したりできちゃうんです。

オンライン付箋「lino」実際の使用画面

こちちらは実際に僕が使用しているボードの画面です。

いつでも、どこでもペタペタ貼ったり、剥がしたりできるので、とっても便利です。


Web上のカレンダー等を使って予定の管理をしている方も多いと思いますが、それとは別に、手軽に忘れたくないことや、やらなければならないことをメモして貼っておける、こういったツールがあると、とても便利ですよ。

紙の付箋とは違って、画像やファイル、動画も貼りつけることができます。この点も、とっても魅力的です。

もしよければ、皆さんも使ってみてくださいね。

オンライン付箋サービス – lino

2011年7月17日 | コメント/トラックバック(1)

カテゴリー:WEBお役立ち情報

進化するWEBアプリ

WEBアプリって?

WEBアプリとはインターネットのサーバー上で動作するアプリのことを言います。

今までパソコンでソフトを使うときはインストールをしなければいけなかったものが、インストール不要で利用できるようになるということなんですね。

ソフト等はサーバー上にあるので、必要なときにパソコン側から呼び出して利用することになります。

その窓口になるのがWEBブラウザになります。

最近よく耳にするクラウドの一種ですね。

WEBアプリ説明図

ですから、プログラムのデータをパソコンに保存するといった類のものではないので、ハードディスクの容量を気にする必要がなく、動作が重くなるといったことも気にしなくてすみます。

この点が僕にとっては最大の魅了です。どんなに良い便利なソフトでも、パソコンの動作が重くなるようでは、インストールするのを躊躇してしまいますよね。

HTML5の出現で、このWEBアプリがより便利に利用しやすくなってるんです。

僕もいくつか利用していますので、また次の機会にでも、お気に入りのWEBアプリをご紹介させて頂きます。

2011年7月11日 | コメント/トラックバック(0)

カテゴリー:WEBお役立ち情報

新規スタッフ募集のお知らせ

スタッフ募集について

この度、弊所では一旦終了していた新規スタッフの募集を再度実施することとなりました。

募集要項については以下をご確認いただき、弊所までご連絡くださいませ。

行政書士やマンション管理士のお仕事に興味のある方等、皆さまのご応募をお待ちしております。

仕事内容 行政書士・マンション管理士業務の補助
WEBサイトの更新作業
電話応対・来客対応
勤務形態 アルバイト・パート
資格・スキル
  • 35歳位まで(学生OK)
  • パソコンスキル(ワード・エクセルなど)
  • エクセルは数式と関数が得意な方。
  • メールスキルは必須

※一般事務経験者・行政書士有資格者歓迎

勤務時間 9:00から18:00までの間 (週4日・1日5時間以上)
※詳細はご相談に応じます。
給与 時給900円 (試用期間3か月)
交通費 上限:月 1万5000円まで
応募方法

【書類選考】
履歴書を下記住所までお送り下さい。書類選考の上、面接日を追ってご連絡致します。

【郵送先】
〒658-0032
兵庫県神戸市東灘区向洋町中6丁目9番地
神戸ファッションマート4E24 モヨリック行政書士合同事務所

2011年7月6日 | コメント/トラックバック(0)

カテゴリー:モヨリックの日々

Copyright (C) 2011 ウェブデザイナー・行政書士金澤淳平ブログ-WEB集客の薬箱- All Rights Reserved. 掲載コンテンツ・イメージの転写・複製等はご遠慮下さい。

ウェブデザイナー・行政書士 金澤淳平ブログ | WEB集客の薬箱
WEB GYOUSEI

神戸で行政書士・ウェブデザイナーとして活動する金澤淳平のブログ