快速学会网页制作三部曲

2021-06-20 作者:未知   |   浏览(
啥是网页?
网页文件(扩展名为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:\mywe哔哩哔哩点。打开主页文件。
  2. 复制“个人简历”单元格中的全部内容。
  3. 点击“打造新页”,粘贴,另存为grjl.htm。关闭。
  4. 回到主页文件,选取第二列的单元格,点击“表格/删除”。
  5. 在上方“基本状况”单元格中添加一行文字:“个人简历”。
    用鼠标选取“个人简历”四个字,点击工具栏中的超链接按钮,在对话框中的超链目的URL中输入要连接的目的文件名grjl.htm。(或用浏览按钮选取)。存盘。
  6. 重新发布。
用浏览器浏览发布后的站点。即打开d:\mywe\index.htm。
相关文章