searchカテゴリー選択
chevron_left

メインカテゴリーを選択しなおす

カテゴリーのご意見・ご要望はこちら
cancel
プロフィール
PROFILE

りょたろんさんのプロフィール

住所
未設定
出身
未設定

あーるくんブログではプログラミングの知識が無い方でもホームページが作成できるようにWEBデザインの知識を学べる記事を書いています。「あーるくんブログ」を閲覧して頂くことで、ホームページの作成スキルが身につきます。コロナ過にも対応できる在宅ワークやテレワークのお仕事を探している方にもオススメのスキルです。

ブログタイトル
Webデザイン独学まとめ|あーるくんブログ
ブログURL
https://ryoutarou.net/homepage-creation/
ブログ紹介文
「無料」でホームページ作成スキルが習得できます。(HTML&CSSなど)【現在は完全無料】技術を習得すると在宅ワークや副業で稼げます!今のお仕事を続けながらでもスキルを身につけよう!Adobe提携校でWEBクリエイター講師してました。
更新頻度(1年)

46回 / 365日(平均0.9回/週)

ブログ村参加:2019/11/15

本日のランキング(IN)
フォロー

ブログリーダー」を活用して、りょたろんさんをフォローしませんか?

ハンドル名
りょたろんさん
ブログタイトル
Webデザイン独学まとめ|あーるくんブログ
更新頻度
46回 / 365日(平均0.9回/週)
フォロー
Webデザイン独学まとめ|あーるくんブログ

りょたろんさんの新着記事

1件〜30件

  • 文字間と文字の行間を指定するCSS|Webデザイン独学

    ここで紹介する「letter-spacing」と「line-height」は重要です。このスタイルを指定することでブラウザに表示している文字ズレを無くすことができます。指定しなかった場合、文字間や行間はブラウザ側で勝手に解釈されます。他の端末(エンドユーザー)から閲覧した場合に、文字がズレている事があります。

  • 文字の斜体と太さのCSSスタイル|Webデザイン

    文字の斜体を指定するスタイルとして「font-style」。文字の太さを指定するスタイルでは「font-weight」になります。斜体については文字が少し斜めになる見え方をします。font-weightについては度々使います。文字の太さを指定するのでタイトルや強調したい文字にも使います。

  • 文字の書体を指定するCSS|font-family

    フォントの種類を指定するスタイルは「font-family」です。WindowsやMac、AndroidやiPhoneで表示する際に、問題なく文字が表示できるように設定します。その場合に 標準でインストールされているフォントを指定することが一般的です。ここではfont-familyについて書き方を説明します。

  • 文字のフォントや太さを指定するCSSスタイル|Webデザイン独学

    フォントはデザインの一部です。フォントによってサイトの雰囲気もぐっと変わります。ブラウザ上で表現できるフォントの種類は限られていますが、Webフォントと呼ばれるサービスも存在します。今回はテキストに関するSEOの話も交えながら説明していきます。

  • テキストに対するCSSスタイル |Webデザイン独学

    テキストに対するスタイルがいくつかあります。文字を大きくしたり色を付けたりと装飾することで表現方法も広がります。CSSではフォントを指定して書体を変更することもできます。そしてテキストのスタイルに関しては重要なポイントがありますので記述方法などコツを説明していきます。レスポンシブデザインについても少し説明します。

  • 本気でWebデザイナーを目指す人へ紹介したい。Webデザインスクール3選

    現在は在宅ワークがより求められています。そのような環境でもWebデザインの仕事は伸びていく業界と言われています。未経験だけど「Webデザインのスキルを学びたい」と思っている方も多いと思います!僕もWebスクールに通ってWebデザイナーに転職した身です。その経験からおすすめのWebデザインスクールを紹介したいと思います。

  • ワイヤレスイヤホン|高音質だった商品を紹介!【コスパ最強】

    今回は、コスパ最強で防水規格レベルも高く、高音質なワイヤレスイヤホンを紹介します。実際に1年使ってみて故障もなく良品質です。耳にフィットするのでランニングや運動する人にも最適!税込3,999円で他メーカー1万円クラスと並ぶスペックです。高音質、防水IPX7、連続8時間再生。そんなコスパ最強のGRFD-SWE500JT05のワイヤレスイヤホンの紹です。

  • ありきたりな自己啓発より「ひろゆき」の「1%の努力」を読む方がいい!

    1999年に「2ちゃんねる」を開設しその後ニコニコ動画の管理人だった西村博之こと「ひろゆき」さん。最近では論破王と呼ばれメディアにも引っ張りだこ。YouTubeでは切り抜き動画も溢れており、飾ることなく的確な言葉に納得させられます。そんなひろゆきさんですが「1%の努力」という本が29万部数を突破しているので読みました。今回はひろゆきさんと本の魅力について紹介したいと思います。

  • Nintendo TOKYO|福岡PARCOに行ってみました。

    巷で話題になっていたNintendo TOKYOに行ってきました♪福岡住まいなので来店したのは福岡PARCOです。任天堂グッツがたくさんみれるし購入できるということで、幼い頃から任天堂のゲームに大変にお世話になっている僕としては必ず行きたいお店でした!福岡は2021.6.25〜7.25までの期間限定ということもありギリギリ22日に来店しましたので雰囲気を紹介します。

  • Nintendo TOKYO|福岡PARCOに行ってみました。

    巷で話題になっていたNintendo TOKYOに行ってきました♪福岡住まいなので来店したのは福岡PARCOです。任天堂グッツがたくさんみれるし購入できるということで、幼い頃から任天堂のゲームに大変にお世話になっている僕としては必ず行きたいお店でした!福岡は2021.6.25〜7.25までの期間限定ということもありギリギリ22日に来店しましたので雰囲気を紹介します。

  • 装飾に便利なspanタグ!

    これまで紹介したHTMLタグにはそれぞれ役割があり意味を持っています。しかし中には意味を持たないHTMLタグの要素も存在します。その一つがspan(スパン)タグです。このspanタグには意味を何も持ち合わせていません。どちらかというとCSSの装飾のために存在するタグです。ここではそのspan(スパン)タグの使い方について説明します。

  • CSSスタイルの適用方法|セレクタの種類

    レイアウトやデザインを担うCSSには「セレクタ」と呼ばれる種類が存在します。そのセレクタに対してCSSを指定します。そうすることで文字の大きさを変化させたり、色を付けたりデザインすることができます。今回はそのセレクタについて紹介します。

  • スタイルシートCSSの記述場所と適用方法!

    スタイルシートはHTMLファイルとは別に外部ファイルを作成します。その他HTMLファイルへ直接記述する方法もありますが、外部ファイルとして記述する方が良いとされています。ここではスタイルシートの適用方法と位置関係を説明します。

  • スタイルシートについて|デザインを担うCSS編

    これまではホームページの骨組みであるHTMLについてお伝えしてきました。これよりデザイン性を担うCSSも含めて説明をしていきます。CSSはHTMLに洋服を着せるようなイメージです。レイアウトや文字色などデザインを行うために必要なスタイルシートについて説明します。

  • 価格表などを作成する方法!テーブルタグを使いこなそう。

    ホームページに会社概要や価格表、ショッピングサイトなら商品の詳細欄など「表」を作ることがあります。その際に利用するHTMLがテーブルタグです。少し取っ付きにくいかもしれませんがテーブルタグは使うことが多いので紹介します。

  • ホームページにYouTube動画やMP3音源を埋め込む方法!(HTML編)

    ホームページやWEBサイトに動画を掲載したい場合がありますよね!例えば飲食店だと料理や店内の動画を乗せることで、お客様がその様子をみて来店してくれるキッカケになります。ネットショップでも動画で紹介することで商品の特徴を分かりやすく伝えることができます。ここではYouTube動画やMP3の音源をHTMLファイルに埋め込む方法を紹介します。

  • ホームページのバナー画像にリンクを指定する方法

    バナーとはウェブページの広告画像にアンカーリンクを設定するボタンです。クリックすることで紹介したいコンテンツページや別のサイトへ画面遷移します。視覚的な画像で訴求することでユーザーへの興味を持たせる意味合いが強い要素です。lesson13ではテキストにリンクを指定する方法を説明しましたが、今回は画像にアンカーリンクを設定する「バナー」についてお伝えしたいと思います。

  • ホームページで画像を表示させるHTMLタグ

    お店のホームページなどの場合、カメラで撮った写真を掲載することで店内の雰囲気を伝える事ができます。飲食店では美味しそうな料理の画像を掲載することで訪問してもらえる可能性が高まります。スマートフォンが普及した現代では綺麗な画像で伝えることは、とても大切な要素です。ここではホームページに画像を表示するためのイメージタグを紹介します。

  • 目次で御用達!ページ内の特定した場所にリンクを指定する方法。

    ホームページやウェブサイトを構築していると、特定したページ内の箇所にアンカーリンクを設定したい場合があります。テキストをクリックすると指定した箇所まで一気にジャンプします。閲覧するエンドユーザに向けたユーザビリティ要素です。ブログの目次などに多様されるようになりました。

  • ホームページのメニューや画像にリンクを指定するアンカータグ

    ホームページではボタンをクリックすることで別ページに画面遷移します。同じサイト内であっても外部サイトでも「アンカータグ」を使って指定します。ここではナビゲーションメニューなどを作成するアンカータグについて説明します。

  • メニューや箇条書きで利用するリストタグ

    ここではメニューや箇条書きで使う「リスト」タグを説明します。分かりやすく例えると目次のような文章を作成したいときに指定するタグです。その他メニューボタンなどにも使います。

  • ホームページの文章で「重要」なワードを強調するタグ!

    ホームページで文字を書く時にはpタグで文章を記述することをお伝えしました。文章内の文字を強調したいときに使うタグは少し注意が必要なポイントがあります。ここではホームページの文章で「重要」なワードを強調するタグ!についてを説明します。

  • テーマや話題の区切りにhrタグ

    ここでは段落の区切りで使用できるhrタグを紹介します。視覚的に罫線が入りますので文章を区切る時によく使われます。必ず使うタグではありませんが必要に応じて使いましょう。

  • マッチングアプリのペアーズ(Pairs)にはサクラがいる可能性が非常に高い!

    今回はマッチングアプリのペアーズ(Pairs)にはサクラはいるの?本当に出逢えるの?と疑問に感じている人も多いと思います。マッチングアプリには良いところも悪いところもあります。今回は厳しく「曇りなき眼」で見定めました。僕が実体験で検証した結果を嘘偽りなくすべて真実としてお伝えします。

  • 文章の見出しで使うhタグ。タイトルタグは検索に影響します!

    文章の見出しで使うhタグにはh1からh6まであります。ページ内で各タイトルを表記したい時に利用するタグです。使い方にルールもあります。タイトルタグは検索も影響しやすいと言われていますので重要タグと認識されています。

  • 文章の見出しで使うhタグ。タイトルタグは検索に影響します!

    文章の見出しで使うhタグにはh1からh6まであります。ページ内で各タイトルを表記したい時に利用するタグです。使い方にルールもあります。タイトルタグは検索も影響しやすいと言われていますので重要タグと認識されています。

  • HTMLファイルに段落タグと改行タグの2つを記述をしよう!

    それでは段落タグと改行タグの記述練習をしてみましょう。Lesson8の素材ファイルを用意しています。記述が増えるにつれてタグの閉じ忘れがあります。閉じ忘れがあるとブラウザ表示も崩れたりします。開始タグと終了タグには気をつけましょう!

  • HTMLファイルに段落タグと改行タグの2つを記述をしよう!

    それでは段落タグと改行タグの記述練習をしてみましょう。Lesson8の素材ファイルを用意しています。記述が増えるにつれてタグの閉じ忘れがあります。閉じ忘れがあるとブラウザ表示も崩れたりします。開始タグと終了タグには気をつけましょう!

  • 練習用ファイルのzip解凍方法

    このページでは、「ホームページの作り方が無料で学べる」にて使用する練習用ファイルの解凍方法をお伝えします。あーるくんブログではプログラミングの知識が無い方でもホームページが作成できるようにWEBデザインの知識を学べる記事を書いています。気になる方はメニュー目次「Lesson.1」から閲覧してね!

  • 練習用ファイルのzip解凍方法

    このページでは、「ホームページの作り方が無料で学べる」にて使用する練習用ファイルの解凍方法をお伝えします。あーるくんブログではプログラミングの知識が無い方でもホームページが作成できるようにWEBデザインの知識を学べる記事を書いています。気になる方はメニュー目次「Lesson.1」から閲覧してね!

カテゴリー一覧
商用