無料で作れるホームページサービス

無料で作れる-jimdo- 作ってみた

あなたもJimdoで無料ホームページを。 無料新規登録は https://jp.jimdo.com から。
本格的なホームページがあっという間に完成!
レイアウトを選んで写真をアップロードしたら、あとは文章を追加するだけ。

私の知り合いがこのサービスでホームページをスマホだけで作ったと聞いたので、本当に誰でも簡単にできるのか試してみました。
結論から
 テンプレート通りならきれいに作れる
 ちょっと手のこんだことは…
 専門用語が分からない厳しいかも?
 簡単だけど簡単じゃない

jimdoのコンテンツ追加画面

jimdoのコンテンツ追加画面

●ウィジット / HTML とか ●カラム とか初めてホームページを作ろうと思った人には抵抗のある言葉がいくつか出てきました。
始めはテンプレート通りに作ってみたけれど、やっぱりどこかちょっと何と言うか…
もっと綺麗に作りたいと思い、独自CSSの設定をしてみたけれど反映されず
検索して出てきたサイトを参考にやってみも表示が変わることがなくうまく出来ない。
結局HTMLで独自に記入していくやり方+指定タグにスタイル設定をするというやり方で作り上げたんです。
jimdoのソースコード

結論から書いてしまいましたが、本気で少しでもキレイなホームページを作ろうと思ったら、
それなりの知識が必要なんだと言うこと。
プロにお願いせずにそこそこキレイなホームページを作るためには、ホームページがどんな決まり(構文・ソース)で出来ているのかある程度の知識がなければ作れないみたいです。

作れないみたいと書いたけれど、自分でもできます!本当に。
お金をかけなくても自分でできるようになるよ。
これを見ると、ギャーってなるかもしれないけれど書かれている決まりが分かると簡単です。
難しそうに見えて実はとっても簡単です。

<h4 style="padding: .9em 0 .8em; font-size: 18px; font-weight: 400; border-bottom: 1px dotted #d25565 !important;">3.動画制作</h4>
<p style="margin-bottom: 2em; padding: 0px; border: 0px; outline: 0px; font-size: 14px; vertical-align: baseline; line-height: 2.5;">企業PR動画をはじめ、商品の説明や取り扱い説明、自己PR、ホームページの背景を動画になど、用途に合わせた動画の撮影から編集まで行います。</p>

上で書いたソースはこんな風に表示されます。

3.動画制作

企業PR動画をはじめ、商品の説明や取り扱い説明、自己PR、ホームページの背景を動画になど、用途に合わせた動画の撮影から編集まで行います。

3.動画制作この部分を翻訳してみると
padding: .9em 0 .8em; 文字の周りに余白を設定
font-size: 18px; 文字の大きさは18px
font-weight: 400; 文字の太さが400
border-bottom: 1px dotted #d25565 文字の下にピンクの破線を1pxで引く
    
こんな感じで決まり事があるんだけど、これを覚えてしまえば無料ホームページでも
アメブロでもWordPressでも、整ったきれいなページが作れるんだよね。
私もホームページの作成を20年近くやってるけど、全部は頭に入ってないから
検索したりソフトに頼ったりしてます。

HTML、CSS、jQuery、JavaScript、PHP、cgi等、ホームページに関してはいくつかの設定する構文や言語があるので、これはまた別の記事で説明していきます。
WordPressやアメブロとかjimdo、WixはHTMLとCSSが分かればそれなりのページが作れると思うので
HTMLとCSSからちょっとずつ記事を書きますね。

そ、それで(笑)無料で出来るホームページ作成のサービスは
始めは用意されているテンプレートを使って画像の入れ方や文字の書き方、
管理画面の使い方に慣れていくことが大切です。
そこからオリジナリティを出していけばいいんじゃないかな。

今回私がjimdoで作ったサイトはこちらです。
jimdoのことで質問などあれば下記からどうぞ。答えらる範囲でお答えします。もちろん無料です。
※内容によってログインIDとパスワードをお伺いする場合がありますので、返信メールをよくお読みください。

ご相談はこちらか

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です