このデジタル時代において、高品質のウェブサイトを立ち上げることは難しい仕事ではありません。ウェブサイトの開設は、複雑なプログラミング言語、ウェブデザイン、理解しにくい技術知識に限定されなくなりました。実際、サイトのセットアップを完了するための無料のオプションがたくさんあり、htmlサイトのセットアップを使用することもその1つです。これは、webサイトを設定するための最もコスパの高い方法と見なされることがよくあります。多くの技術的な知識がなくても、htmlの作成を始めることができます。ウェブサイトのためにより多い時間を使いたかったら、htmlウェブサイトをセットアップすることを学ぶのもいいと思います。
この記事には2つの目的があります。 1つは、htmlを使用してwebサイトを構築したい初心者に簡単なガイドを提供することです。もう1つは、webサイト作成者が、他のwebサイトホスティングオプションを明確に理解できるようにすることです。これは、より効率的で使いやすいwebサイトホスティングオプションについて学習した後、htmlウェブサイトが最適ではないことがよくあるためです。
記事の概要：
1. htmlウェブサイトとその要素とは何ですか
2. htmlを使用してwebサイトを作成するにはどうすればよいですか？
3. htmlウェブサイトとwebサイトプラットフォーム—どちらが優れていますか？
4. Strikinglyを使用してwebサイトを設定するにはどうすればよいですか？
5.まとめ
1. htmlウェブサイトとその要素とは何ですか
まず、htmlの基本について説明し、機能的なhtmlウェブサイトをセットアップするために必要な手順を示します。 htmlウェブサイトで何ができるかを理解する必要があります。より正確には、htmlはプログラミング言語ではなく、ハイパーテキストマークアップ言語です。ダイナミックなwebデザインや画像の作成には使用できませんが、ユーザーはwebサイトのデザインと枠組みを整理およびフォーマットできます。 htmlを使用して、webサイトのセクション、段落、見出し、リンク、およびアプリケーションを作成できます。htmlウェブサイトには、タグと属性という2つの重要なコンポーネントがあります。
- htmlタグ（Tags）
htmlタグは、htmlウェブサイトに指示を与える方法を指します。 webサイトにタイトルを表示したり、ページレイアウトを整理したりする場合は、タグを使用できます。ラベルは通常括弧で示され、そこに含まれるテキストはラベルの説明です。
htmlタグの例：
ほとんどのタグが機能するには、開いている
と閉じている</ h1>必要があります。
- html属性（Attributes）
一方、html属性は、特定のタグの主な機能の説明を提供します。これらは通常、ラベル内にあり、同じ山かっこでマークされています。これは、画像、ビデオ、リンク、およびその他の外部デザインや機能をhtmlウェブサイトに追加するために使用されます。
2. htmlを使用してwebサイトを作成するにはどうすれば良いですか？
htmlウェブサイトを構築するために、ハイエンドコンピューターで絶妙なソフトウェアを使用する必要はありません。これは、システムのhtmlエディターで直接行うことができます。コンピューターの電源を入れたら、以下の手順に従ってhtmlウェブサイトの構築を始めます。
- ドキュメントタイプ
htmlドキュメントタイプから始めましょう。htmlウェブサイトは、Doctypeドキュメントを作成した瞬間から始まります。
<！DOCTYPE html>
<html>
<head>
</ head>
<body>
</ body>
</ html>
これは、htmlウェブサイトを構築するための最も基本的な方法です。かなりシンプルなウェブサイトを作りたいとしても、たくさんのコードを書かなければなりません。したがって、すべてのhtmlファイルを1つのフォルダーに保存することを常にお勧めします。次の図は、ネットワークがどのように構成されているかを示しています。
Strikinglyのユーザーのサイトからの画像
doctypeファイルは、ファイルの読み取り方法をブラウザーに指示するためにのみ完成します。次に、ページ、デザイン、コンテンツ、およびレイアウトを指定するコードを入力する必要があります。たとえば、About-us.html、Product.html、Services.html、Contact-us.htmlなどです。
- その他のタグ（htmlタグ）
Doctypeは、ページの基本的なレイアウトの概要を示す単なるドキュメントです。また、htmlウェブサイトに他の要素や属性を追加する必要があります。 例えば：
<head>タグには、タイトル、メタタグなどに関連するすべての要素と属性が含まれています。
<title>タグは、ページのタイトルを挿入するところです。
<meta>タグは、文字プログラミング言語、名前（ページコンテキスト）、説明など、ドキュメントに関する情報を追加するために使用されます。
<head>セクションのコードがどのようにご覧ください。
<head>
<title>My html website</title>
<meta charset = "UTF-8">
<meta name = "description" content = "ページに関する情報がここに表示されます。">
</ head>
- コンテンツを追加する
この部分はラベルに関するのです。htmlウェブサイトのすべてがここに表示されます。これには、htmlウェブサイト上のテキスト、画像、フォーム、およびその他すべての要素のデザイン入力が含まれます。
（1）まず、htmlwebサイトにタイトルを追加します。
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
これは最も重要なタイトルであり、残りのタグは見出しまたはその他の追加コンテンツとして使用されます。この情報は、検索エンジンが検索結果に何を表示するかを理解するのに役立つことを気をつけてください。
（2）次に、htmlエディターで新しい行に
<h1>Welcome to My html website</h1>
を入力してみましょう。
このファイルを「index.html」として新しいフォルダに保存し、「マイページ」という名前を付けます。
（3）最後に、htmlページにテキストを追加します。
タグ
で開いた要素を使用して新しい段落を作成し、すべての通常のテキストを要素
に配置するだけです。 htmlでテキストを作成する場合、他の多くの要素を使用して、テキストをカスタマイズしたり、特定の方法で表示したりすることもできます。これらのタグは、関連するテキストを囲み、オンとオフを忘れずに入力する必要があります。次のhtmlコードを入力して試すことができます。
<p>Welcome to<em>my</em> html website. You can all my<strong>latest updates<strong>here.</p>
ページにアクセスして、変更を確認してください。ヒント、次のような一般的に使用される要素タグを書き留めることができます。
<b> =太字
<強い> =強い
<i> =斜体
<em> =拡張
<u> =フォントにアンダースコアを追加
- スタイルシートを追加する
スタイルシートを作成して「style.css」という名前を付け、「css」という名前の新しいドキュメントでアクセスします。このstyle.cssドキュメントは、webページの設計に役立ちます。 headタグを閉じる前に、次のようなコード行を追加することを忘れないでください。
<link href = "css / style.css" rel = "stylesheet" type = "text / css">
このコードは、webページをロードするときにスタイルシートを検索する必要があることをブラウザにお知らせします。htmlサイトガイドはここで終了します。これで、独自のhtmlサイトの構築を始めます。
3. html webサイトとwebサイトプラットフォーム—どちらが優れていますか？
Strikinglyの商品からの画像
あなたがプロのウェブサイトを構築したいのであれば、いくつかの基本的なプログラミング言語の知識を持っているだけでは十分ではありません。 htmlをよく理解する必要があります。そうしないと、ほかのことに利用できる貴重な時間を無駄にするだけです。プログラミング言語は速くありません。たとえプロの業者を雇いたいと思っても、それは間違いなく多くの時間がかかります。したがって、今すぐwebサイトを構築するためにいくつかのhtmlガイドの学習を開始することを計画している場合はどうなるかを想像することができます。と！ウェブサイトを確立することはあなたの仕事が完了することを意味しません。あなたは検索エンジンでのランキングを最適化するためにあなたのウェブサイトを更新し続ける必要があります。これはまたあなたが絶えずコードを変える必要があることを意味します。
別のウェブサイトホスティングオプションを探し始めるのに遅すぎることはありません。経験がなく、予算が限られていて、プログラミングから学ぶのに多くの時間を無駄にしたくない場合は、ノーコード開発のプラットフォームや専門のツールを使用することをお勧めします。ウェブサイトプラットフォームは、htmlよりもはるかに簡単なウェブサイトセットアップサービスを提供できるツールです。
- プログラミング言語は必要ありません
プログラミング言語を学んだり、ウェブサイトの仕組みを理解したりする必要はありません。 Strikinglyのようなウェブサイトプラットフォームでアカウントを作成し、多数の高品質の無料テンプレートからお気に入りを選択し、コンテンツを追加してレイアウトを変更し、ワンクリックで公開するだけです。
Strikinglyの商品からの画像
- スピードが速い
htmlを学んでウェブサイトを構築したいなら、それは間違いなく1日か2日で完成することはありません。htmlウェブサイトをセットアップする場合と比較して、Strikinglyのようなwebサイトプラットフォームでwebサイトをセットアップする方がはるかに高速です。コードが内蔵されているので、専門知識がなくても簡単に操作できます。
- ユーザーに簡単にできる
webサイトプラットフォームを使用してwebサイトを構築した経験がない場合でも、htmlウェブサイトよりもはるかに見栄えの良いwebサイトを構築できます。 Strikinglyのシンプルなユーザーインターフェイスを例にとると、基本的なコンピュータースキルを持っている人なら誰でも、Strikinglyを使用して、外部の支援なしで完全に機能するwebサイトを構築できます。さらに驚くべきことは、Strikinglyによって立ち上げられたwebサイトがすべてレスポンシブデザインであり、すべてのモバイルデバイスに一致することです。
- 更新が簡単です。
htmlウェブサイトのwebサイトを変更または更新することは非常に困難です。逆に、Strikinglyのようなwebサイトプラットフォームは、このタスクを簡単に実行するのに役立ちます。ユーザーフレンドリーな編集ツールは、ウェブサイトの管理を最大限に簡素化します。新しいページの追加、バナーの変更、電子メールの追加など、Strikinglyを使用して簡単に完了することができます。
4. Strikinglyを使用してwebサイトを設定するにはどうすればよいですか？
まず、Strikinglyで無料のアカウントを作成します。メールIDまたはGoogleアカウントでログインできます。登録後、Strikinglyの膨大なテンプレートライブラリから適切なテンプレートを選択して、組み立てを開始できます。 webサイトを完全にカスタマイズし、必要なページ、ボタン、画像、テキスト、コンテンツを追加してwebサイトを完成させることができます。完了したら、webサイトを公開して、web上でどのように表示されるかを確認できます。ウェブサイトの準備ができたら、ウェブサイトのドメインを登録してください。 アカウントをProにアップグレードして、より専門的なwebサイト機能を楽しみ、webサイトの可能性を最大限に引き出すことができます。
Strikinglyの商品からの画像
Strikinglyを使用すると、Webサイトのセットアップは非常に簡単です。 HTMLを学ぶ必要はなく、多くのお金と時間を投資する必要もありません。 何を待っていますか？ Strikinglyにアクセスして、今すぐ独自のWebサイトを入手してください。
ご質問などございましたら、support@strikingly.comの方までお問い合わせください。
