10月11日（水）学科 SNS運用基礎①【ｵﾝﾗｲﾝ】

田中 里枝　先生

アジェンダ

1限目
学科　SNS運用基礎①
SNSについて

2限目
学科　SNS運用基礎①
WebサイトとSNSの使い方について

3限目
学科　SNS運用基礎①
課題作成

4限目
学科　SNS運用基礎①
課題作成

5限目
学科　SNS運用基礎①
課題作成

ポイント

SNSで意識しておくポイント

• 埋め込みタグの仕組み・・iframe,CSS
• SEO対策・・・リツートでは検索順位に関与しない
• 外部リンク使用注意・・・外部コンテンツは突然変わるため依存し過ぎに注意

グラフィックツール（Photoshop・Illustrator）を使うチャンス

snaps・・・insta写真の埋め込みサービス

https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12962.287720589255!2d139.7013494!3d35.687541!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018f36fe515e34b%3A0xeefa33d780c3c704!2z44OA44Kk44Ov44Ot44Kk44ON44OD44OI44Ob44OG44OrIOilv-aWsOWuv1BSRU1JRVI!5e0!3m2!1sja!2sjp!4v1696990732692!5m2!1sja!2sjp

www.google.com

「googlemap 色変え css」

iframe埋め込みGoogleMAPの色を変える方法(API不要・無料)

ホームページやブログにGoogleMAPを埋め込んだ際に、デザイン的にGoogleMAPの色を変更したいときがあります。 今まではAPI版のGoogleMAPを利用すれば色変更が簡単に行えたのですが、2018年7月のGoogleMAP AP

onoredekaiketsu.com

グレー100%の場合

<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3239.6567846113126!2d139.80851171544617!3d35.710062680187654!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188ed0d12f9adf%3A0x7d1d4fb31f43f72a!2z5p2x5Lqs44K544Kr44Kk44OE44Oq44O8!5e0!3m2!1sja!2sjp!4v1545458808759″ width=”600″ height=”450″ frameborder=”0″ style=”border:0;width:100%;filter:grayscale(100%);-webkit-filter:grayscale(100%)” allowfullscreen></iframe>

彩度50%アップの場合

filter:saturate(150%);-webkit-filter:saturate(150%)

blackets