Web ページ作成

大阪公立大学では、情報処理教育システムを用いて、個人の Web ページを作成することが出来ます。
このページでは、個人ページ作成の方法や、Web ページ作成に役立つサイトなどを紹介します。

注意事項

Web ページを作る際は….
  • 著作権に注意を払って下さい。例えば、他人の Web ページの画像を無断で盗用したり、雑誌等からスキャナで取り込んだものを公開してはいけません。
  • 公序良俗に反するページを作成してはいけません。

Web ページ作成チュートリアル

Web ページを作成したことがない人を対象とした、簡単なチュートリアルを公開しています。
Web ページ作成チュートリアル
パソコン初心者にもわかりやすく説明していますので、参考にしてみてください。

公開される場所

Z:¥public_html」内に作成した HTML ファイルが Web ページとして公開されます。
このフォルダ内の「index.html」がトップページとして表示されます。
その他の HTML ファイルはトップページにリンクを作成することで閲覧可能です。

HTML ファイルの作り方

HTML ファイルの作成手順を簡単に説明します。
  1. HTML ファイルを作成するエディタは自由に選べます。
    「Visual Studio Code」や「WebStorm」、「メモ帳」などがあります。自分が使いやすいものを選んでください。
  2. 作成したファイルを Z:¥public_html 内に HTML ファイルとして保存してください。
    基本的にはファイル名の最後を “.html” とすれば HTML ファイルになります。
    トップページとしたいファイルは index.html という名前で保存してください。
Web ページはこの手順を用いて作成する他、別の PC で作成した HTML ファイルを Proself でアップロードすることでも作成可能です。 詳しくは WebDAV システム を参照してください。

Web ページの公開方法

作成した Web ページを公開するためには、次の手順を行ってください(学内の Windows 端末でのみ閲覧できます)。
※新型コロナウイルス感染拡大防止に伴う遠隔授業実施中は、本手順は不要です。作成した Web ページは自動的に学内に公開されます。
Web ページを公開する方法はこちら(学内限定)
  • ※学内以外の外部に公開する為には追加で次の手順を行ってください。
    Web ページを外部公開する方法はこちら

    公開された Web ページの URL

    公開された Web ページは以下の URL から閲覧することができます。
    https://www.ecs.osaka-cu.ac.jp/~[OMUID]
    (例: https://www.ecs.osaka-cu.ac.jp/~a12bc345
    この URL は、学内・学外どちらから閲覧する場合でも同じです

    Web ページ作成サイト

    Web ページ製作の際には以下のサイトが役に立ちます。

    HTML5 対応

    • とほほの WWW 入門
      “とほほの WWW 入門” から “むふふの素材集” まで、Web ページ作りに必要なモノが一通り揃っています。
    • HTML クイックリファレンス
      HTML タグ・スタイルシート・特殊文字などの早見表です。
    • HTML5 仕様書
      HTML5 の仕様書の日本語訳です。公式の文章ではないため、正確に知りたい方は 原文 を参照してください。

    HTML4 以前

    さらに詳しい情報が知りたい場合は、書籍や他の Web ページを参照してください。大阪公立大学の ライブラリサービス にも多数の HTML 関連書籍があります。

    個人ページへ移動

    OMUID を小文字で下に入力すれば、移動ボタンを押すことで、個人ページに移動します。index.html ファイルが public_html 直下にない場合 “Not Found” が表示されます。