Webページ作成

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

注意事項

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

はじめてWebページを作る

作成したWebページを公開する為には次の手順を行ってください。(学内にのみ公開されます。)
  Webページを公開する方法はこちら(学内限定)
  • ※ 外部公開する為には追加で次の手順を行ってください。
      Webページを外部公開する方法はこちら

    HTMLファイルの作り方

    HTMLファイルの作成手順を簡単に説明します。
    1. HTMLファイルを作成するエディタは自由に選べます。 「Visual Studio Code」や「WebStorm」、「メモ帳」などがあります。自分が使いやすいものを選んでください。
    2. 作成したファイルを.htmlで保存してください。基本的にはファイル名の最後を”.html”とすればhtmlファイルになります。
    これで、保存したファイルを開くことができます。

    Webページ作成サイト

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

    HTML5 対応

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

    HTML4 以前

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

    個人ページへ移動

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