総合トップ
エンジニア転職
未経験の転職
新卒就活
プログラミング学習
ゲーム/マンガ
paizaとは?
講座一覧
問題集
スキルチェック
有料プラン
法人向け
学校フリーパス
ログイン
新規登録
メニュー
ログイン
講座一覧
スキルチェックを受ける
PC推奨
法人プラン
学校向け
おすすめコンテンツ
オフィス訪問
paizaの教育活用事例
4コマ漫画 ぱいじょ!
ゲームイベント一覧
paizaのサービス一覧
paiza転職(中途転職者向け)
paiza新卒(学生向け)
EN:TRY(未経験向け)
paizaラーニング(プログラミング学習)
paizaラーニングトップ
キャリア
ITエンジニアの就活準備編レッスン一覧
ITエンジニアの就活準備編2: ポートフォリオ制作チャプター一覧
javascriptを有効にして下さい。
ITエンジニアの就活準備編2: ポートフォリオ制作
完全無料
ポートフォリオ作成
Tweet
チャプター一覧
01:Webページを作ろう
(5:57)
無料公開中
ここでは、エンジニアがスキルをアピールするときに役立つポートフォリオページの作り方を説明します。HTMLとBootstrapを使って、具体的な作例を作りましょう。まずは、全体の構成とベースになるHTMLについて取り上げます。
このチャプターを受講する
HTML
CSS
キャリア
02:制作物リストを作ろう
(3:35)
無料公開中
ここでは、ポートフォリオページで作品例を紹介するコーナーを作ります。そして、Bootstrapのグリッドの使い方をおさらいしましょう。
このチャプターを受講する
HTML
CSS
キャリア
03:アピールポイントを載せよう
(5:17)
無料公開中
ここでは、ポートフォリオページにアピールポイントを紹介するコーナーを追加します。そして、Bootstrapで3つのアピールポイントをレイアウトしてみましょう。
このチャプターを受講する
HTML
CSS
キャリア
04:大きな写真を表示しよう
(3:51)
無料公開中
ここでは、ポートフォリオページで一番目立つページのトップを作りたいと思います。そして、Bootstrapでこのようなレイアウトを実現するジャンボトロンを使ってみましょう。
このチャプターを受講する
HTML
CSS
キャリア
前のレッスンへ