ジェネレーター

CSSとHTMLでボタン・吹き出し・グラデーションが作れるサイト

オンライン上で「ボタン・吹き出し・グラデーション」など4項目のWEBサイト作成に役立つツールが利用できるサイトです。

登録不要で無料で使えるツール集です。

サイト:【コピペで簡単!】CSSボタンジェネレーター (web-alpha.info)

使い方は、

カテゴリから「ボタン・吹き出し・グラデーション」のいずれかを選びます。

次に、ステップに沿って項目をカスタマイズしてきます。

最後に、HTMLとCSSのコードをコピペして貼り付けるだけです。

引用・参考サイト

オンライン上でボタンなどのコードを自動で生成できるサイトです。

約4項目のWEBで役立つツールが利用できます。

HTML・CSSで作成できるテンプレートジェネレーターサイト

HTMLとCSSのみで「見出しタグ・ボタン・レーダーチャート・検索フォーム・トグル・タイムライン・棒グラフ」など全222項目の種類のテンプレートがAI自動で作成できるジェネレーターサイトです。

登録不要で無料で使えるツール集です。

サイト:CSS Stock

使い方は以下。

作りたい項目とパーツを選択して、進めていくだけです。

例えば、「Q&A」が簡単に作れることのパーツで説明します。

枠線の色や文字色、形状を決めて次へ進みます。

すると、HTMLとCSSの知識は不要でコードが自動生成されます。

あとは、これをコピーしてサイトに貼り付けるだけです。

引用・参考サイト

オンライン上でHTMLとCSSの知識不要で様々なデザインやパーツが自動生成できるサイトです。

全222項目のパーツから選べます。

オンラインで使えるロゴメーカー

オンライン上で「ロゴ作成」ができるサイトです。

登録不要で無料(3個まで)で使えるツール集です。

サイト:My Brand New Logo — ロゴメーカー—ブランドをデザインする

使い方は、ブランド名等を入力してクリックしていくだけです。

無料で作成できるのは3個までで、それ以降の作成・編集・作り直し等は有料です。

(1)ブランド名や会社名を入力します(必須)。

あとは同じように質問に答えていくだけです。(空白可)

(2)すると自動でロゴが作成されます。

色の変更や編集等を行うには会員登録が必要です。

引用・参考サイト

オンライン上で簡単にロゴ作成できるサイトです。

シンプルで使いやすいおしゃれなロゴが作れます。

オンラインでグラフ作成できるサイト

オンライン上で「円グラフ・棒グラフ・日本地図」など5項目のグラフ作成ツールが利用できるサイトです。

登録不要で無料で使えるツール集です。

サイト:グラフどころ

使い方は以下の通り。

グラフの種類を選択して「グラフを作成する」をクリックします。

次に「タイトル・サイズ・グラフの種類・データ」を入力して、「イメージをリロードする」をクリックします。

すると、一瞬でグラフが作成されます。

引用・参考サイト

オンライン上で様々な種類のグラフを作成できるサイトです。

約5項目のグラフ作成ツールが利用できます。

2ch風ジェネレーターを作成できるサイト

掲示板2ちゃんねる風のレスを作成できるサイトです。

1000レスまで自動で出力が可能です。

サイト:2ch風ジェネレータ

使い方は以下の通り。

  1. レス番号を設定
  2. デフォルトの名前を設定
  3. レス投稿の時間間隔を設定
  4. レス投稿の開始時刻を設定
  5. 出力

以上です。

特に難しいことはなく、デフォルトネームと日時だけ変更すれば問題ないと思います。

出力例です。

これをコピーしてブログ等に貼り付けます。

サンプル記事です。

コピーした出力例を適当に改行して文章を書けば誰でも2ch風の記事が書けます。

引用・参考サイト

2ch風の記事を作成できるジェネレーターサイトです。

HTMLとCSSのテーブルの作り方

誰でも簡単に作れるテーブルタグを生成するサイトです。

rowspanやcolspanの設定などで悩むことなく、HTMLの知識がなくても直感的に作成できます。

サイト:Table Tag Generator | HTMLの表を簡単に作成・結合ツール。テーブルタグジェネレーター

使い方は以下を参考にして下さい。

トップページへアクセスして、テーブルの個数を決めましょう。


テーブル内をマウスでドラッグして、「結合・分割・td th」を行います。


試しに1列目をドラッグして「th」に変換しました。


次に「文字」をクリックして、テーブル内に文字を入力しましょう。

完了したら「出力」をクリック。


出来上がったテーブルは左下の「HTML」内にテーブルタグが載っています。

全てドラッグしてコピーします。

ホームページやブログへペーストすれば簡単に完了です。

同時にCSSも作成されます。必要に応じて「CSS」内も「style.css等」へ貼り付けます。


ボーダー線をHTMLへ追加したいなら以下を 「<table>」 と置き換えます。

<table  border="1">

引用・参考サイト

「bonyspike」様のオンラインで作れるテーブルジェネレーター。

【無料3サイト】sitemap.xmlの作成サイト

ホームページやブログのサイトマップを簡単に作成できるジェネレーターサイトです。

基本的な使い方は、URLを入力して「作成」ボタンをクリックするだけです。

サイト:サイトマップを作成-自動生成ツール「sitemap.xml Editor」

サイトの更新頻度や優先度、同一タイトルの除外などはお好みで構いません。

ダウンロードした「sitemap.xml」をWEBサイトの直下(index.html等のある階層)にアップロードすれば完了です。

更にGoogleサーチコンソールの「サイトマップ」から「sitemap.xml」を送信することで効率よく検索インデックスに登録することが可能です。

ちなみに「sitemap.html」を作成するサイトはありません。「sitemap.html」は訪問者にサイトの構造を見やすくするためのHTML上の表示になります。以前はSEOに関係すると言われきましたが、現在はそれほど意味はなくユーザービリティを向上させる目的で独自に作ることが大半です。ワードプレスなどのCMSのプラグインを使う方法があります。

引用・参考サイト

無料で使えるサイトマップ(sitemap.xml)の作成サイト4つです。

どのサイトも直感的に使える便利なサイトです。

サイトマップを作成-自動生成ツール「sitemap.xml Editor」


FC2サイトマップ


xml-sitemaps.com


フリーサイトマップメーカー[XML,ROR,HTML,TXT 対応]

見栄えの良いボタン素材作成サイト

ホームページのボタン素材を簡単に作成できるサイトです。

ボタンテキストを入力して、「文字サイズ・ボタン幅」などを決めたら「JPG・PNG作成」ボタンを押すだけ。

PNGの方が画質が綺麗です。

あとは画像を右クリックしてデスクトップに保存すればオリジナルのボタンバーナーが完成です。

サイト:ボタン自動作成|カラーサイト.com (color-site.com)

引用・参考サイト

ホームページの色見本でおなじみの「カラーサイト.com」様のページです。

スタイリッシュなボタンを簡単に作成できます。