【フリー素材】Web年賀状を送ろう!

  • このエントリーをはてなブックマークに追加

scp
2018年度、戌年のWeb年賀状を作成しました!
文章や住所を書き換えて、お手持ちのサーバへアップすれば、簡単にWeb年賀状を作成できます。
後は丁寧な文言でメールにてURLを送ればOK完了です。紙の年賀状を刷らなくても良いのでコスト削減にも。
商用利用OKです。ぜひご利用ください。

DEMO
zipファイル

更新方法は以下をご一読ください。


更新できる箇所


scp2
①あいさつ文
②署名
③画像
④会社ロゴ
⑤住所
⑥URL

zipを解凍すると、「inde.html」というフォルダがあります。
これをメモ帳で開いてください。

編集できる箇所は、全て「▼▼①ここから▼▼」という文字でくくってあります。
この中の文字を書き換えてください。

03



改行する時は↓を挿入すると、改行されます。




画像を差し替える


画像を差し替える場合は、同じ名前の画像にして「imgフォルダ」の中に入れるか、下記のタグのファイル名を書き換えてください。赤の下線部分ですね。ロゴが無い場合は丸ごと消してください。


05


URLを差し替える


URLを変更する場合は、赤の下線部分を2箇所修正してください。URLが無い場合は丸ごと消してください。



04

執筆者:森島[ WEBデザイナー ]

8bit デザイナーです。 デザイン・マークアップ・映像制作など幅広く担当しています。

関連記事

Webデザイン

【Photoshop】クリックするだけ!? AIで風景を置き換える新機能”風景ミキサー”の使い方

PhotoshopCCのver23.0から搭載された新機能「風景ミキサー」を紹介します。 AIを使用したフィルター機能で、写真の背景をクリックするだけで簡単に変更できます! 目次1 どんな機能?2 使い方2.1 手順1:被写体を選択する2.2 手順2:フィルターを適用する2.3 完成3 YoutubeChannelのご紹介 どんな機能? 左が元写真で、右がフィルター適用後です。 あくまで元の画像の構図や要素は崩さずに、雰囲気をガラリと変えてしまいます。 どんな雰囲気の背景にし […]

Webデザイン

【Illustrator】手書きのスキャン画像をパスデータにする

Illustratorの「画像トレース」という機能を使用すれば、パスデータを作成することができます。 簡単に使えるので、ぜひロゴやイラストを作る時に活用してください。 目次1 「画像トレース」機能の使い方1.1 画像トレースパネルを開く1.2 スキャンしたデータをトレースする1.3 不要な部分を削除する2 YoutubeChannelのご紹介 「画像トレース」機能の使い方 画像トレースパネルを開く まず、メニューから画像トレースパネルを開きます。 [ウィンドウ]>[画像トレー […]

Webデザイン

【Illustrator】長文をカラム分けして読みやすくする方法

リーフレットやチラシなどの印刷物を作る時、長文をカラム分けすると文章が読みやすくなります。 このカラム分けされたテキストボックスは互いにリンクされており、片方で改行などの編集をすると、溢れたテキストが自動で次のテキストへ送られるようになっています。 領域を作ってリンクするだけなので、非常に簡単です。ぜひ習得してください。 目次1 やり方解説1.1 手順1:四角オブジェクトを配置する1.2 手順2:四角オブジェクトをテキストボックスに変換する1.3 手順3:複数のテキストボック […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。