☆新人ブログ【24週目】☆

 

みなさんこんにちは🙋✨

今回は24週目に行なった作業をお伝えしたいと思います！！


9/6～9/10までの主な仕事内容

① 住設関係企業さまHP修正
② 自社HP更新
③ 同業他社SNSリサーチ
④ 自社SNS各種設定・投稿
⑤ 保育園HP更新
⑥ 情報誌作業
⑦ 産業廃棄物関係企業さまHP修正

今回は【自社HP更新】についてご紹介します！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

今回は自社のHPに載せる、SNS紹介のバナーを制作しました🙋

去年のアルバイト研修のときにもブログのバナーや、
弊社の無料貸画廊のバナーを制作していました！


【現在の新人ブログのバナー】


【研修ブログのバナー】

【弊社の貸画廊のバナー】


そして今回制作したのは


こんな感じのSNSアイコンが横並びになったバナーです！！

それぞれの公式HPからダウンロードしてきたアイコンをリサイズし、
illustratorのドロップシャドウの効果を使って立体的な感じに仕上げました👀


また、グレーの外枠はhtmlのタグで作りました！

↓↓ このようなコードを入れました ↓↓

<div style="padding: 2px; margin: 5px 10px 15px 20px; border: 0px; background-color: #e8e8e8; ">


コードの中身を少しだけ説明させていただくと、

-------------------------------------

●padding・・・
テキストコンテンツ自体とテキストコンテンツの境界線
文字と境界線の間の余白のこと

●margin・・・
テキストコンテンツの境界線の外側の余白を指定するプロパティ
ボックスとボックスの間に余白をつける際に使われる

●background-color・・・背景色を指定するプロパティ

-------------------------------------

私はよくpaddingとmaginの意味合いを間違えてしまいます😓💬

●パディング→要素の内部に追加の領域を作成
●マージン→要素の周りに追加の領域を作成　

htmlの作業をするとき、必ずと言っていいほどpaddingもmarginも
使用しているので、意味を間違えないように気を付けたいと思います。。。



今回制作したバナーは弊社HPのトップに配置してあるので、
良かったら見てください🙇✨

https://unit-net.co.jp/infor/index1.htm


コメント

コメントを投稿

このブログの人気の投稿

☆新人ブログ【57週目】☆

  みなさまこんにちは🙌 急ではありますが、 今回のブログを最後の更新とさせていただきます。 今までweb関係から印刷物関係まで幅広く作業を行ない、 その中でたくさんのことを学ばせていただきました🙌 全くの初心者からのスタートで、 社内の方にはたくさんご迷惑もおかけしましたが、 最後までご指導いただけて、感謝の気持ちでいっぱいです🙇 そして、こちらの新人ブログも見てくださって 本当にありがとうございました。
続きを読む

☆新人ブログ【44週目】☆

イメージ
 みなさんこんにちは！ 1月31日の週に行なった作業をお伝えします。 1/24～1/28までの主な仕事内容 ① E-ttoko取材 ② E-ttoko原稿作成 ③ ガス関係企業さま屋外バナー修正 ④ 建設会社さま打合せ同席 ⑤ 建設関係企業さまサイト提案書作成 ⑥  情報誌作業 ⑦  新築物件チラシ制作続き ⑧  情報誌作業 今回は【  ① E-ttoko取材  】についてご紹介します🙇 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 今回、新しくリニューアルオープンされたサロンさまから E-ttoko取材OK のご連絡をいただいたので、 アポを取ってから早速取材に伺いました！！！ 前回は上司の方と一緒だったのですが、今回は一人でした🙋✨ 取材前は事前に ホームページ や その他関連サイト を全部見て 先方の基本情報などを確認 しておき、 取材時に聞いておく内容 や 準備物などのチェック も忘れず行ないました◎ 当日は少し緊張しましたが・・・ 先方も気さくな方でしたし、自分自身も美容サロンに通っているということもあって 楽しく会話をしながら取材を進めることができました😊✨ また、室内の写真撮影時には、 いろいろな角度から撮ったり 、 拡大・縮しながら撮ったり して 1パターンにならないよう意識しました◎ ベッドやカーテン、机など全体をホワイトに統一されていて とても可愛くて清潔感ある店内でした😻 カメラは通常のオートモードの機能を使いましたが、 ホワイトバランスや露出など、もっといろいろな設定に関して 詳しい知識があると、よりキレイな写真が撮れるんだろうなと 改めて実感しました。。。 便利なオートモードに頼ってばかりなので、 もう少しカメラの勉強も頑張っていきたいです📷💥 取材がすべて終わって会社に戻ったあとは、 撮影した写真をパソコンに取り込んでレタッチを加えたり、 文章や構成を考えたりして、早速作業に取り掛かっていきました！！ 原稿の修正が終わり、本番ページにアップしたらまたこのブログ内で お伝えさせていただこうと思います！よろしくお願いします😌🌼
続きを読む

☆新人ブログ【51週目】☆

イメージ
   みなさんこんにちは😀 3月14日の週に行なった作業をお伝えします✊ 3/14～3/18までの主な仕事内容 ① 情報誌作業 ②  E-ttoko取材→初校原稿作成 ③ 保育園HP更新 ④ 業務引継ぎ作業 ⑤ 建設会社さまHP制作 今回も【 ②  E-ttoko取材→初校原稿作成  】についてご紹介します！ ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 今週は 雑貨店1軒・パーソナルジム1軒 にお伺いし、 取材と写真撮影をさせていただきました！ ここで今回お取材させていただいた2店舗を軽くご紹介させていただきます✨ ■1店舗目：importselect Lcoさま(輸入雑貨店) 海外直輸入のトレンドアイテムを扱っている雑貨店。 店内にはアクセサリー・ファッション小物・インテリア雑貨・ファブリック・ キッズアイテムなどハイセンスなデザインの商品がたくさん並んでいます🙌 店主が日頃からトレンドをリサーチしながら海外から買い付けを行っているようです✨ そしてどれも本当にリーズナブルなお値段なので、 自分へのご褒美や友人へのちょっとしたプレゼントにもぴったりです・・・！！ ■2店舗目：personal training REX GYMさま(パーソナルジム) 本格的なトレーニングと徹底した食事の管理を行うパーソナルジム。 実績と経験を積んだプロのトレーナーが本格的なトレーニングマシンを使って 分かりやすく指導してくれます◎ また、一人ひとりの生活環境に合わせた細かな食事指導もしてくれます😀 本気で身体を鍛えたい人やダイエットに励みたい人におすすめのジムです！！ 最初の頃は事前に用意していた質問しかお聞きすることができませんでしたが、 それ以外に 気づいた点 ・ 気になった点 などもだんだんと聞けるようになりました！ 来週も引き続き頑張りたいと思います😃🔥
続きを読む