サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
やる気の出し方
hazimetenohomepage.x0.com
今回は、フリーの画像ソフト「Inkscape」を使いハートを描いてみます。 超簡単なので、Inkscapeを触るのがはじめての方でも出来ますよ! 取りあえず、2つ、3つ作れば、あとは、1分もかからずに、作れるようになります! Inkscape 公式サイトへ Inkscapeのダウンロードは、こちら(公式ページ内)から 大まかな手順は、下記の通り。 ペンツールで直線を描く 描いた線より、ノードツールを使いハートの左半分を作成。 タイルクローンで、右半分を作成。 左右を合体させ、色をつけて完成! ペンツールを使い直線を描く ペンツールを選択 Inkscapeを開き、【ペンツール】を選択。 往復し、重なった直線を描く 意味、分かんないよ!? だよね^^; 私も、なんて表現すればいいのか、分からなくて。 取りあえず、下記をご覧ください。 【ペンツール】を選択した状態で、画面のどこでもいいので、1回
今回は、これを作ります! 定義リストって、なによ? って方は下記をご参照ください! 定義リスト<dl><dt><dd>を使いこなす! → 基本的事項 定義リスト <dt><dd>の横並び → ちょびっと応用 便利な使い方 定義リスト<dl><dt><dd>タグの挿入方法 → ホームページビルダーでの操作 全体の構造 定義リスト【dl】をワンセットにし、フロートで横並びにします。 HTMLはこんな感じ↓↓↓ <div> <dl> <dt><img src=画像アドレス>くじら</dt> <dd class="text1">哺乳類・クジラ目</dd> <dd class="text2">ハクジラとヒゲクジラに大別される。</dd> </dl> <dl> <dt><img src=画像アドレス>くじら</dt> <dd class="text1">哺乳類・クジラ目</dd> <dd class=
Hシリーズにつけるスタイルを書こうと思ったのですが、その前に、CSSの書き方を書いておかないとダメってことに気付きました。 と、いうわけで、今回は、CSS セレクタについて書きます。 セレクタとは? h1{ color : #ff0000; } セレクタ{ プロパティ: 値; } h1・・・・・・・・・・・セレクタ color・・・・・・・・・・プロパティ #ff0000 ・・・・・・・・値 スタイルの指定先を記しているところが、セレクタ。 セレクタの種類と書き方 基本 全称セレクタ(ユニバーサルセレクタ) *{ margin : 0; padding : 0; } セレクタは、【*】アスタリスクで表す。 【*】は、全要素に適応される→要素とは タイプセレクタ h1{ font-size : 100%; color : #0080c0; } p{ background-color : #f
今回は、普通では、開けないAIファイル というファイルを開く方法のご紹介です。 素敵な素材を見つけたけど、 AIファイルだから、開けない! と、諦めた方、。是非お試しください。 AIファイルとは? AIファイルとは、拡張子が【.ai】となっているファイルのこと。 .aiファイル,.ai形式 Adobe Systems社のグラフィックスソフト「Adobe Illustrator」で利用される画像データのファイル形式の一つ。 同ソフトの標準ファイル形式であり、ソフト固有の編集情報を完全な形で保存することができる。内部は基本的にはベクタ形式の画像ファイルで、点の座標とそれを結ぶ線や面の方程式のパラメータ、および、塗りつぶしや特殊効果などの描画情報が記録されている。 「AIファイルとは」IT用語辞典より 基本的に、AIは、「Adobe Illustrator」ありきのファイル。 そして、ベクター素
今回は、定義リストです。 名前は、気難しそうですが、なかなか使えるヤツだと思います。 定義リスト<dl><dt><dd>って、なに? <dl><dt><dd>のタグを使用したものを定義・説明リストといいます。 ホームページビルダーでは、説明付きリストと呼ばれています。 この『定義リスト<dl><dt><dd>』、なかなか便利でして、 私は、このブログでは、かなり頻繁に使っております。 では、どんなものか、見ていきましょう。 定義リスト<dl><dt><dd>は、こんなもの 下記表示は、デフォルトの状態です。※CSSリセットは、使っていません。 <dl> <dt>5月3日</dt> <dd>憲法記念日</dd> <dt>5月4日</dt> <dd>みどりの日</dd> <dt>5月5日</dt> <dd>子供の日</dd> </dl> 定義する用語を【dt】に。その用語の意味を明確に表す文章
今回は、素材をフリーソフトのGIMPで加工し、Favicon(ファビコン)を作りたいと思います。 相変わらず、なが~~いページですが、実際には、5分もかからない作業だと思います^^; ところで、Favicon(ファビコン)ってなに? ブラウザのタブや、ブックマークのサイト名の前についているマークのことです。 複数のページを開いていると、タブがだんだん小さくなり、サイトのタイトルが読めなくなったりしますが、このファビコンがあると目印になって便利。同じようなことは、ずらっと並んだブックマークにも言えること。ファビコンがあると探しやすい。そんなわけで、お気に入りのサイトに、ファビコンがないと管理人は、ちょっとがっかりします。 それに、かわいいよね。小さな主張みたいで。 と、いうことで、今日は、GIMPの説明をしながら、ファビコンを作って行きます。 じゃあ、GIMPってなに? GIMP(ギンプ、ジ
今回は、定義リスト<dt><dd>を横並びにし、 更新のお知らせなどに使える小窓を作っていきます! <dt><dd>を横に並べる 定義リストとは? → → こちらから 定義リストのホームページビルダーでの操作は? → → こちらから 構造 ↓↓↓下記の図のように、【dt】と【dd】が横並びになっています。 ↓↓↓こんな感じね! 【dt】と【dd】を横に並べるには、フロートを使います。 フロートで横並びにする方法 1.普通に定義リストを作成します。 <dl> <dt>サンプル</dt> <dd>サンプルサンプルサンプル</dd> </dl> ↓↓↓のように表示されます。(※下の図は、CSSリセットを行っています。) 2.スタイルの指定 【dt】【dd】共にフロートを指定してもいいのですが、 今回は、【dt】【dd】を繰り返し使用するので、、 【dt】にのみ、【float : left;】を指
追記 GIMPでAIファイルを開く場合 2013.6.22 GIMPで、EPSファイルを開く設定を行うと、結果、AIファイルも開けるようになりました。 完全な副産物でございまして、どうして開けるるようになったのか、管理人の知識では、明解な説明が出来かねます^^;が、EPSファイルを開く設定でAIファイルも開けますよ!ってことで。 EPSファイルとは EPSファイルって、なに? ベクトルデータとビットマップデータの両方を含むことができ、ベクトルデータのみを含むEPSファイルは、画像を拡大しても画質が落ちることはないが、同じEPSでもビットマップデータを含むEPSファイルに関しては、画像を拡大するとビットマップ部分の画質が落ちる。 ドロー系のソフト(Inkscape,Illustrator,CorelDRAW,FreeHand など)やビットマップ系のソフト(Photoshop,Corel P
このページを最初にブックマークしてみませんか?
『ホームページビルダー私でも出来たホームページ | まったくの初心者が、ホームペー...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く