实验时间

2019.10.18

实验项目

网站网页的上传与维护

实验目的

1.掌握网站开发环境的安装与配置。

2.掌握网站服务器、FTP 服务器的安装与配置。

3.掌握网页的上传与维护技术。

实验内容

1.在开发机器上安装 IIS Web 服务器,掌握 Web 服务器的配置方法

2.自建 FTP 服务器,并配置

3.使用 FTP 方式将实验 1 中制作的网页上传至自建的 FTP 服务器,并测试整个网页制作环境的可用性

4.学习了解 WebStorm 环境,掌握利用 WebStorm 进行站点管理,包括站点设置、网页上传等操作

实验步骤

  1. 在自己机器上搭建IIS Web服务器:
  1. 打开控制面板,点击启动或关闭windows功能
  2. 点击因特网信息服务后,点击确定等待

使用iis新建网站和使用第三方ftp软件新建ftp站点

  1. 打开控制面板的管理工具,点击打开IIS管理器,左侧展开后右击网站,添加网站并填写对应信息

使用iis新建网站和使用第三方ftp软件新建ftp站点

使用iis新建网站和使用第三方ftp软件新建ftp站点

此时网站下并没有任何资源,web服务器配置结束

  1. 搭建并配置ftp服务器
  1. 下载filezilla server并安装(一路next,就不截图了)
  2. 安装完成后打开软件,填写密码并连接

使用iis新建网站和使用第三方ftp软件新建ftp站点

使用iis新建网站和使用第三方ftp软件新建ftp站点

已经连接成功

  1. 点击edit->users,右侧点击add添加用户,中间添加密码

使用iis新建网站和使用第三方ftp软件新建ftp站点

  1. 左侧点击shared folders,中间点击add添加目录(也就是实际该账号下的根目录),给予权限,这里设置为全权限

使用iis新建网站和使用第三方ftp软件新建ftp站点

  1. 点击ok完成配置
  2. 设置防火墙,打开网络和internet,点击windows防火墙,再点高级设置

使用iis新建网站和使用第三方ftp软件新建ftp站点

点击左侧入站规则,点击右侧新建规则

使用iis新建网站和使用第三方ftp软件新建ftp站点

使用iis新建网站和使用第三方ftp软件新建ftp站点

使用iis新建网站和使用第三方ftp软件新建ftp站点

使用iis新建网站和使用第三方ftp软件新建ftp站点

使用iis新建网站和使用第三方ftp软件新建ftp站点

使用iis新建网站和使用第三方ftp软件新建ftp站点

防火墙设置完成

设置防火墙的目的是让别的计算机访问本机上的ftp站点时不被拉结拦截

  1. 往自建的ftp上上传实验一文件,并测试整个网页制作环境的可用性
  1. 打开文件资源管理器,输入ftp://+自己的ip登录自建的ftp服务器

使用iis新建网站和使用第三方ftp软件新建ftp站点

使用iis新建网站和使用第三方ftp软件新建ftp站点

登录完成,文件夹为空

  1. 拖动方式上传实验一文件

使用iis新建网站和使用第三方ftp软件新建ftp站点

上传成功

  1. 测试网站可用性,打开IIS,点击,进入网站目录,进入web2目录,点击内容视图,打开index.html文件

使用iis新建网站和使用第三方ftp软件新建ftp站点

使用iis新建网站和使用第三方ftp软件新建ftp站点

成功打开网页

  1. 在webstorm设置ftp站点,并上传文件测试可用性
  1. 将上一步上传至ftp的所有文件删除
  2. 打开deployment

使用iis新建网站和使用第三方ftp软件新建ftp站点

点击+添加一个ftp站点,输入名字

使用iis新建网站和使用第三方ftp软件新建ftp站点

填写完对应信息

使用iis新建网站和使用第三方ftp软件新建ftp站点

在mappings里填写信息

使用iis新建网站和使用第三方ftp软件新建ftp站点

回到connection点击测试连接

使用iis新建网站和使用第三方ftp软件新建ftp站点

  1. 右键项目目录,将整个目录上传至ftp服务器

使用iis新建网站和使用第三方ftp软件新建ftp站点

使用iis新建网站和使用第三方ftp软件新建ftp站点

登录ftp服务器看到文件夹已经上传

实验过程遇到的问题及解决方法

  1. 不清楚客户端与服务端的区别,搞混服务器与客户机开发的功能及作用

解决办法:分开两个电脑操作,自己笔记本作为服务器,机房电脑作为客户端,在老师的帮助下解决问题

  1. 不清楚利用IIS建立网站时各个操作的作用以及虚拟目录的作用

解决办法:询问老师得以解决。建立网站使用的是实际的物理目录,这样访问网站时都只能访问到该目录下的所有资源,使用虚拟目录,可以将网站外的目录映射到网站下,使得用户可以访问到其他目录的资源,虚拟目录本身是网站下的一个子目录,理论上可以指定为任何目录。

  1. 不清楚利用IIS建立网站和建立FTP站点以及使用第三方FTP软件的原因

解决办法:询问老师得以解决。IIS本身也有作为ftp服务器的功能,但是账户与windows系统相关,在文件传输时有隐性的问题,不如使用第三方ftp服务器。

实验心得

  1. 搞清楚了实际web开发中客户端与服务端的功能、作用以及区别
  2. 清楚了ftp服务器的简易搭建流程
  3. 清楚了web网站的简易搭建流程

 

相关文章:

  • 2021-06-19
  • 2021-12-26
  • 2022-12-23
  • 2021-11-15
  • 2021-07-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-04-29
  • 2021-07-25
  • 2021-11-28
  • 2021-12-17
  • 2021-10-02
相关资源
相似解决方案