webデザイン勉強中

WEBサイトを持つメリットについて考えてみました。 WEBサイトを持つと、自己紹介で役立つと思います。 どういう人が対象かと言うと、 個人事業主、学生、何かの集まり（サークル、部活動、ボランティアなど） などなど、 私が思い浮かべたところ、こんな感じですかね。 今の時代、SNSがあるので、WEBサイトがなくても情報発信はできると思います。 ただ、その場合、情報発信の対象者は SNSの利用者限定で、ということになると思います。 WEBサイトであればネット環境のある人であればいいので、SNSより対象範囲は広いです。 それとWEBサイトであれば個性を出すこともできると思います。 オリジナルサイトをつ…

企業などのWEBサイトを閲覧していると お問い合わせページがあり、 当たり前のように、お問い合わせフォームがあると思います。 参考にキューピーさんの、お問い合わせページを載せます。 お問い合わせフォーム | お客様相談室 | キユーピー こういった、お問い合わせフォームなのですが、 WEB制作、初心者がつくるには難しいと思います。 なぜかと言うと、 PHPというプログラミング言語を使っているからです。 高度な技術が求められます。 それとセキュリティの観点からも、 個人情報を扱うことになるので、 個人的には手を出さない方がいいと思います。 ただ、私は自分のつくったWEBサイトに、 お問い合わせペ…

WEB制作、初心者の学習ステップを 私なりに以下に載せます。 ①WEBデザインの本で学習する ⬇ ②オリジナルサイトづくり ※仮想のサイトでも可 ※サイトのフレームを、大まかでもいいので、描く ⬇ ③オリジナルサイトに使う画像の用意 ※画像素材サイトなどを利用する ⬇ ④画像編集とWEBサイト用に画像の圧縮をする ⬇ ⑤コーディング（コードを打つ作業）をする ※コードのコピペ集を参考にして表現の幅を広げながら行う ⬇ ⑥Chromeブラウザの検証ツールで検証を繰り返して、完成形へ ⬇ ⑦サーバーにアップロードする前の準備 ・OGPの設定 ・Googleアナリティクスの導入 ⬇ ⑧オリジナルサイ…

WEBデザインのコーディング（コードを打つ作業）を一発で完成させられることは、まずあり得ないと思います。 なので、Chromeブラウザの検証機能（デベロッパーツール）を使って、 何度も検証を繰り返し完成したWEBサイトに近づけていきます。 Chromeブラウザの検証機能（デベロッパーツール）の使い方について、 わかりやすく解説されているサイトを紹介します。 初心者向け！Chromeの検証機能（デベロッパーツール）の使い方 こちらのサルワカさんのサイトに、 Chromeブラウザの検証機能（デベロッパーツール）の使い方が、わかりやすく解説されています。 最初はデベロッパーツールの使い方で手間取るこ…

WEBデザインをする際、画像・写真編集をすることがあると思います。 Adobeなどの専門ソフトを使っている方なら問題ないとは思いますが、 持っていない方は以下のサイトを参考にしてみて下さい。 【無料】画像・写真編集&加工アプリおすすめ10選【2023年版】 こちらのサイトでスマホ向けのアプリを紹介されています。 気軽に編集作業ができると思います。 私もスマホのアプリで画像編集をする時があります。 一応、Adobeのソフトは持っているのですが、 外出中に電車に乗っている時など、 スキマ時間で画像編集ができるのでスマホのアプリは便利だと思います。 むしろ、今の時代はスマホのアプリで画像編集するのは…

Googleドライブの使い方を紹介したいと思います。 まず、最初に話しておきたいことですが、 スマホにある画像データなどをGoogleドライブでインターネット上で共有して、 パソコンでGoogleドライブを開いて共有している画像データなどをダウンロードすれば、 スマホのデータをパソコンにダウンロードする作業が楽にできます。 そういった理由で今回の記事は、 Googleドライブの使い方を紹介します。 Google ドライブの使い方解説！ファイル・フォルダ共有方法も | ヨシヅミ-吉積情報株式会社｜Google 認定プレミアパートナー こちらのサイトにGoogleドライブの使い方が載せられています…

WEBサイトの画像サイズは、 大きくなりすぎると、 サイトの読み込みに時間がかかったり、 読み込みされなくなるというようなことがあります。 そこで画像サイズを圧縮する方法について紹介します。 【2023年最新】スマホで写真・画像サイズを圧縮する方法まとめ - Appliv こちらのサイトに画像の圧縮について、 様々な方法が紹介されています。 参考にしてみて下さい。 それと私が重宝している便利な画像素材サイトを紹介します。 『オーダン』というサイトです。 O-DAN (オーダン）- 無料写真素材・フリーフォト検索 こちらのサイトは著作権フリーの海外のサイトです。 他にも沢山、画像素材サイトはある…

就活生や転職者のみなさん、こんにちは！これまで7年、書いた記事は1500記事を超え、求人サイトの運営まで始めた"日本イチの就活マニア"こと就活マン（@syukatu_man）です！ 今回は「就職Shop」について解説します！ 既卒などの２０代に特化したサービスかつ、保有求人数が１１,０００社以上と圧倒的な数を誇っています。 そんな就職shopの評判は良いのか？悪いのか？ この記事を通して、そんな評判だけでなく、利用する上での注意点まで詳しく解説していきますね。 ２０代で、就職や転職を考えている人にとって間違いなく有益な情報になります。 ぜひ最後まで読み込んでくださいね！ 就職shopってよく耳…

エレメンタープロを利用してりうWEBデザイン勉強中のお母さんです。 別ページのアンカーリンクへ飛ぶ方法がよくわからなかった。 けれども、これが一番わかりやすかった。 アンカーリンクを設置＃⚪︎⚪︎⚪︎ アンカーリンクが設置されているサイトアドレスの後にアンカーリンクをコピペ https://sukusyo.hatenadiary.com/#⚪︎⚪︎⚪︎ nocode-navi.com

エレメンター習得中の駆け出しWEBデザイン勉強中のお母さんです。 初歩的なことから学んでいますが、備忘録も兼ねて記録。 タテーブルプレスで表を作ることはできるのだが、入力が面倒。 そんな時、HTMLの表を自動作成してくれるサイトが便利。 いくつか使ってみたが、最近はこちらのHTMLオンラインエディターが便利！ 表作成だけでなく、視覚的にHTMLを作成できる。 表は入力し、コードをコピペし貼り付ければ完成。簡単なのでおすすめしたい。 rakko.tools

エレメンター習得中の駆け出しWEBデザイン勉強中のお母さんです。 初歩的なことから学んでいますが、備忘録も兼ねて記録。 今回は同じページ内の特定の場所に移動したい。 つまり、セクションごとに移動できるリンクを貼りたい。 同じページ内をリンクで移動する方法をページ内リンク・動的リンクと呼ぶようで、LPなどの縦長サイトにこのリンクは最適。 私も現在、サイト製作中で、TOPページが縦長になっている。 その方法について参考になったサイトをご紹介。 「メニューアンカー」というウィジェットを使うようだ。 動画で詳しく解説されており、いつもお世話になっているサイト 今回もわかりやすくて役立ちました。 noc…

12月30日～31日の2日間、浜崎あゆみさんのライブが東京で開催されます。 『ayumi hamasaki COUNTDOWN LIVE 2023-2024 A ～A COMPLETE 25～』 公演情報▼・日程：2023年12月30日 (土) 開演18:00 DAY1・日程：2023年12月31日 (日) 開演22:30 DAY2・会場：【東京都】国立代々木競技場 第一体育館 昨年同様、会場は国立代々木にてカウントダウンライブが開催されます！ ※以下、セトリになります。 【スポンサーリンク】 // 浜崎あゆみ ライブ2023 12/30 代々木初日 セットリスト▼ 1. forgivenes…