プログラミング– tag –
-
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:make.htmlの作成(グリッドシステムのCol数の設定
Bootstrap Studio 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのクイズで遊ぶページ(play.html)を作成しました。 前々回にmake.htmlを作成し、ナビゲーションバーとフッターをindex.htmlからコピーしていますので、現状こん... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:play.htmlを作成 (max-width、max-height)
Bootstrap Studio 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトの新規ページの作成、リンクの作成、ナビゲーションバーとフッターの固定を行いました。 こちらが前回作成した「play.html」です。 他にも「make.html」と「about.... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:新規ページとリンクの作成、ナビゲーションバーとフッターの固定
Bootstrap Studio 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのリンクの色を変更しました。 前回作成したところはこんな感じです。 今回は「クイズで遊ぶ」、「クイズを創る」、「このサイトに関して」のそれぞれのページを作... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:フッターの作成(リンクの色を変える)
Bootstrap Studio 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのフッター部分のグラジエントの背景を作成しました。 前回作成したところはこんな感じです。 今回は同じくフッターのところのリンクの色を変えていきます。 しか... -
Programming
【Python基礎】QRcode:QRコードを作成
QRコード 今回はちょっと前からやりたかったPythonでQRコードを作成する方法を試していきます。 ちなみに特になぜやりたいかという理由はなく、例えばこのブログを人に紹介する時にQRコードがあったらかっこいいかなとか、TwitterでQRコード付きのツイート... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:フッターの作成(背景をグラジエント化)
Bootstrap Studio 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのメインコンテンツへのリンク部分を作成しました。 今回はページの一番下、いわゆるフッター部分に、再度コンテンツへのリンクとコピーライトを追加していきます... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:メインコンテンツへのリンク付き画像を追加
Bootstrap Studio 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのメインビジュアルエリアに動画を追加しました。 前回までに作成したデザインはこちらです。 今回はこのデザインにメインコンテンツであるクイズで遊ぶ「Play!」... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:メインビジュアルに動画を追加
Bootstrap Studio 前回、Bootstrap Studioを使って、漢字間違い探しクイズ用のウェブサイトのメインビジュアルエリアにテキストを追加しました。 前回までに作成したデザインはこんな感じです。 今回は前回追加したテキストの左側に漢字間違い探しクイズを... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:メインビジュアルにテキストを追加
Bootstrap Studio 前回、Bootstrap Studioを使って、感じ間違い探しクイズ用のウェブサイトのメインビジュアルエリアの作成を行いました。 ちなみに前回までの状態はこんな感じ。 今回はそのメインビジュアルの右側にテキストを入力していきます。 それで... -
Programming
【Bootstrap Studio】漢字間違い探しクイズのHTMLを作成:メインビジュアル部分の作成と画像の設定
Bootstrap Studio 前回、Bootstrap Studioを使って、感じ間違い探しクイズ用のウェブサイトのナビゲーションバーのデザインを行いました。 それでできたのがこんな感じ。 今回はこのナビゲーションバーの下に動画と一言キャッチフレーズを書くための場所を...