建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > 建站必知 > 快速学会网页制作三部曲

快速学会网页制作三部曲

时间:2015-04-13 21:33:19  来源:免费模板网 作者:风雪 阅读次数 tags网页基础

什么是网页?
网页文件(扩展名为HTM或HTML)是用超文本标记语言(HyperText Markup Language)写成的。它实际上只是一个纯文本文件,不过里面除了正文外,使用了大量的标记语言来描述各种网页元素的属性和页面布局等。用浏览器浏览网页时,浏览器则对这些标记进行解释并生成页面,于是就得到你上网时看到的画面。
原则上说,htm文件是使用任何文本编辑器都可以对它进行编辑的,这与用VB、C++等编程语言编制的程序有本质的不同,事实上也要容易得多。现在有了FrontPage 98和Dreamweaver等所见即所得的网页编辑软件,制作网页就象使用WORD一样是很容易的事了。读完这篇文章,您就可以自己建立一个简单的个人主页了。
快速建立个人主页的三个步骤是

  1. 准备一个网页编辑软件和FTP上传软件
  2. 建立一个只有一页的站点(个人主页)
  3. 用FTP上传文件并在网上浏览
第一步  准备一个网页编辑软件和FTP上传软件
初学者最好选用FrontPage98(或2000),FrontPage98是最简单易学却又功能强大的网页编辑工具。它的优点是:使用中文界面,操作风格同WORD,会使用WORD就等于会用FrontPage了,带有建立站点和发布站点的功能等。但 Frontpage 的也有其不足之处:首先是浏览器兼容性不好,做出来的网页用Netscape浏览器可能不能正常显示;其次,生成的垃圾代码多,也会自动修改代码。用FrontPage可以方便地插入许多组件,使动态页面等高级效果容易实现。但这要求服务器上安装有“FrontPage服务器扩展”功能,效果才能显示。现在许多提供免费个人主页空间的网站大多不提供这项服务(不是它不拥有)。
虽然FrontPage98自己带有站点发布功能,但是提供免费空间的网站往往要求您必须用FTP方式上传文件。另外,即使运行使用FrontPage98的发布功能,用FTP上传的速度也要比直接发布快得多(快10倍)。因此您必须事先到网上去下载一个FTP类软件。最著名拥有用户最多的FTP软件是CuteFTP 4.x版,您可以在许多网站的软件下载栏目中找到它。
 第二步  建立一个只含有一页的站点(个人主页)
我们现在要建立一个包含三个元素的网页,即包含一份个人简历,一张图片(您的照片),一段介绍姓名、性别、年龄、兴趣爱好等基本情况的文字。图片和简历事先准备好。

  1. 新建站点
    点击FrontPage98文件菜单上的“新建/站点”,在打开的站点类别对话框中选“只有一个网页的站点”。并选定“新站点的位置”(文件夹名,例如c:\myweb)。此时新站已经建好,并打开一个新页等待您编辑。
  2. 页面布局
    插入一个2×2的表格。合并第二行的两格,用来存放个人简历。
  3. 插入图片
    定位光标到第一行的右单元格,点击“插入/图片/来自文件”,在对话框中选定照片文件。执行前会询问您“是否把图片复制到站点文件夹中,您要选YES,这样就会在c:\myweb\images中复制图片文件。适当调整该单元格的大小,尽量使图片接近于原来尺寸。
  4. 输入文字
    光标定位到第一行的左单元格,直接键入基本情况的文字。然后设置好文字的格式。
  5. 修改表格属性
    光标还在第一行左单元格,单击“表格/属性/单元格”,在背景色中淡绿色。
  6. 插入文件
    光标定位到第二行的单元格中,单击“插入/文件”,在对话框中选定个人简历的WORD文件,文件中信息就被导入到本单元格中。(个人简历是一个WORD表格也可)。对文字的格式还可以再编辑修改。
  7. 保存文件
    文件另存为index.htm。index是规定为主页使用的文件名,其他网页的文件名就随您的意了。
  8. 预览网页
    单击左下角的“预览”按钮,就可以看到网页在浏览器中的面目。也可以用文件菜单中的“在浏览器中浏览”命令,这将打开IE浏览器。对于有多个网页的站点,这是十分必要的。
  9. 发布站点
    单击“文件/发布站点”,在对话框中选定目标站点的位置(例如d:\myweb)。它应该是您的硬盘上的一个文件夹。不要直接发布到远程站点。发布到本机站点后,您还可以反复浏览,寻找破绽,重新修改和发布。
 第三步  申请一个免费空间,用FTP上传文件并浏览
  1. 申请一个免费空间
    如果您没有租用某个服务器上的硬盘空间,那就需要申请一个免费的个人主页空间了。许多著名网站多有这一项服务,例如网易www.163.com.
    申请成功后,会给您一个个人主页开通通知。或者直接在网页上通知您。下列三个是必须记住的:FTP主机的地址(例如ftp.go.163.com),您的用户名,登录密码。

     
  2. 打开CuteFTP程序,建立目标站点 (参考图示)
    建立一个FTP新站点—目标站点。打开CuteFTP后,点击“file/site manage”,会出现如下的对话框,进行下列设置。
    左边选择Genarel FTP Sites
    Laval of site :您为自己的站点随便取个名,有英文。
    FTP host Address:输入FTP主机地址,这是最重要的。
    FTP site User Name:输入您的用户名。
    FTP site Password:输入主页空间提供者给您的密码。
    Connection  port: 端口号 21
    Logic type:登录类型选Normal
    设置好后点击下方”Connect”按钮就开始连接。以后就不用每次重新设置,只要在左边选您的站点名。
    就可以了。

     
  3. 连接到目标站点 (参考图示)
    CuteFTP窗口包含三个子窗口,下方左边是本地机的文件夹窗口,右边是远程服务器的文件夹窗口。您可在连接前选定要上传的根文件夹,即您发布到自己硬盘上的哪个目录d:\myweb。
    右边显示的是您的远程站点的根目录,在连接成功后会自动定位到它。如上一步所说的,点击连接按钮开始。在上面的信息窗口中会出现运行信息。如果连接成功会报告成功信息。

     
  4. 上传文件
    连接后,在本地文件夹中选择要上传的和多个文件或文件夹,点击工具栏这的上传按钮,就开始上传了。上传完毕后信息窗口中会出现Done字样。
上传完成后,您可以用浏览器打开您的网页观看了。
完成了这个只有一页的网站,您就学会了使用网页中的三个最基本的元素—文字、图片和表格。您还学会了建立网站,发布站点和上传文件。遗憾的是还缺一个最重要的东西—建立超链。下面我们通过简单的修改把它变成一个包含超链的网站。

  1. 打开FrontPage98,点击“文件/打开站点”打开c:\myweb站点。打开主页文件。
  2. 复制“个人简历”单元格中的全部内容。
  3. 点击“建立新页”,粘贴,另存为grjl.htm。关闭。
  4. 回到主页文件,选取第二列的单元格,点击“表格/删除”。
  5. 在上方“基本情况”单元格中添加一行文字:“个人简历”。
    用鼠标选取“个人简历”四个字,点击工具栏中的超链接按钮,在对话框中的超链目标URL中输入要连接的目标文件名grjl.htm。(或用浏览按钮选取)。存盘。
  6. 重新发布。
用浏览器浏览发布后的站点。即打开d:\mywe\index.htm。

本文地址:https://www.freemoban.com/jzbz/2015/0413/1336.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!