【杉本キャンパス限定】Webページ作成

対象者

杉本キャンパスでは、情報教育PC(情報教育システム）を用いて、個人のWebページを作成・公開することが出来ます。
このページでは、個人ページの作成方法や、Webページ作成に役立つサイトなどを紹介します。（作成したWebページの公開操作は、杉本キャンパスに設置された情報教育PCでのみ実施可能です。）

Webページを作成したことがない人を対象とした、簡単なチュートリアルを公開しています。

パソコン初心者にもわかりやすく説明していますので、参考にしてみてください。

「Z:¥public_html」内に作成した HTML ファイルが Web ページとして公開されます。

このフォルダ内の「index.html」がトップページとして表示されます。

その他の HTML ファイルはトップページにリンクを作成することで閲覧可能です。

HTMLファイルの作成手順を簡単に説明します。

HTMLファイルを作成するエディタは自由に選べます。「Visual Studio Code」や「WebStorm」、「メモ帳」などがあります。自分が使いやすいものを選んでください。
作成したファイルをZ:¥public_html内にHTMLファイルとして保存してください。
基本的にはファイル名の最後を “.html” とすれば HTML ファイルになります。トップページとしたいファイルは index.htmlという名前で保存してください。

Webページはこの手順を用いて作成する他、別のPCで作成したHTMLファイルをProselfでアップロードすることでも作成可能です。詳しくは WebDAVシステムを参照してください。

作成したWebページはファイル保存後約10分程度で自動的に杉本キャンパス内に公開されます。（杉本キャンパス内でのみ閲覧できます。）

作成したWebページを即時に手動で公開するためには、次の手順を行ってください（杉本キャンパスの情報教育PCでのみ操作可能です。）

公開された Web ページは以下の URL から閲覧することができます。

https://www.ecs.osaka-cu.ac.jp/~[OMUID]
（例：https://www.ecs.osaka-cu.ac.jp/~a12bc345）

このURL は、杉本キャンパス内・外部どちらから閲覧する場合でも同じです。

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

さらに詳しい情報が知りたい場合は、書籍や他のWebページを参照してください。

大阪公立大学のライブラリサービスにも多数のHTML関連書籍があります。

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