![見出し画像](https://assets.st-note.com/production/uploads/images/132957504/rectangle_large_type_2_655cbf829a4d9acad0296e87441d40ac.png?width=1200)
[第4回] ヘッダー部分に会社名とロゴを設定しよう①
本講座はvisualforceを使い、Salesforce帳票の作り方を学んでいく講座です。全13回の講義終了後、商談から帳票を出力できるようになる事をGoalとして講座を進めていきます。
メンバーシップ(Salesforceデベロッパープラン)加入者は無料でご覧いただくことが可能です。
第3回講義でvisualforceページを使って簡単なPDFを作成してみました。
第4回講義では、ヘッダー部分に会社名とロゴを設定していきましょう。
HTMLで帳票レイアウトを調整する
ヘッダー部分に会社名とロゴを設定する前に、HTMLの調整をしておきましょう。
HTMLとはWebページを作るためのプログラミング言語です。
visualforceページにHTMLを組み込む事が可能で、HTMLを用いる事で帳票のデザイン構成をヘッダーエリア、メインエリア、フッターエリアのような構成に分ける事ができます。
![](https://assets.st-note.com/img/1670385066398-YS36RRWCZS.png)
実は前回までの講義でヘッダー(<head>)ボディ(<body>)は作ってあります。
![](https://assets.st-note.com/img/1670385277040-D67sDPW4XK.png?width=1200)
足りないのはフッターエリアなのでHTMLで<footer>タグを追加しましょう。
opp_pdf.pageに下記のように<footer>…</footer>を追加してみてください。
ここから先は
1,802字
/
5画像
いつもサポートいただきありがとうございます! クリエイター活動の励みになります!