新着記事一覧 | *mu-blog*

【本・HTML＆CSSとWEBデザイン入門講座】CHAPTER４〜6　フルスクリーン、２カラム、タイル型のWebサイトを制作する

最初の記事を書いてから、だいぶブログの更新が滞っていました＾＾；実は最初の記事を書くのに、何回も修正をして、それだけで二時間余りもかかってしまい、たぶんそれで、勉強後に記録するのが億劫になってしまったのかも。。。そのため、これからは記録に時間を取られないように気をつけながら書いていこうと思います。あ、前置きが長くなってしまいました。。。本日は、購入したもののまだ勉強してなかった＾＾；こちらの本から。1冊ですべて身につくHTML & CSSとWebデザイン入門講座 [ Mana ]Webデザインの勉強をされる方には、有名な本ですね！実はこの本を買う前に、Udemyの講座でHTML＆CSSは勉強しており、（私が選んだベストセラーの講座は少し古い？ようで、2015年？16年？頃のものと思われます）また、その後もProgateで復習をしていたので、本の方は、その部分は飛ばして（時折読み返しながら）サイト制作のところから進めることとしました。こちらは2019年3月に発行されており、ページのデザインも新しいと思います。（まだ素人目でしか分からないですが＾＾；）（なお、topページの一部を。。。と画像を載せたかったのですが、本の中で、学習以外の目的で画像を使用しないこと、とあったため掲載できませんでした）ちなみにこちらの本のダウンロードデータには、細かい箇所ごとにHTMLやCSSのデータも付いてくるので、いちいち本を見ながら手打ちで打たなくても、コピペで実装できちゃうのです！私は最初は覚えないとーと思い、手打ちしていたのですが、あまりにも私の打つ速度が遅く時間がかかり、途中でコピペに気づきその方法で進めました。明日は、chapter７　外部メディアを利用する、を学んで行きたいと思います。（あぁ、今日も地味に時間かかってしまった〜＞＜さらっと書きたいのに、たぶん文章を作るのが苦手なのだな。。。）

WordPressの勉強ーデモサイトを作るー

行きつけの図書館にて、ワードプレスの本を見つけたので借りてみました。それがこちらの本いちばんやさしいWordPressの教本第4版人気講師が教える本格Webサイトの作り方 [ 石川栄和 ]価格：1738円（税込、送料無料) (2021/5/25時点)楽天で購入設定としては、HTML,CSSの知識はなくてもできる方向けのもの。本の中でも、花屋を経営されてる方が自分でお店のホームページを作るという設定で始まっていました。私も、まずはワードプレスというシステム？（この楽天ブログのように）どのような動きでホームページを作るのか？というのも知りたくてワードプレス自体をやったことも無かったのでまずは慣れろってことで、やってみることに。。。それで、できたのがこちらのページデモサイト作ってみた感想としては、本を見ながらではあるけれど、本当に簡単にできてしまったなあと。。。全くコードをいじることなくできました。（２日間かけて、実働10時間くらい）ただ、私は最初のサーバー、ドメインの部分でつまづいたという＾＾；（むかーし、１０年以上前に１回だけ取ったことあったけれどやっぱり忘れてしまうな。。。）他は、トップで右側にサイドバーとなっており、最初はできていたが、色々いじくっていつの間にかできなくなっていたのが、一つ解決できなかった点。（ググっても分からなかったので、後日コードいじれるようになったら解決できるよう宿題とする）また、YouTubeの動画を貼り付けるってところで「youtubeに動画をアップロードする」とあり、よく分からんがまあ本の通りやるか。。。でなぜかYouTubeに自分のチャンネルを作り、デモの動画を公開そのリンクをサイトの投稿に貼り付けたのはいいが（非公開では貼り付けできなかった）公開になるのはちょっとと、動画を削除しようとしたら、なぜかチャンネルごと削除になり勉強のために登録した他のチャンネルの登録まで削除となるので動画は非公開で残し、自分のチャンネルも残りとなんかややこしいことに。。。（ただ、youtubeってこうやってチャンネルや動画を公開してるんだと、結果、勉強にはなったという＾＾；）ちなみに、デモサイトでは動画は貼り付けておらず、また、お問い合わせフォームも、載せておりません。（お問い合わせフォームで送信すると、自分のメールに送られてきてしまうため）また、この本は発行が2019年8月と比較的新しいのですが、私のデモサイト作成が2021年5月で、本の中とは違うところが一部あり、そこで戸惑いましたが、いろんな単語でググり続けて、2時間？以上、やっとその部分はバージョンアップで無くなったと知ることができました。（「トップページコンテンツエリア上部」という部分。その記事がこちら↓Lightning G3 でトップページコンテンツエリア上部ウィジェットエリアを設定する）。。。と、そんなこんなで、何とか初ワードプレス体験ができました＾＾今回の体験では、まずは慣れることが目的で、それは少しはクリアできたかなと。（よく勉強で、自分のブログをワードプレスで作ると良いというのを見かけます。ポートフォリオ作成にも良いようで、私はそちらで作っていこうかなと思います）次は、テーマをカスタマイズできるような勉強ですね。