2021/12/15 よりサイトリニューアルしました

PHP,MySQLで大喜利サイトを作ってみる⑩スタイル調整、WEBサーバーアップロード、公開

大喜利サイト

 

前回、固定ページを作成しました。↓

 

今回はcssでスタイルを調整して大喜利サイトを完成させます。また、外部のサーバーにアップロードし、公開までをまとめたいと思います。

10回にわたり長々と続いてしまいましたが、今回で完結となります。恐らくほとんど誰も興味がない?ごく一部にしかお役に立てないような内容かもしれませんが、1人でも誰かお役にたてたならば満足です。

 

 

スタイリング

CSS

レスポンシブサイトにしているので、PCとスマホで表示を分けています。

後は特に説明するような事はありません。ただのcssです。

 

javascript

主にスライドメニュー画面の操作やスクロール(anime.js)の部分になります。

 

こちらは過去に説明しましたいいねボタンの操作部分になります。

さっきのjsとまとめて記述しても問題ありません。

 

 

サーバーにアップロード

Xサーバー

これにてローカルでサイトが完成しましたので、続いては外部サーバーにアップロードいたします。

今回は有料レンタルサーバーの「Xサーバー」にアップロードいたしました。

詳細な手順については過去記事でまとめています。↓

  

大まかな流れ

①レンタルサーバー契約

②ドメイン取得

③DB構築(テーブル作成)

④ローカルファイルのDB接続部分をサーバーに合わせる

⑤アップロード(公開)

となります。

 

 

完成

オリジナル大喜利サイト「痛風ヘルニア大喜利」無事公開されました!

下記URLからご覧いただけますので、是非足を運んでみてください!

それではまた!ありがとうございました!!

痛風ヘルニア大喜利

 

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です