中科大个人主页制作教程

  • 原创
  • |
  • 浏览:6544
  • |
  • 更新:

中国科学技术大学(以下简称科大)给每个学生都免费提供了一个官方域名和300M的静态服务器空间,供制作个人主页之用,这一点在全国高校中都是非常良心的!顾名思义,个人主页可以用来展示自己,比如制作在线版的个人简历,这样申请出国或者保研的时候直接给导师发链接即可,既方便老师查看又几乎不占邮箱空间。那么对于科大新生而言,怎么开始使用这个个人主页服务呢?

中科大个人主页制作教程

工具/原料

  • 中国科学技术大学在读学生
  • Dreamweaver

方法/步骤

  1. 1

    首先你要有一个类似于 YourID@mail.ustc.edu.cn 这样的科大邮箱,如果你已经注册过了,那么这一步可以跳过,否则请到东区活动中心一楼左边校园网服务中心柜台处开通。

    中科大个人主页制作教程
  2. 2

    好了,假设现在你的科大邮箱是  YourID@mail.ustc.edu.cn ,那么你的主页域名就是 home.ustc.edu.cn/~YourID 。请牢记这个域名,注意其中有一个弯号~,而且中间没有空格。与之配套的是 300M 的静态 FTP 空间,不支持动态脚本(如PHP、ASP等),这么大的容量基本满足学生的建站需求。

    中科大个人主页制作教程
  3. 3

    然后我们登陆自己的 FTP 空间,这个可以直接使用电脑的资源管理器。方法是在资源管理器的地址栏中输入 ftp://home.ustc.edu.cn,回车后输入邮箱的用户名(不带mail.ustc.edu.cn后缀)和邮箱密码即可登录到FTP空间。

    中科大个人主页制作教程
    中科大个人主页制作教程
  4. 4

    首次登录 FTP 显示的是一片空白,我们首先右击鼠标,新建一个名为 public_html 的文件夹,以后用来放置网页的所有文件。当然你也可以通过工具软件来管理 FTP 空间,例如 FileZilla、CuteFTP 等。

    中科大个人主页制作教程
  5. 5

    下面开始设计网页。要设计一个好看的页面需要掌握很多的代码知识,而对于新手而言,可以先通过 Dreamweaver 来熟悉网页的设计过程,之后如果想深入学习网页设计,可以自己去下载相关教程自学。首先下载安装 Dreamweaver 软件,这里给大家一个链接(提取码是:5dqf)【http://pan.baidu.com/s/1dDIeY8T】,里面含有 Dreamweaver CS6 的安装包和破解说明。按照说明安装并破解完成,之后打开软件。

    中科大个人主页制作教程
  6. 6

    在“新建”面板中点击 HTML,这样就新建了一个空白的 html 页面,点击工具栏上面的“设计”视图。

    中科大个人主页制作教程
  7. 7

    这样我们就可以像写 Word 那样制作自己的页面了,下面“属性”面板的“格式”下拉菜单可以调整字体大小,右边的其他工具栏可以设置字体粗体或斜体,还可以添加超链接、列表、表格、图片等等。当然了,这样设计的页面是非常简陋的,这里只是简单示范一下建站过程,至于网页的设计,请自行去相关网站学习。

    中科大个人主页制作教程
    中科大个人主页制作教程
    中科大个人主页制作教程
  8. 8

    把制作制作好的页面另保存为 index.html,注意这个就是网站的首页了,这个命名是唯一的,不要改成别的。

    中科大个人主页制作教程
    中科大个人主页制作教程
  9. 9

    将我们刚刚写好的这个 html 文件复制到 FTP 空间中的 public_html 目录下面,如果网页中用到了图片或者 doc 文档等素材,也要一并上传。如果你做的是多页面网站,则分别制作好各个网页,并设置好链接关系,最后把所有网页都上传到 public_html 目录下即可,但要知道 index.html 是整个网站的入口页面。

    中科大个人主页制作教程
  10. 10

    现在打开浏览器输入 home.ustc.edu.cn/~YourID,就可以看到你刚才做的网页了。这样,一个最简单的网站就做好了,是不是有点小激动呢?

    中科大个人主页制作教程
    END

注意事项

  • 请注意所有文件夹和文件的名字都不要使用中文。
  • 学生办理离校手续半年后,FTP/WWW服务将被取消,所以在取消之前请务必做好数据备份。
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
研究生_考研院校排名_考研院校专业规划
文都考研广告
查看更多
新房浙大冰虫过来告诉你:不要使用这些错误方法-每日更新
品云网络科技广告
查看更多
信息研究生-报考条件-考试科目-择校择专业
中公考研广告
查看更多