WEBサイト作成

野鳥が好きで、ホームページ作成の勉強をして野鳥のWebサイトを作ってみたものの、誰も見てくれてない。。 素人ですので不具合があるかと思いますが、良かったら見てみて下さい(^^) ・野鳥名前当てゲーム 野鳥の画像が表示されるので野鳥の名前を当ててみて下さい。 http://birdname.yu-nagi.com/ ・野鳥属性検索 野鳥の属性を選択すると該当する野鳥の名前が一覧表示されます。 http://birdattri.yu-nagi.com/

/*動画学習アウトプットです*/ ご参考程度に楽しんでいただければと思います♪ https://www.udemy.com*Udemy講座より ◆キーフレーム 基本的に0%〜100%のアニメーションの状態を記述する ［記法］ @keyframes アニメーションの名前 { 0% { 0%の時の内容 } 100% { 100%の時の内容 }} ☆50%など途中の動きも細かく設定できる 例）@keyframes kf-sampleanim { 0% { transform: scale(0); } 50% { transform: scale(2); } 100% { transform: sca…

/*動画学習アウトプットです*/ ご参考程度に楽しんでいただければと思います♪ https://www.udemy.com*Udemy講座より mixinの使い方について動画学習からメモです。 ☆Sassの機能mixinを使ってanimationの詳細を関数化 ◆mixin演算子 sassファイルの中で使える。【注！】CSSファイルでは使えない ［記法］ ☆定義 @mixin 呼び出すための名前(引数) { 内容} 例）@mixin animation() { } * 「animation」はmixinを呼び出すための名前・関数のように定義できる・引数にデフォルト値を設けることができる ☆mi…

お店を始める際に自店のサイトを作るのは当たり前だと思っていたのですが、意外とサイトのないお店も多いですね 飲食店や美容室に多いように感じますがやはり自サイトは作成すべきだと思います なぜならあらゆることを自分でコントロールできるほうが商売がやりやすいからです 以前に飲食店の店主さんに聞いたことがあるのですが「お客さんは食べログでweb予約するからそっちでいいよ」ということでした なるほど～、と思いましたが少し脇が甘い印象です 他社のサイトに依存すると自分でコントロールできないことが多いからです お店の紹介文やメイン商品の説明、店内の様子や商品画像を掲載することができると思うのですがおそらく文字…

皆さん、こんにちは🥵 暑い日が続き、食欲がわかない日も あるかもしれませんが、食事と水分補給を しっかりして、体調を整えていきましょう！ 前回は、<nav>・<a>タグ、相対パスなど 今までのタグを復習しながらフッターを 完成させました。 フッターの作り方を復習をしたい方は下記より 前回の記事をぜひ見てみて下さいね！ nikusukix.hatenablog.com 今回は、CSSを使って前回までで作った 各ページ共通部分の『common.html』を スタイリングする準備をしていきましょう(^^♪ この記事で学べること！ CSSはHTMLファイルのスタイルを 調整するためのもの CSSでスタ…

皆さん、こんにちは🍧 梅雨が明け、さっそく台風が来たりと 一気に夏になってしまいましたね(*´Д｀) 暑い日が続きますので、水分補給をしながら 体調管理をしていきましょうね！ 前回は相対パスを使った画像の指定や <a>タグを使ったリンクの飛ばし方を 解説しました！ 相対パスや<a>タグの使い方を確認したい方は 下記より前回の記事をぜひ見てみて下さいね！ nikusukix.hatenablog.com 今回は、<nav>、<a>タグや相対パスなど 今までに学んできたことを凝縮して ヘッダー部分を作っていきましょう！ この記事で学べること！ フッター部分を記述する時もコメントアウトする 『&co…

皆さん、こんにちは🥵 7月に入り各地で猛暑日が続くなど、厳しい暑さに なっていますね。 熱中症にならないよう水分補給をしながら エアコンも活用して体調管理に気を付けて いきましょうね！ 前回は、ヘッダーの作り方という事で <div>タグを使った領域の確保や、 <nav>タグを使ったナビゲーションメニューの 設置方法を見てきました。 前回の記事をご覧になりたい方は下記URLより読んでみて下さいね！ URL：WEBページの作り方－ヘッダーの作成－ - ゆるゆるWEBブログ 今回はパスを使った画像の指定方法や<a>タグを使った リンクを飛ばす方法について解説していこうと思います！ この記事で学べるこ…