ゆやし さん プロフィール

  •  
ゆやしさん: 一日5分。HP、ブログの作り方
ハンドル名ゆやし さん
ブログタイトル一日5分。HP、ブログの作り方
サイト紹介文超初心者向けのHP作成支援サイトです
自由文低コストでホームページを作りたい!
HP制作を頼むにしても、少しくらい知識は欲しいかも…。
などなど。
私も常々思っているわけで…。
きっとそう思っているのは私だけではないのだろう、と考えた結果、このblog立ち上げになりました。
独学で学んだことですが、皆様のお役にたてれば幸いです^^
参加カテゴリー
更新頻度(2年)情報提供53回 / 44日(平均8.4回/週) - 参加 2009/10/22 11:41

ゆやし さんのブログ記事

  • 01.プラグイン
  • ブログの種類によれば「コンテンツ」などとも言うそうです。今回はサイドバーに表示されるプラグインの説明などをしていきます。まずは基本的なところからいくつか説明しますね。ブログの種類によってなかったりもするので注意です!文字のまんまだったりするのでさくさくいきますよ^^プロフィール:簡単なプロフィールカレンダー:(大体が)月ごとのカレンダーカテゴリー:カテゴリーの一覧を表示最近の記事:最近の記事を表示 [続きを読む]
  • 05.5.指定される部分 一、タグ
  • 前回に続いて、タグに指定する方法ですが、今回は特殊です☆あるタグに囲まれたタグに指定したい時。ややこしい?じゃぁ、もう一度!タグに囲まれたタグを指定する、のです!画像で書くとこんなとき↓その場合は1タグ 2タグ{プロバティ:値;}と書きます…が、難しいですね。実際にやってみましょう^^まずはスタイルシートとHTMLに記入するのは下記。p b { color:red; }<p>タグの中の<b>タグ</b>が変わります [続きを読む]
  • 05.指定される部分 一、タグ
  • タグに指定したい時とは、過去にやった『02.適用方法 一、タグに挟まれた部分』のときの書き方です。ですので…タグ{プロバティ:値;}でタグに指定することができます。例をあげると、<h1>タグに背景黒、文字色白、文字サイズ12pxを指定する場合はh1 {background-color:#000000;color:#ffffff;font-size:12px;}と書くと可能になります。そして!同じスタイルをいくつかのタグで使いたい場合には、タグを「,(カンマ)」で [続きを読む]
  • 04.適用方法 三、外部リンク
  • 適用方法もいよいよ最後になりました。今回は外部からスタイルを指定する場合です。外部からリンクすることで、スタイルが他のページの使いまわしできるんです^^ブログもこの方法!それを覚えると簡単に類似ページが作れるというわけです。まずは、スタイルのみをメモ帳で記入。↓こんな感じですね^^そして、保存するのですが拡張子は『.css』これ絶対。守らないとスタイルシートにはなりません。ただの文字です!!ただの文字じ [続きを読む]
  • 03.適用方法 二、1ページ全体
  • 一か所だけじゃなくって全体を変えたいという場合は<head>内にタグを打ち込みます。例えば、<p>タグ等はページ内に何度か使われますよね?<p>タグのスタイルは全て同じにしたいけど、何度も何度も同じスタイルを打つのはめんどうですからね。そんなときに、この適用方法にすることで、ヘッダー部分の一か所だけにスタイル記入で、他は一緒になります^^便利だ!やり方は簡単!<style type="text/css& [続きを読む]
  • コメントとは?
  • HTMLのコメントHTMLで作った文章の中には <!-- --> という部分があります。その部分に囲まれたタグや文章は全て無視され、ブラウザには表示されずにいます。では何故、<style>〜</style>の間を <!-- --> で囲んでいるのかというと…それは、CSSに対応していないブラウザへの考慮なのです。ブラウザは知らないタグが出てきた場合にタグを無視して表示します。ですので、上記のようなCSS未対応ブラ [続きを読む]
  • 04.トラックバック機能
  • 忘れた方のために、トラックバックとは簡単にいえば、記事にリンクを張ることです。参照→トラックバックでも、トラックバックなんてどうしたらいいのか分らない!私もそうでした。っていうか、つい数か月前にやっと知ったばかりです^^笑ではでは。さっそく!まずは、トラックバックを送信するURLが必要になります。つまり、リンクを張ってもらう記事ですね。ブログには大抵、記事の一番下に「TrackBack」「TB」「トラックバッ [続きを読む]
  • 03.オプション設定で一歩上
  • いじる必要のないオプション設定。で す が!ここを使う事で楽になることだってできます^^★投稿日時IKORAの場合は何もしない場合は「保存時の時間で投稿」になり、日付を指定することによって指定された日に記事がアップロードされます。日付を設定するのには色々なメリットがあります。1、テンプレートの多くは日付が見えるので、その記事の投稿された時間を確認するため。2、ブログの記事の並び順の一部には「古い記事か [続きを読む]
  • 02.適用方法 一、タグに挟まれた部分
  • スタイルシートを使う方法は大きくわけて3つあり
    ます。3つも!じゃなくて、3つしか!だからね!
    !そこ間違わないように。そのうちの一つから勉強
    しましょう!まずは、タグに直接スタイルを書き込
    みします(インラインで設定する、とも言います)
    。とりあえず、見ましょうか^^<p style="font-siz
    e:10px; font-weight:bold; color:white; background-color:black;"&g
    t;文字がかわーる^^</p>と記入すると… [続きを読む]
  • 01.スタイルシート、とりあえず見てみる
  • HPを作っているとよく見かける文字が「CSS」。Cascading Style Sheetの略語なんですが、これがスタイルシートです。…あ、今難しい英語の羅列って思った人、私と同士だよ^^(←)スタイルシートとはHPの見栄えや、レイアウトを美しくしていくものです。スタイルシートを覚えれば、今までより装飾が簡単に行えますし、HTMLを覚えたあなたならすぐに理解できます!あ、問題はお前の説明力だよ!って思った人……正解だけど口に [続きを読む]
  • 06.アイフレームことインラインフレーム
  • 別に愛されてるフレームではないんです^^笑アイフレームとはインラインフレームの略語です。InlineFRAME = iframe = アイframeだ、そうです。この際なので、ちゃんと「インラインフレーム」として覚えましょうね!※<iframe>も<frame>と同様に見えないブラウザがあるのでご理解ください。前回まで習ったフレームでは画面を分割することしかできませんでしたが、インラインフレームでは画面の中央にフレームを表示で [続きを読む]
  • 05.今度はリンクを貼ってみる
  • せっかくメニューを作ったんですから、リンクを貼りましょう。リンクを張る前にすることがあります。まずは二つを表示する「hp.html」を開きます。その中の<frame>タグの中にnameを指定します。つまり、<frame>タグに名前をつけてあげて欲しいのです。名前は自分で好きにつけて構いませんよ。今回は解りやすいようにrightはmigi、leftはhidariとでもつけておきましょう。↑こんな感じ^^そこまで出来たらリンクを指定 [続きを読む]
  • 04.左右を区切る境界線
  • フレームページも出来たところで、ちょっと満足(*^Å^*)そこで気になるのが境界線。両方のページは素敵なのに、この境界線は何?!!もっとおしゃれがいい!!と言う方も多いはず!そこで、今回は境界線をいじってみましょう^^たとえば、このような区切り線のページを作りたい場合は<html><head><title>トップページ</title><meta http-equiv="Content-Type" content="text/html; cha [続きを読む]
  • 02.5.ツールパレットを使いこなす
  • 前回の続きです^^斜体ボタンドラックしてからボタンを押すと文字を斜体にさせる。打ち消し線ボタンドラックしてからボタンを押すと文字に打ち消し線が引かれる。引用文ボタンドラッグしてからボタンを押すと文字が引用文字になる。下線ボタンドラックした文字に下線が引かれる。文字色変更ボタンドラックした文字の色を変換できる。ボタンを押すとカラーパレットが表示されるので、そこで色を選ぶ。リンクボタンリンクを付けたい [続きを読む]
  • 02.ツールパレットを使いこなす
  • blogを一度書いたのなら、この部分には気付いたはず。そこで、今回はこのツールパレットについて説明します。私が使っているのがIKORAブログなので、IKORAブログのツールパレットで説明させていただきます。ですが、他のブログもほぼ一緒なので、勉強にはなると思います。ほとんど機能を知っている方もいらっしゃると思いますが、ここで見直すのも面白いかもしれませんよ^^デザインモードボタンこれはIKORA以外は別名だったりな [続きを読む]
  • 02.ページを作る
  • まずは、右ページ。今回は右ページに本文やら何やら色々書いていきましょう。私はこんな風にしました。右ページになるページそれを「right.html」で保存。で、左ページにはメニュー覧を作りたいので、リンクを張る文字はこんな感じ。左ページになるページ今は文字さえわかればいいんです!!あえて言うなら、全部文字を中央揃えや右揃えにするのもいいかもしれませんね^^で、こっちは「left.html」で保存。さて。いよいよ、ペー [続きを読む]
  • 01.フレームについて学ぶ
  • ページで、こんなページって見ますよね?この場合ページを2つに分割しているんです。が。この2つを作るために必要なファイルが1.左側に表示するファイル2.右側に表示するファイル3.フレームを設定するためのファイル以上の3ページが必要です(すべて拡張子は「.html」)分け方を変えると左右だけでなく、上下や、5個とかにも分けれますよ。あんまり、見かけませんけど、ね!笑多くても4つ…いや、4つも最近はそんなに見ない [続きを読む]
  • 01.登録後に記事を投稿してみる
  • ブログ登録を済ませると、すぐに記事を投稿できるようになります。まずは、「記事投稿」をクリックします。すると、↑のような画面が出てきます。そこで、この欄に自分の好きな記事を打ち込みます。例えば、今回の私の記事でいうならこんな感じですね^^打ち終えて、どんな風に記事が投稿されるのかを確認したい方は…「実際の表示をプレビュー」というボタンを押してください。すると、私の場合はこのような画面が出てきます。そ [続きを読む]
  • Pingとは?
  • Packet INternet Groperブログが更新されたことを通知する機能のこと。正式には「Trackback ping」と言い、トラックバックの一種です。また、トラックバックすることとpingを送信することは同じ意味だそうです。■ping送信自分のブログを更新した際に、あらかじめ登録したping送信サイトへ自動的に更新内容を送信する機能のこと。そして、ping送信サイトは受け取った内容を周囲へ報告いたします。メリット:ping送信することにより [続きを読む]
  • RSSとは?
  • サイト中にある情報について書くための形式。RSSで書かれた情報をRSSリーダーで見ると、そのサイトに訪問しなくても新着情報などを知ることができます。RSSリーダー意味の解説参照URLRSS [続きを読む]
  • 03.ブログの機能 トップページ 編
  • ・テンプレートいわゆる、ブログの外観になります。ブログサイトによってテンプレートは多種多様。多いところで1000種類以上だとか。・サイドバーブログを見たら解りますが、サイドに「プロフィール」や「過去の日記一覧」などがありますよね?そこの場所がサイドバー。その名の通りですよね^^そして、その「プロフィール」などの項目一つ一つが「プラグイン」と言います。他にもブログサイトによれば多種多様な機能はあります。 [続きを読む]
  • 02.ブログの機能 記事投稿 編
  • blogの機能を簡単に説明していきましょう^^どのブログサーバーでもあるであろう機能の説明です!・新規投稿ここから、新しい記事の投稿ができます。またサービスによってはHTMLで編集可能なサービスもあります。・カテゴリ記事を分野別にまとめた索引のこと。これを分けることによって自サイト内で分別ができます。・追記「追記」またはそれに類似した言葉をクリックするともう一か所入力欄が出てくると思います。そこに文字を記 [続きを読む]
ゆやしさん 携帯プロフィール QRコード

トラコミュに参加してみませんか?

トラコミュに参加してみませんか?

あなたの書いた記事をテーマにそったトラコミュにトラックバックすることで、共通の趣味や話題をもったブロガーとつながります。

トラコミュ検索はこちらから