ゲストさん ログイン ログアウト 登録
オープンの川
 対話と個別指導のあるオンライン少人数クラスの作文教室
小１から作文力を上達させれば、これからの入試は有利になる。
志望校別の対応ができる受験作文。作文の専科教育で４０年の実績。
　　

プログラミング掲示板
プログラミングクラスの掲示板です。質問や相談など自由にお書きください。プログラミング情報
プレゼンプログラミング発表会
mori7.jpのホームページ一覧

　新規投稿
　編集
メールの受信登録
▽題名のみ表示・最新順
|▽題名のみ表示・スレッド順
|▽題名本文表示・最新順
|▽題名本文表示・スレッド順


< 前 | 現在1－50番 | 次 > (全32件)
件 　
and検索
このpage検索
　


元の記事：
自分のホームページを作るためのFTPの使い方（2023/4/26更新） (910字)　森川林（nane）　2023/03/24 11:04:24　14617　 　5 　　　　

　Scratchは、ウェブ上に共有のページがありますが、HTMLやJavaScriptやPythonは、自分のホームページがないと、ほかの人に見せることができません。

　プログラミングクラスでJavaScriptやPythonに取り組む人は、FTPをインストールして自分のホームページを作ってください。
　また、創造発表クラスの中学生以上の生徒も、ホームページを作れるといいので、希望する人は連絡してください。

　必要なホスト名、ユーザー名、パスワードは、個別に連絡します。
　個別れんらく板で質問してくれれば折り返し連絡します。

　プログラミングクラス、及び、創造発表クラス用のサーバーは、
https://mori7.jp
です。（まだ空っぽです。）

　ここに、それぞれの生徒の生徒コード（先生も含めて）でディレクトリを作り、そこに、htmlファイルとJavaScriptファイルをアップロードすれば、誰でも見られるようになります。
　例えば、なね先生なら、
https://mori7.jp/nane/
です。（JavaScriptの最初のテストが入っています）

　PHPもMySQLのデータベースもPythonも使えます。

　生徒は、FTPソフトのwinscpなどをダウンロード、インストールしてください。
　それぞれの生徒が自分のホームページとして自由に使ってもらいます。

　以下のFTPのダウンロード、インストール、設定の説明は、Windows用です。

　Macの人は、FileZilla（Mac、Windows対応）などのFTPソフトなどを使ってください。
https://ja.osdn.net/projects/filezilla/

　Windowsの人は、Winscpをダウンロードします。
https://forest.watch.impress.co.jp/library/software/winscp/

02

03

04
新しいサイトを選択し、ホスト名、ユーザー名、パスワードを入れます。

05
セッションの保存名は、デフォルトでもいいし、自分で適当につけてもいいです。

06
ログインをしてサーバーにつながったら、mori7.jpをダブルクリックして開きます。
（ほかのところは開かないようにしてください。）

07
public_htmlを開きます。
（ほかのところは開かないようにしてください。）

08
サーバーのフィルのない空いているところを右クリックして、新規→ディレクトリを作ります。
（ほかのファイルいじらないようにしてください。）

09
新しいフォルダ名に、生徒コードをアルファベットで入れます。

10
自分のパソコンにあるプログラムファイルをサーバー側に入れます。

  1. ブラウザで、https：//mori7.jp/生徒コード/のURLを開きます。それが自分のホームページです。
  2. 次回にWinSCPを開くときは、自動的に自分のコードのディレクトリが開きます。
    （自分のディレクトリ以外のところには行かないようにしてください。）
  3. VScodeで作成したファイルは、自動的に文字コードがUTF-8になっています。
    ワードやメモ帳で作ったファイルは文字コードがShift_JISになっているので、そのままサーバーに入れると文字化けをします。その場合は文字コードをUTF-8に直しておいてください。
    （メモ帳では、エンコードという枠でUTF-8が選択できるようになっています。）
  4. HTMLファイルには、文字コードの指定を入れておいてください。
    ＜META……UTF-8＞となっている部分です。
    　下記の枠の説明は、「＜（小なり）タグ」と「＞（大なり）タグ」を全角で入れているので、コピーして使うときは、半角のタグに直しておいてください。

    ＜html＞
    ＜head＞
    ＜META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"＞
    ＜/head＞
    ＜body＞
    ……
    ＜/body＞
    ＜/html＞

  5. ホームページのHTMLファイルの作り方がわからない場合は、下記の本を参考にしてください。
    「12歳からはじめるHTML5とCSS3」
    https://www.amazon.co.jp/dp/4899773420/
    （2013年発行のちょっと古い本ですが、今のところこの本がいちばんいいです）



上の記事に対するコメント▼


題名：
　　　　本文が長いときは、フォームに直接書くよりも、書いたものをコピーして貼り付けることをおすすめします。
まみむめ （スパム投稿を防ぐために五十音表の「まみむめ○」の続く１文字を入れてください。）
本文：
名前：名前は本名でなくてかまいません。自由につけてください。
コード：
パス： 　画像は、送信確認をしたあとのページで入れられます。

※コードとパスワードを入れなくても送信できますが、その場合は反映されるまで少し時間がかかります。
　コードとパスワードは、登録ページで取得することもできます。

< 前 | 現在1－50番 | 次 > (全32件)



●Online作文教室 言葉の森 　 　オープンの川 編集 　 管理の川（事務局用）　「 プログラミング掲示板」 昨日から 0