制作一个精美的网页

《制作一个精美的网页》由会员分享，可在线阅读，更多相关《制作一个精美的网页（4页珍藏版）》请在金锄头文库上搜索。

1、制作一个精美的网页制作一个精美的网页宋晓梅 杨峰 徐代刚1 四川联合大学计算机系（邮编：610064）1 宋晓梅 杨峰 徐代刚 均系四川联大计算机96系级研究生主页是每个网址的门面，精心地设 计和制作它是每个上网者的心愿。 FrontPage 98是一个类似于Word的文 字处理风格的编辑器,有所见即所得的 交互界面,使用它制作网页非常地简便。 本文介绍我们使用FrontPage 98的一些 经验希望对网友们有所帮助。 1.解决解决Port 80上上Web Server的冲突：的冲突：在Win95上安装FrontPage 98之后, 遇到了问题：FrontPage Personal Web S

2、erver 与原系统的Microsoft Personal Web Server发生了冲突它们都占用 了Port 80。通过查帮助，找到了解决 的办法并且验证了它的可行性。办法 是：FrontPage Personal Web Server 从Port 80卸载,然后安装到其它的端口 Port 8080(或Port 8088),具体的步骤如 下： (1)在Win95的资源管理器中找到 FrontPage Server Administrator (默认c:Program FilesMicrosoft FrontPage) , 打开它. (2)按unstall ,卸载FrontPage Serv

3、er Extensions.这样FrontPage Personal Web Server就不占用 Port 80。确认后，退出FrontPage Server Administrator。(3)打开FrontPage Personal Web Server 的设置文件 ( 默认c:FrontPageWf), 并且把文件中 “Port 80” 改为 “ Port 8080(或：Port 8088)”,存盘退出。(4)再次打开 FrontPage Server Administrator, 按install , 安装 FrontPage Server Extensions.这样就 重新设置了Fr

4、ontPage Personal Web Server的端口为Port 8080 (或：Port 8088)。确认后，退出FrontPage Server Administrator。2. 建立一个主页并添加分页建立一个主页并添加分页:(1)打开FrontPage 98 ,进入the FrontPage Explore编辑器中;(2)在 Getting Started 对话框中选择 Create a New FrontPage Web 建 立一个新的主页(Home Page ) ;(3)选择Navigation view ,确认Home Page被选中;(4)在the FrontPage Ex

5、plore的工具栏 中单击New Page按钮 ,添加新的分 页.用鼠标右键可以修改网页名.3. 使用一个现成的网页模式使用一个现成的网页模式:在FrontPage Explores Themes view中有风格各异的预先设计好的网 页模式，选择其一套用设计网页。操 作简单： (1)在FrontPage Explore编辑器中打开 一个主页(如：Personal Web)后，选择Themes; (2在列表框中有待选的网页模式，选 中一个在主页中运用。 建议最好是在新建主页之后就选好网 页模式，然后再对主页进行设计。4 加入现成的插图加入现成的插图: 默认c:Program FilesMicr

6、osoft FrontPagetutorial 目录下有sunset.gif, blackbrd.gif和 city.gif三张图片，此外， FrontPage 98还提供了大量的插图。加 入插图的步骤如下： (1)打开FrontPage 98 ,进入FrontPage Editor编辑器中。 (2)打开一个网页(如：interest.hml)后， 进入Insert菜单选中Image ;(3)在对话框中按clip Art 后列出待 选的插图，选中一个插入在光标处。 另一个办法是： (1)打开FrontPage 98 ,进入FrontPage Editor编辑器中。 (2)打开一个网页(如：in

7、terest.hml)后， 进入Insert菜单选中Clipart; (3)列出待选的插图，选中一个插入在 光标处。5建立超文本链接和建立超文本链接和E_mail链接链接: 通过一个例子来说明,建立文本的链接建立文本的链接: (形如：The Microsoft Network ) (1). 在正文中写入The Microsoft Network ; (2). 用鼠标选中三个单词The Microsoft Network ; (3). 进入 Insert菜单选中Hyperlink ,打 开其对话框; (4). 在对话框URL之后输入 http:/ , 回车。 建立自动的超文本链接建立自动的超文本

8、链接: (形如：http:/ ) (1). 在正文中写入http:/; (2). 用鼠标选中三个单词http:/; (3). 进入 Insert菜单选中Hyperlink ,打 开其对话框; (4). 在对话框URL之后输入 http:/, 回车。 通过浏览器建立超文本链接通过浏览器建立超文本链接: (形如：Microsoft Frontage) (1). 在正文中写入Microsoft Frontage ; (2). 用鼠标选中三个单词Microsoft Frontage ; (3). 进入 Insert菜单选中Hyperlink , 打开其对话框; (4). 选中World Wide We

9、b图标, 打开; (5). 在浏览器的地址中输入： http:/ 链 接; (6). 返回到对话框, URL之后就是：http:/ 回车。 建立建立E_mail链接链接: (1). 在正文中写入Please send me feedback about my Web site ! (2). 用鼠标选中单词feedback (3). 进入 Insert菜单选中Hyperlink , 打开对话框; (4). 在Create E_mail Hyperling之 后输入e_mail地址(如： ),回车。在URL中是 mailto: .(5). 在正文中应用为: Please send me feed

10、back about my Web site ! 6. 在文中增加亮条在文中增加亮条 :在网页的上方放一个彩色的亮条, 随着网页的打开，一串字符 “欢迎光 临!”出现在亮条的左边,缓缓地从左边 移动到网页的正中停止。想实现上面 的设计,按照下面的步骤做: (1). 打开FrontPage 98 ,进入FrontPage Editor编辑器中。 (2). 打开一个网页(如：interest.hml)后， 进入Insert菜单选中Active Element ; (3). 打开Marquee对话框,填入适当的 参数：Text: 欢迎光临 ！Direction: right Behavior: Sl

11、ide Repeat : 1 times Backgroud Color: Yellow按OK , 退出。 7. 在文中增加计数器在文中增加计数器 : 计数器在文中的应用如： 本网页已访问了本网页已访问了12次。次。 实现这个应用,可按照下面的步骤做 : (1). 打开FrontPage 98 ,进入FrontPage Editor编辑器中。 (2). 打开一个网页(如：interest.hml)后， 进入Insert菜单选中Active Element ;(3). 打开Hit Counter对话框, 从 Counter Style 中选出一种表示形式， 按 OK ,退出。8. 在文中增加注释

12、在文中增加注释: 在网页中加入注释, 可以使网页设计 更清晰、易懂。注释的内容在 FrontPage Editor（编辑器）中使可见 的，儿在浏览器（如：IE 4.0 ）上使 不可见的。 实现这个应用,可按照下面的步骤做 ： (1). 打开FrontPage 98 ,进入FrontPage Editor编辑器中； (2). 打开一个网页(如：interest.hml)后， 进入Insert菜单选中FrontPage Componet， 打开；(3). 在对话框 Comment的空白处写 入注释的内容；(4). 按 OK ,退出。9. 在文中增加最后一次的修改时间在文中增加最后一次的修改时间:

13、在文中的应用如： 本网页最后一次修改时间为：本网页最后一次修改时间为： 1998年年5月月20日日. 实现这个应用,可按照下面的步骤做 : (1). 打开FrontPage 98 ,进入FrontPage Editor编辑器中。 (2). 打开一个网页(如：interest.hml)后， 进入Insert菜单选中Timestamp选项。(3). 在对话框中选出一种表示形式， 按 OK ,退出。10. 在文中增加搜索引擎在文中增加搜索引擎 : (1). 打开FrontPage 98 ,进入FrontPage Editor编辑器中。 (2). 打开一个网页(如：interest.hml)后， 进入Insert菜单选中Active Element ; (3). 打开Search From对话框, 填入 适当的参数：Label for Input : Search for : Label for “Start Search“ Button: Start Search Label for “Clear“ Button: Clear(4). 按 OK , 退出。右图是我们设计的本实验室的主 页。