Frontpage 2003基础教程-网页制作建站

bwin下载手机app www.stoneresources.cn 2016-9-21 21:01| 发布者: jcy6| 查看: 1753| 评论: 0

摘要: 一、新建网站打开FrontPage2003: 点击新建菜单命令会弹出一个对话框,有不同的模板供选择。选择你想要的一个,然后确定,会自动生成一个网站。二、新建一个空白网页 你也可选择新建空白网页,或点新建工具按钮。当 ...
电源插座极性检测器
一、新建网站
打开FrontPage2003: 点击新建菜单命令会弹出一个对话框,有不同的模板供选择。选择你想要的一个,然后确定,会自动生成一个网站。

Frontpage 2003基础教程-网页制作建站(1)

Frontpage 2003基础教程-网页制作建站(2)


二、新建一个空白网页 

    你也可选择新建空白网页,或点新建工具按钮。当然,这上面的内容你要自己编辑。 

 三、打开一个网站 

 点击打开网站

Frontpage 2003基础教程-网页制作建站(3)

四、浏览网页  

   “文件”“浏览”有几个选项(不同分辨率)

Frontpage 2003基础教程-网页制作建站(4)

五、编辑方式 

     有“设计”“拆分”“代码”“浏览”

Frontpage 2003基础教程-网页制作建站(5)

六、插入WEB组件  
    WEB组件中有很多常用的功能,你自己去试各项。
Frontpage 2003基础教程

七、插入图片  
    有两种情况:1、插单个图片,可在菜单上直接用;2、插入图片库,也可插入WEB组件中,可插队入图片库。有三种形式(自己试一下,因为有预浏)。

Frontpage 2003基础教程-网页制作建站(6)

Frontpage 2003基础教程-网页制作建站(7)


八、插入“互动按钮”,互动按钮可以有三种形式,鼠标经过,按过,没按。  
 可选形式,在文本的文本框中将按钮文本换成你要的文本。如:首页…… 

Frontpage 2003基础教程-网页制作建站(8)

Frontpage 2003基础教程-网页制作建站(9)


还可改变文本的属性,字体颜色,等。有初始颜色,经过颜色,按下颜色

Frontpage 2003基础教程-网页制作建站(10)


九、在网页中插入已有的网页  
    如果新建的网页,内容想用现存的,只须插入已有的网页就行了。比较简便。

Frontpage 2003基础教程-网页制作建站(11)

Frontpage 2003基础教程-网页制作建站(12)


 十、书签链接 

有时的链接,不是和另一个网页链接,而是和页面中某一段链接,或另一页面的一段链接。这种方法用在“标题和内容”之间链接最方便。 
    1、选择:菜单、插入、书签(被链接的内容)(一般自动生成名字,你也可以自己指定名字)

Frontpage 2003基础教程-网页制作建站(13)


    2、制作到书签的链接(标题)

Frontpage 2003基础教程-网页制作建站(14)


3、选择右边的“书签”

Frontpage 2003基础教程-网页制作建站(15)

4、找到书签名

Frontpage 2003基础教程-网页制作建站(16)


十一、创建一个超链接 
 1、选中要建立超链接的文字或图片。 
 2、右键,弹出菜单,点击“超链接”

Frontpage 2003基础教程-网页制作建站(17)


     3、在弹出的对话框中选中被链接的网页或图片或其他(注:如是下载软件选中它) 

Frontpage 2003基础教程-网页制作建站(18)


Frontpage 2003基础教程-网页制作建站(19)


Frontpage 2003基础教程-网页制作建站(20)


十二、插入表格  
 1、点击菜单中“表格”再“插入”再移到“表格”单击“表格”

Frontpage 2003基础教程-网页制作建站(21)


    2、在弹出的对话框中有几项值是要注意的: 
    a、表格的“行数”和“列数” 
    b、“指定宽度”和“指定高度”如果是用固定宽和高填写数字,如果是页面随屏幕变化的选100% 
    c、“使用背景图片”点击“浏览”找到图片 
    d、“对齐方式”用“默认” 
    e、“浮动”方式用“默认” 
    f、“边框”是表格宽度如果选“零”则不显示表格否则显示你选或填的数字的宽度。 
    g、“单元格间距”是表格线本身的衬距,如:3时,表格线两根之间距为3。 
    h、“单元格间距”是表格中文字到框的距离。 
   i、当然还有颜色。

Frontpage 2003基础教程-网页制作建站(22)


 十三、建立网站链接 
     这个功能和共享边框一起使用。 
     1、在编辑区下方有一个选项“链接”点击它。 
 此主题相关图片如下:

 进入建立链接面页 

 2、修改“新建网页”为“主页”

Frontpage 2003基础教程-网页制作建站(23)


3、添加“新建网页”——新建一个网页——或“已有的网页”——已存在的网页,点击找到被链接的网页。 

Frontpage 2003基础教程-网页制作建站(24)


Frontpage 2003基础教程-网页制作建站(25)

Frontpage 2003基础教程-网页制作建站(26)

Frontpage 2003基础教程-网页制作建站(27)

还可修改新建网页为你想要的中文名。

Frontpage 2003基础教程-网页制作建站(28)


十四、新建自定义链接 

 默认链接有时不够用,可以建自定义链接,独立于默认。在插入链接时有两个选项:一个是默认,另一个是自定义链接。 
 自定义链接可以放在主页下面,也可以放在独立的地方。下图一中的“娱乐”就是放在主页下的。图二中的新建成链接栏是独立的。

Frontpage 2003基础教程-网页制作建站(29)

Frontpage 2003基础教程-网页制作建站(30)


当然你还可以在自定义下面添加下层链接。

十五、共享边框 

1、启用——“工具”——“网页选项”——“创作”——选中“共享边框”

Frontpage 2003基础教程-网页制作建站(31)


    2、“格式”中选中“共享边框”在对话框中(注:若想损事,?。核型常┥柚醚∠睢吧?、左、右、下”(可以自定) 

Frontpage 2003基础教程-网页制作建站(32)


3、在自动出现的共享边框中编辑链接栏属性

Frontpage 2003基础教程-网页制作建站(33)

Frontpage 2003基础教程-网页制作建站(34)


Frontpage 2003基础教程-网页制作建站(35)


5、和上一讲的链接栏配合使用,当你每添加一个网页在链接栏中会自动生成上面的效果

     十六、在网页中插入“链接栏”  
     1、光标在要插入链接栏的地方或选中共享边框 
     2、点击“插入”(或是编辑“链接栏”属性),Web组件,找到“链接栏”,有两个选项:基于导航结构的链接栏;自定义链接栏 

Frontpage 2003基础教程-网页制作建站(36)


3、点下一步

Frontpage 2003基础教程-网页制作建站(37)


4、选择“样式”,有多种,自定。
Frontpage 2003基础教程

Frontpage 2003基础教程-网页制作建站(38)


可以选中“使用鲜艳颜色”和“使用动态图形”

Frontpage 2003基础教程-网页制作建站(39)

Frontpage 2003基础教程-网页制作建站(40)



     6、点“完成”进入“属性”可以选中“主页”最后点确定。 

Frontpage 2003基础教程-网页制作建站(41)


     7、最后效果

Frontpage 2003基础教程-网页制作建站(42)


8、请注意:链接栏的属性文件夹在_borders中,下面的几个文件就是,你还可以对不满意的重新进行编辑。top.htm是顶上的,left.htm是左边的,bottom.htm是下面的,right.htm上右边的 

Frontpage 2003基础教程-网页制作建站(43)


十七、插入“动态文字” 

 1、WEB组件中 

Frontpage 2003基础教程-网页制作建站(44)


2、在文字栏中写入你的文本

Frontpage 2003基础教程-网页制作建站(45)


3、还可以修改“样式”

Frontpage 2003基础教程-网页制作建站(46)


十八、插入媒体插件 

 1、插入“WEB组件”到高级控件到插件 

Frontpage 2003基础教程-网页制作建站(47)


2、找到数据源,编辑相关 

Frontpage 2003基础教程-网页制作建站(48)

Frontpage 2003基础教程-网页制作建站(49)


Frontpage 2003基础教程-网页制作建站(50)


3、注:会自动识别媒体的,有两种RM和微软的 
Frontpage 2003基础教程

Frontpage 2003基础教程-网页制作建站(51)


    到此为止,frontpage2003的初级基础课程全部给大家演示完毕,当然这只是最简单的讲解,在你的实际制作过程中,你可以发挥自己的能力,做出你最喜欢的网页了。 
?

关于我们|问题解答|积分充值|积分规则|版主申请|广告申请|友链申请|手机版|小黑屋|bwin下载手机app ( 原教程自学网 )

GMT+8, 2018-9-9 04:37 , Processed in 1.067619 second(s), 32 queries .

Powered by 技能学习网版权所有/联系QQ:3116139800 电话:0755-32875005 邮箱:mail@jcy6.com bwin下载手机app X3.2 © 2001-2013 bwin下载手机app

返回顶部
新闻 网页 音乐 贴吧 图片

互联网www.sogou.com