当前位置:首页 » 网页前端 » web图片素材表格
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web图片素材表格

发布时间: 2022-12-16 07:41:05

A. 网页设计

能做,你需要什么主题的确定下

B. 网页设计素材

设计素材网站大全 经典素材,是设计师创意的利剑。收集整理了几大素材门户网站。 一、站酷(ZCOOL) : http://www.zcool.com.cn/ 专业完美的素材下载与设计分享网站,提供矢量素材、PSD分层素材、图标素材、高清图片、原创作品等内容。前沿时尚的设计风格,日韩欧美设计素材应有尽有。站酷网站简洁美观,视觉冲击力强。 二、素材中国 : http://www.sccnn.com/ 提供各类设计素材的收集下载,包括:图片、素材、壁纸、网页素材、动画素材、矢量图、PSD分层素材、3D、字体、教材、图标,等等。 三、站长素材: http://sc.chinaz.com/ 提供各类设计素材的收集下载,包括:图片下载、网页模板、图标下载、酷站欣赏、QQ表情、矢量素材、PSD分层素材、音效下载、桌面壁纸、网页素材,等等。资源丰富,更新及时,专题素材下载也是它的特色。 四、昵图网: http://www.nipic.com/ 提供各类素材,包括:图库、图片、摄影、设计、矢量、PSD、AI、CDR、EPS、图片下载、共享图库,等等。 五、中国素材网: http://www.sucai.com/ 提供高精图、矢量图、桌面背景、LOGO、PNG图、网页模板、QQ表情、字体下载、音效、网页特效、论文、范文等内容。 六、素材资源库: http://sc.52design.com/ 资源丰富,分类繁多,就是没有提供资源搜索功能,使用起来不太方便。提供网页模板、Flash源码、矢量素材、PSD素材、透明Flash资源、字体下载、PS笔刷、网页背景、音效素材、脚本特效,等等。 七、联盟素材: http://sc.68design.net/ 网站简洁清爽,广告很少,这里的网页设计素材是很不错的。当然,还提供网页模板、图库壁纸、特色图标、矢量素材、代码素材、Flash素材、其它素材,等等。 八、沃格斯克网: http://www.orgsc.com/ 内容非常丰富,广告也是。专于网页设计素材,提供设计素材、Flash源文件、PSD源文件,等等素材下载,非常适合网页设计师。 九、懒人图库: http://www.lanrentuku.com/ 网站介绍:懒人图库自建站以来,一直致力于网页素材的提供,目标是做成国内最大的网页素材下载站。懒人图库口号:学会偷懒,并懒出境界是提高工作效率最有效的方法! 专注于提供网页素材下载,其内容涵盖网页素材、矢量素材、JS广告代码、小图片、网页背景、导航菜单、PNG图标,等等。懒人图库深入人心,做到了“让任何一个网页设计师都能轻松找到自己想要的素材”。 十、维奇素材网: http://www.veeqi.com/ 收集的素材资源丰富,但下载资源(大部分)需要收取一定维奇币。提供免费矢量素材、PSD分层、图标素材、网页素材、中文字体、网页模板与壁纸、PS教程等平面设计素材。维奇素材网页面清爽明快,广告也少。 十一、视觉中国下吧: http://down.chinavisual.com/ 由视觉中国资深编辑精心挑选的国内外优秀设计素材,网罗矢量、icon、壁纸、PSD、电子刊物、图案、字体、三维场景、材质贴图、主题等多个素材门类,为用户提供高质量的素材资料。 十二、猪八戒学院: http://xy.zhubajie.com/ 资源丰富,其它素材站所没有的,这里都有,值得收藏。提供矢量、欣赏、酷站、图片、图标、桌面、PSD、代码、Flash、背景、字体、 颜色,等等。 十三、红动图爸: http://sucai.redocn.com/ 设计素材网站大全(2): 提供PSD分层素材、 设计 图片、摄影图片、 设计 字体、原创 设计 作品欣赏,等等。共享资源不是很多,需要资源币才能下载。 十四、素材世界: http://www.sssccc.com/ 以高精度图库、PSD分层图库素材为主打,PSD素材 提供PSD分层素材、设计图片、摄影图片、设计字体、原创设计作品欣赏,等等。共享资源不是很多,需要资源币才能下载。 十四、素材世界: http://www.sssccc.com/ 以高精度图库、PSD分层图库素材为主打,PSD素材资源绝对比任何素材网站丰富。只是网站过于简洁,首页几乎没什么图片,全是文字,也不支持资源搜索,广告太多,谷歌联盟的广告有意与导航菜单混淆,有诱惑用户点击广告的嫌疑,美工有待改进,用户体验很非常不好。 十五、图酷: http://www.tucoo.com/ 设计师的随身图库:设计素材、插画、卡通、CG、矢量、时尚、图案、网页素材全方位素材图片库。 十六、3lian素材: http://www.3lian.com/ 3lian素材网( www.3lian.com )创建于2004年10月,是一个以提供经典设计素材为主的资源网,站点包括矢量图、PSD分层素材、高清图片、Flash源文件、PNG图标、3D模型、模板、酷站、壁纸、字体、教程等。 十七、E库素材: http://www.iecool.com/ E库素材网是为广大网页设计制作爱好者、平面设计制作爱好者及其他人员提供各种素材的资源库。网站共分图片素材、矢量图库、高精图库、网页素材、网页模板、壁纸、明星、下载中心、技术教程、E库论坛、IT资讯等11个栏目。拥有素材图片、高精度图片、PSD源文件、FLASH源文件、网页图标、网页模板、源码下载、技术教程、软件下载、字体下载等丰富资源。图片素材栏目具有数量多、分类细、质量高等特点,高精图库是06年E库与素材站合力推出的平面设计专用高精度图片栏目,具有高像素(高清晰)、高分辨率、免费和大容量等特点。 十八、素材精品屋: http://www.sucaiw.com/ 提供各类图片、壁纸、矢量图、分层图、模板、图标、动画、字体等素材收集下载。 十九、素材天下网: http://www.sucaitianxia.com/ 素材丰富,但网站美工一般,且广告太多,连搜索也挂着网络联盟的,严重影响用户体验。 二十、素材艺库: http://www.ekoooo.com/ 内容涉及设计类、办公类、美术类等基于计算机数字影像和数字艺术领域方面。页面简洁美观,需要金币才能下载资源。 二一、素材酷: http://www.sccooo.com/ 页面非常简洁,素材精美,但更新较慢,需要登录后才能下载。提供矢量素材、PSD分层素材、图标(GIF/ICON/PNG)、PS笔刷、节日主题素材源文件,等等。 二二、中国设计秀设计资源站: http://sc.cnwebshow.com/ 网站布局过于紧凑,下载页面广告较多,没有开发专业的栏目搜索功能(使用DEDECMS程序构建)。提供矢量素材、网页平面设计素材,等等。 希望这些设计素材门户网站能够给大家的设计带来方便,有所帮助!

采纳哦

C. 有什么好的图片素材,及网页模板

到网络或soso搜索“笔秀网”就能找到很多素材和模板了
这里我还是贴贴地址吧
http://www.penshow.cn/

D. 用java语言, 如何实现为图片添加边框素材,就是把图片和边框素材(图片)结合


用FrontPage2002来做吧,你点点下面的连接:

具体是:
Web页面可用预定义模板来创建,也可不采用模板而在空白页上自己进行设计。创建新页面的步骤如下:
在网页视图下,选择“文件”菜单中的“新建”命令,再从其子菜单中选择“网页”命令,将弹出“新建”对话框,如图所示。

若用户要新建的网页是框架,则从“框架网页”选项卡中选择某种框架样式;否则,从“常规”选项卡中选择一种所需样式,然后单击“确定”按钮。若想建立一空白网页,可在对话框的“常规”选项卡中选择Normal Page项,或直接单击常用工具栏的“新建网页”按钮。
建议逐一试用FrontPage提供的各种模板以便熟悉它们,日后你就可以自如地利用模板创建常规Web页面,能够节省许多时间。
1.在网页中插入图形
图片往往比大量的文字讲述更具吸引力和说服力,在web页面中适当地添加图片会使网页丰富多彩,但过多地加入图片将降低页面的下载速度,特别是对通过调制解调器访问web页的用户。大多数图形都是采用压缩格式,有的调制解调器不具有压缩功能,这种调制解调器速度更慢。因此用户在加入图片时,应认真选择和进行规划。虽然图形可使web页更有趣味,但应适度使用(使用较少颜色,缩小高度和宽度或裁剪图形、降低图形的分辨率,尽可能地减少图形文件大小,如用压缩格式的文件类型)。
Web页面所使用的两种图片格式分别为GIF和JPEG,用户可选择“插入”菜单中的“图片”命令,再从其子菜单中选择“来自文件”命令,打开“图片”对话框,“图片”对话框提供了“扫描”、“使用您的web例览器来选择网页或文件”、“剪贴画”和“在您的计算机上选择一个文件”四种途径插入图片。
对于一些非GIF和JPEC格式的图片,FrontPage可以自动地将这些文件转换成GIF或JPEG格式。

2.在网页中插入水平线

水平线可以在网页上清晰地划分界限,而且对用户网页的布局起着重要的作用。添加一条水平线,可以通过“插入”菜单中选择“水平线”命令添加。在默认状态下水平线是灰色的,用户可以像改变文本颜色一样改变水平线的颜色。改变水平线的颜色有两种方法(必须在不加主题的情况下):
(1)双击该水平线,将显示“水平线属性”对话框。在对话框的“颜色”项,选择下拉列表,从中选择合适的颜色,单击“确定”按钮。
(2)用鼠标右键单击这条水平线,从快捷菜单中选择“水平线属性”命令,再从对话框中选择一个合适的颜色。
使用框架
--------------------------------------------------------------------------------

框架是把Web浏览器的视窗分成几个部分,每个部分都是独立的Web页面,这样便可同时显示多个页面。
可以很容易地用FrontPage创建一个多框架的web页面。为了创建具有框架的Web页面,可从“文件”菜单的“新建”子菜单中选择“网页”命令,弹出“新建”对话框,选择“框架网页”选项卡。
在左边的列表中可选择不同类型的框架模板,选定模板后,按“确定”按钮即可创建一个具有框架的网页。
在创建有框架的Web页面时,应注意有些web浏览器不支持框架。虽然使用不能显示框架的浏览器的用户已很少,为确保这些用户仍然能够浏览到Web站点上的内容,可以填上要告诉那些低版本浏览器的使用者的话,例如请对方更换浏览器等。
在新建的框架的窗口中,单击“设置初始页”按钮将会弹出“创建超链接”对话框,可以链接到一个指定页面;单击“新建网页”按钮将创建一个新页面,然后在该页面内对该页进行编辑。在编辑页面时,若感觉页面被放在一个狭窄的框架中太拥挤,可选择“框架”菜单中的“在新窗口中打开网页”命令,这样便打开一个新的满屏窗口,可以自由地在页面中增加内容。
利用FrontPage的框架页面模板在Web页面上引入了框架布局,我们还可以在此基础上,根据需要进行进一步的设计。
1、增加新框架

要给框架页面增加新框架,就是像拆分表格的单元格一样,把一个框架分为两个框架。 其操作如下:
(1)按住Ctrl键,将鼠标放在框架边框上,当鼠标变为上下箭头时,可把边框拖到一个新位置,当松开鼠标按钮时,一个新的空白内容的框架就形成了。
(2)也可以通过命令来操作:首先单击要拆分的框架内部,选“框架”菜单中的“拆分框架”命令,在弹出的“拆分框架”对话框中单击“拆分成列”或“拆分成行”单选按钮,单击“确定”按钮即可。

2.删除框架

若框架页面看起来太乱,可删除某些框架。要删除一个框架,可先单击该框架选择它,再选择“框架”菜单中的“删除框架”命令即可。

3.改变框架属性

在设置好框架的整体布局后,我们还可以对每一框架的具体属性进行设置,操作如下:
(1)单击需设置属性的框架,选择“框架”菜单中的“框架属性”,则弹出“框架属性”对活框。

(2)在对话框的“名称”文本框中可输入框架名,这样便于识别不同的框架;在“选项”区域中,若选中“在例览器中可以调大小”复选框,则客户在浏览站点时,可重新定义框架尺寸,通过在“显示滚动条”下拉列表框中选择不同的描述项,可设置让滚动条是否出现。
(3)在“框架大小”区域中,可设置框架大小,可以定义一个绝对像素值或相对于浏览器窗口的百分比,若要用浏览器来设置相对于该页面中框架的尺寸,可选“相对”;在“边距”区域中,可设置内容页面与框架边框分隔的像素数值。
(4)要改变开始页面,可以在“初始网页”文本框中输入一个新的页面名字或URL。
(5)单击“框架网页”按钮,则弹出“网页属性”对话框。
(6)在该对话框的“框架”选项卡中,在“框架间距”文本框中,可输入以像素为单位的边框宽度;若要使框架边框消失,则不要选中“显示边框”复选框。
(7)单击“确定”按钮,关闭“网页属性”对话框,再单击“确定”按钮,关闭“框架属件”对话框,完成框架属性设置。
动态网页

--------------------------------------------------------------------------------

DHTML是动态网页的意思,它其实并不是一个标准的术语。事实上没有一种技术叫作DHTML。DHTML是利用CSS(层叠样式表),JavaScript,HTML等技术而建立的能与访问者产生互动的网页。比如在动态网页里,当访问者单击了某一张图片后,这张图片会自动的移动,这就是DHTML效果。也就是说,当网页下载完毕后,它无需再与服务器连接就能产生变化了。FrontPage2000提供了一套容易制作动态网页的方法,你可以建立起属于自己特色的动态网页。

1、使用DHTML的基本步骤

1).在页面点选需要使用DHTML的对象,比如文本,图片。对于文本需要拖曳鼠标选定;

2).在DHTML工具栏,选择通过开启的下拉列表选择一种事件,文本和图片所具有的事件是不同的;接下来再应用下拉列表选择一种效果;最后选择该效果的的实现方法;

3).当你为对象使用了DHTML后,保存该页面并预览,你会发现你选定的对象按照你设置的DHTML的效果出现;

4).如果想删除某一个对象的DHTML效果,先选定该对象,然后单击DHTML工具栏上的删除效果图标即可。

2、DHTML的事件

在DHTML制作中,我们听得最多的是“事件”这个术语。什么是“事件”呢,顾名思义,就是发生的一件事情,比如你用手打开门,那么这就是一个事件。换到网页制作中,开门变成了单击,也就是说,访问者单击了一个链接,那么出现了事件的结果,门被打开了。

在FrontPage2000中,当我们打开DHTML效果工具栏后,点选文本或者图片会产生不同事件。但它们的施用方法是一样的,下面我们以文本举例:

我们先在编辑器里输入一段文本,比如:网页陶吧,然后继续下面的三个步骤:

选定一段需要产生DHTML效果的文本,这里是:网页陶吧。从DHTML效果工具栏的开启下拉列表选择一个事件。这里对于文本我们只有“网页加载”这个事件。“网页加载”就是当网页第一次装入的时侯发生的事件,它不需要用户利用鼠标去触发它,而只需要访问者利用浏览器打开它的时侯就会产生预设的动态效果。

选择好事件后,我们要在应用下拉列表里选择一个该事件的应用效果。在该列表下有七种可以采用的效果,我们选择飞入。

对于应用效果会有不同的方法产生。比如当你选择的应用效果是“飞入”的时侯,文本可以从底部飞入,可以从左边飞入,也可以从右边飞入,这些就是方法。在这个下拉列表里并没有注明这个术语。有的应用效果是没有方法的,比如波动。我们这里选择从底部飞入。

最后保存该页面并预览,你会发现网页陶吧这个四个字在网页第一次加载后从底部飞入。当然,你也可以尝试其它DHTML效果。对于选定图片,你会在DHTML效果工具栏的开启下拉列表看到新的事件,单击和鼠标悬停,它们会有各自的应用效果和实现方法。你可以每一个尝试一下,这样你就能明白这些事件和应用效果和方法之间的关系。

3、DHTML的小技巧

DHTML兼容性

利用FrontPage2000制作的DHTML网页只能被InternetExplorer4.0或以上版本完全正常浏览。对于图片的DHTML效果,Netscape Communicator 4.0或以上版本也可以浏览。

禁止DHTML

如果想禁用DHTML效果,点选菜单工具/网页选项,在打开的对话框里选择兼容性标签,取消动态HTML前的复选框里勾,这样DHTM效果被禁用。

快速使用DHTML

一般情况,在你没有选定某一个对象的情况下,你只需要把鼠标移动到对象的左边或者右边单击一下就可以使用DHTML效果了。

4、网页过渡

网页过渡是指当你进入或者离开一个网页的时侯所产生的效果的这个过程。比如你从某一页进入另一页,你会发现当前页慢慢向中间合拢,同时出现了另一个新的页面,直到当前页合拢消失而最后出现新的页面。如果你想使用网页过渡,可以按照以下步骤:

1).打开想使用过渡效果的页面,或者新建立一个页面。点选菜单格式/网页过渡,打开网页过渡对话框;

2).在事件下拉列表里选择一个事件,我们选择进入网页。大家要注意,当你为某页和站点都设置了过渡效果时,网页将比站点过渡效果优先;

3).在周期文本框里输入持续的时间,然后在过渡效果列表框里点选一个效果,单击确定。利用浏览器打开该页面,因为我们选择的网页过渡是进入网页,所以当你打开该页时你就能看到过渡效果了。

利用DHTML效果的确是吸引访问者的有力利器,但如果你不愿意和复杂的代码打交道,那么FrontPage2000为你预设了许多DHTML的效果。你要做的仅仅是选定需要动态效果的对象,比如文字,图片,然后利用“傻瓜”式的操作就可以让你的网页动起来。
Web页有自己的一组属性,通过选择“文件”菜单中的“属性”或通过鼠标右键单击页内任何位置,选择快捷菜单中的“网页属性”命令,可以打开“网页属性”对话框,在“常规”选项卡中,各项设置含义如下:

·位置:指出页的完整URL。

·标题:显示的页标题,即在HIML中显示在<head>元素中的<tit1e>标签内。

·基位置:在此位置可输入一个URL,可将这页中使用的相对URL的超链接总指向同一正确的目标,通过对一个URL的说明,可以在不移动相对URL中所有目标的情况下,移动这个页。

·默认的目标框架:定义不规定框架的页中所有超链接的默认框架。

·背景音乐:加入背景音乐,当浏览器打开该页时,会同时播放音乐。

在其它选项卡中还可对页边距、语言等系统参数进行设置。
建立超链接

--------------------------------------------------------------------------------

超链接(HyperLink)的出现使网上浏览变得更加便捷,只须用鼠标轻轻点击,便能轻松地从一个页面跳转到另一个页面,从一个Web站点跳到另一个Web站点,从一个国家跳到另一个国家。超链接就是一些特殊的文本或图像,是其它页面的入口。
1.与当前web站点的页面建立超链接
(1)在FrontPage中打开要建立超链接的页面(若是新建页面,则要肯定该页面己被保存),选中超链接源,超链接源可以是一个字符、一个单词、一句话或一幅图片等。
(2)选择“插入”菜单中的“超链接”命令,或单击“常用”工具栏的“超链接”按钮,则弹出“创建超链接”对话框(如图),在该对话框中列出了当前FrontPage中打开的Web站点中的文件夹和文件。

(3)在该对话框的文件列表中,选择要建立链接的目标文件。
(4)单击“确定”按钮,超链接建成。

2.与本机中的其它文件建立超键接
(1)选择超链接源,打开“创建超链接”对话框。
(2)在该对话框中单击“制作一个链接到您计算机上文件的超链接”按钮,然后从弹出的对话框中找到自己所要链接的文件,选中它。
(3)单击“确定”按钮,超链接建成。

3.与world wide web上某一站点建立超链接
(1)在FrontPage中打开欲建超链接的页面,选定超链接源。
(2)选“插入”菜单中的“超链接”或单击常用工具栏的“超链接”按钮,弹出“创建超链接”对话框。
(3)在“URL”文本框中,输入超链接目标的URL。
(4)单击“确定”按钮。
格式化文本

--------------------------------------------------------------------------------

1.输入文本
从总体而言,文本仍是网页中的主体内容,在FrontPage中输入文本与在Word中输入文本非常类似。
(1).需要加入空行或换段时才使用Enter键,当输入文本达到所定义的右边界时,将自动换行。若录入文字有错可按Backspace键清除错误,重新录入。
(2).可在文本中任意位置处插入新文本内容,操作时把鼠标指针定位到欲加文本处即可添加文本。
(3).可进行覆盖式录入,即先用鼠标选中要替换的文本,然后直接录入文本。
(4).可通过单击常用工具栏的“显示所有”按钮,让段落标记在屏幕上显示或隐藏,借助段落标记可清楚地看到段与段之间的空行。

2.文本的选择

(1).选择一个单词或多个单词:选择一个单词只需在该单词上双击鼠标即可,按住鼠标左键在要选单词上拖动即可选择多个单词。选择字与选择多个单词的方法相同。
(2).选择一行文字:一行文字就是在屏幕上占据一行空间的文本。将鼠标箭头移到行的最左边,当光标箭头变为指向左边时,单击鼠标左键,便可选择该行。
(3).选择一个段落:将鼠标箭头移到该段落的最左边,当光标箭头变为指向左边时,双击鼠标左键,或按下ALT键,再用鼠标单击想要选择的段落,即可选择该段落。

3.删除、拷贝和移动文本或图片

(1).删除:删除插入点左侧的一个字符,按Backspace键;删除插入点右侧的一个字符,按Delete键;删除插入点右侧的一个单词,按Ctrl+De1ete键;剪切所选内容并保行到“剪贴板”,按Ctrl+X键;删除所选内容按De1e1e键或选择“编辑”菜单中的“删除”命令。
(2).拷贝:拷贝所选文本或图形到剪贴板,方法是:选中文本或图形,然后按Ctrl+C键或从菜单上选择“编辑”菜单中的“复制”菜单命令,也可直接单击工具栏中的“复制”按钮。
(3).移动文本或图片:选择想要移动的文本或图片,再拖曳到要插入的位置,释放鼠标,所选对象就移到目的地。如果先将选择的文本或图片“剪切”,然后再“粘贴”到指定区域,也可将其移动。
(4).通过“撤销”取消误操作:如果用户在不小心的情况下错误地执行操作,单击工具栏上的“撤销”命令按钮,可以取消用户执行过的操作,或从菜单栏选择“编辑”菜单中的“撤销”菜单命令,或按Cir1+Z键。

4.加入标题

出于页面内容层次的需要,有时在页面中要加入一些小标题。 HTML语言规范采用6级标题,各级标题采用文字不同字号来区分,其中标题1为大标题,其它依次为中小标题。要设定某一级标题,可以在FrontPage格式工具栏中的“样式”下拉列表中选中一个标题等级,然后在光标处输入标题文字即可;或者先输入文字,并选定该文字,然后在“样式”下拉列表中选定某一级标题。标题结束后,将下拉列表中的格式改回原来的“普通”,再进行其它内容的输入。

5.改变字体及设置字体效果
FrontPage在通常情况下,字体为“Times New Roman”。若用户的操作系统是中文Windows95/98或Windows NT,中文默认字体为“宋体”,文字大小采用默认的字号。若要设定不同的字体,可先选择要改变的文字,然后在格式工具栏里的“字体”下拉菜单中选择一种字体,或从菜单栏选择“格式”菜单中的“字体”菜单命令,通过“字体”对话框来设置,并可设定字体样式、大小等。当字体改变后,形式将一直保持,直到用户又重新设置新的字体为止。
(1).设置字体颜色:选中文字,单击格式工具栏上的“文本颜色”按钮的下拉箭头,就会弹出其下拉列表,在“标准颜色”中选择所需颜色;若没有,可选择“更多的颜色”命令,然后从弹出的对话框中选择。
(2).设置字体样式:要对需要的文字进行粗体、斜体和下划线处理,只要选择要处理的文字,从格式工具栏上单击“加粗”、“斜体”或“下划线”按钮即可。想解除此效果,可以选中文字,再次按相应的按钮就可以解除效果,恢复到正常字体。在制作网页时,一般不采用“下划线”效果,因为下划线在一些网页中都表示有超链接。
(3).字体加线效果:共有两种:“下划线”可以在选中的文字下面划一条线;“删除线”在文字中间贯穿划一条线。
(4).特殊的文字风格:当选中的文字需要使用某些特殊风格,如“闪烁”风格,可通过选择“字体”对话框中“字体”选项卡(如图)的“效果”区域的所需选项,但有的文字特殊效果只有在浏览器中才能体现出来。

6.文本的缩进
文本的缩进就是使文本左边、右边显示空白,这种效果有利于对关键段落加强说明。要对一个已有的段落运用缩进的方式,首先选中段落,然后在格式工具栏上单击“增加缩进”按钮,段落左边和右边分别缩进一段距离,连续按“增加缩进”按钮,缩进将进一步加大。这种在文字两边同时缩进的方式也称之为双向缩进。若缩进的空间太大,可以通过单击“减少缩进”按钮来减少缩进的空间。

7.文本对齐方式
若输入的文字是从该页的左边距开始,并逐渐向右延伸,且到了行满以后又折回下行左边(左边距处)重新开始,这就是左对齐。有些文字需要居中方式,比如标题之类的文字;而有些文字需要放到右边,这些可通过格式工具栏上的“向左对齐”、“居中”和“向右对齐”按钮来实现:,不同的对齐方式可以使文本呈现不同的显示样式,而且可以清楚地表明用户想要说明的问题,使网页整体保持协调。 要设定文本的居中、左齐或右齐方式,须先选择好要设置的文本,再单击相应按钮即可。如果用户想回到原始状态的对齐的方式,应先选定该文本,再单击格式工具栏上相应的对齐按钮。

8、加入项目符号或列表编号

有一些列表前面有加圆点的符号,说明一条条的列表内容,这在专业排版中称为项目符号,在Web页面中加入项目符号或列表编号可使内容有条理、更清楚,可以通过列表把大量内容简要地描述出来,便于读者抓住重点。还有另外一种形式即列表编号,可以用来描述一个问题的处理步骤和顺序,这两种处理形式在FrontPage中运用起来很方便。
加入项目符号或列表编号与在Word中的操作很类似。先选定文本,用户可以在格式工具栏按相应的按钮,或选“格式”菜单中的“项目符号和编号方式”命令,打开项目符号和编号方式对话框(如图),从中选定不同格式的列表项目。

在FrontPage中新建的两个文本行之间都有一个空行,如果用户在输入或添加项目时不想每两行之间都出现一个空行,可以在格式工具栏上单击“项目符号”或“编号方式”按钮。该按钮为下凹状后同时出现第一个项目符号,输入需要的文字后,按“回车”键,然后在自动出现的下一个项目符号后继续输入。
FrontPage还可以通过提供列表编号或项目符号的方式对列表项进行排列。操作方法与上一段所述相同。
如果在所有项目输入完毕后,以下的内容不再希望添加编号或项目符号,可两次回车,则停止编号或停止添加项目符号。若想改变编号的形式或不想从1开始,可通过在列表符号上单击鼠标右键,在弹出的快捷菜单上选择“列表属性”命令,在弹出的“列表属性”对话框中选择“号码”选项卡,选择所需的编号风格,再在右边的“初始号码”微调器中调整起始编号,在调好之后单击“确定”按钮即可。

E. 如何制作网页

一. 网页制作基本技术

网页制作的基本要点是:学会在网页中插入表格、图片、动画、视频文件等。

下面以“氢气的性质和用途”网页制作为例,简介应用FrontPage制作网页的基本方法。

在“氢气的性质和用途”网页中我们将插入“氢气球”、“氢能汽车”等图片。插入“纯净的氢气安静燃烧,不纯氢气点燃爆炸”等FISAH动画,插入“氢气燃烧”的视频录像。

1.建立文件夹

制作网页前,要收集素材,并将收集的素材放在自建的文件夹中。

这里我们先在E盘建立一个H2文件夹,在H2文件夹中再建立SC文件夹,将收集到的素材放在SC文件夹中(图1)。

2.收集素材

素材可从购买的光盘上复制,也可从网上搜索下载。

2.1视频素材的收集

“氢气的性质”录像是我们从初中化学VCD光盘上复制的。

方法是,用资源管理器打开VCD光盘文件,在MPEGAV文件夹中找到所需的MUSIC07.DAT文件并复制到SC文件夹中,并改文件后缀名为MUSIC07.mpeg(图2)

2.2网上图片的收集

利用搜索引掣可在网上得到所需的图片资料。

这里应用google.com来搜索图片。

在浏览器地址栏中键入google.com,打开页面后再在搜索栏中分别键入关键词“氢气、氢气球、氢电池”等。将找到的图片另存到SC文件夹中(图3)。

2.3网上动画素材的收集:

课件类FLASH动画素材一般要到专题网站去收集。各学科的专题网站很多,例如中小学教育教学网(K12.COM.CN)搜集课件很方便。本网页中应用到的FLASH动画有“氢气的验纯(文件名:geh2.SWF)”、“氢气还原氧化铜微观过程(文件名:hecuo.SWF)”等,收集过程是:进入先得化学资源网(http://www.yeschool.net/phd/),在“搜索”窗中键入“氢气”,在搜索到的“匹配记录中”找到自己想要的素材并下载(图4)。

此时用鼠标右键单击“下载”文字,在弹出的菜单中选择“目标另存为”可将动画文件下载到本机指定文件夹中。

如果FLASH动画素材是在浏览器网页中看到的(嵌入在网页中),选择另存网页的方式,不能把FLASH动画另存下来。这时可打开浏览器工具栏的“工具”菜单,找到“Initernet”选项,在“常规标签”中间部分“Initernet临时文件”中打开“设置”按钮,再在弹出的对话框中选择“查看文件”,即可打开网页浏览器平台自带的“临时文件夹(Temporary Internet)”该文件夹产生的文件是按时间顺序排列的,最后时间内打开的网页,其临时文件在该文件夹的最后部分,所以在该文件夹中的最后部分文件中寻找FLASH动画特有的图标 ,逐一打开看,可找到你需要的动画,再选中该文件复制后,粘贴到素材文件夹中(图5)并重命名文件名。

3.制作网页

3.1打开FrontPage程序

鼠标指向开始菜单,在程序中找到Microsoft FrontPage 程序,单击即打开FrontPage程序。

3.2创建网页

鼠标指向文件,在下拉菜单中单击新建。在弹出菜单中选中普通网页,单击确定。

命名网页文件名为“氢气”,存盘,存盘路径E:\H2\ 。

3.3网页制作

3.3.1插入表格

我们用PowerPoint制作演示文稿时,可以将文本框或图片、表格等放在工作区的任意位置,但用FrontPage制作网页时,就不能将这些对象随心所欲地放在页面上了。

为使各对象能在页面的一定位置上放置,在用FrontPage制作网页时,常用表格的单元格把页面划分成一个个区域,文字或图片等对象就填充在单元格中。即单元格起到了固定对象位置的作用。

单击插入表格按钮,选定行、列数,即可插入表格,有时在大的单元格中,还需插入小的表格,进一步把大单元格的区域分成小的单元格(图8)。

一般情况下表格的框线不需要在页面上出现,可单击鼠标右键,修改表格属性,将单元格边距、单元格间距、粗细都设置为零。

在表格的单元格中可写入文字,调整文字的字体、大小、颜色。也可设置单元格的背景颜色。“氢气的性质和用途”网页上插入的表格及文字排列如图10所示。图中明、暗相间的区间为初始插入的表格的单元格,各区间中的分割线为在此单元格中再插入的表格的单元格。没有文字的单元格中将插入图片或动画。

3.3.2插入图片

网页中可插入后缀名为GIF和JPG等格式的图片。GIF图片又分为静止图片和动画图片。在本网页中的原子模型、红色线条、电视机画面就是GIF动画图片(文件名为052.GIF 、0182.GIF、0354.GIF);网页中气球、氢能汽车、氢气的实验室制法等图片都是JPG格式的静止图片(文件名为qq.JPG 、HYBRIDFO.JPG 、0356.JPG)。

插入图片的操作是将光标停在需插入图片的单元格中,在“文件”栏中选中“插入”,在下拉列表中选中“图片——来自文件”,再在弹出的对话框中找到图片所处的文件夹及文件名,再单击“确定”即可(图11)。

3.3.3插入FLASH影片或视频影片

应用“插入”下拉菜单的“高级”选项,可在单元格中插入后缀名为SWF、AVI、MPEG等影片文件。

在本网页中,我们插入的FLASH影片有“氢气的验纯”(文件名:geh2.SWF)、氢气还原氧化铜微观过程(文件名:hecuo.SWF)。

插入FLASH影片的操作是将光标停在需插入图片的单元格中,在“文件”栏中选中“插入”,在下拉列表中选中“高级——插件”,再在弹出的“插件属性”对话框中单击“数据源”右边的“浏览”,找到需插入的FLASH影片,再单击“确定”即可(图12)。

图12 往文本“氢气的验纯”下方的单元格中插入FLASH影片(文件名:geh2.SWF)

在单元格的位置插入插件后,生成一个插头接口的标记 。

从光盘VCD上拷贝的视频录像(.AVI、.MPEG),要插入网页中时,可在“插入”菜单栏中直接选“影片”选项,在弹出对话框中找到有关文件选择“打开”即可。

AVI、MPEG格式的文件容量一般较大,直接插入到网页中时,会严重影响网页打开的速度,故一般不适宜在网页中直接插入,对这类影片可采用超级链接的方式进行下载播放。

3.3.4超级链接设置

网页制作的一个重要步骤就是对有关的文本、图片设置超级链接。在本网页中看不到的网页、图片、视频、网站等可以应用超级链接的方式发出指令在浏览器窗口中打开。

在本网页中,图片超级链接有:图片“氢能汽车”——链接到另一更大的“氢能汽车”图上(文件名:HYBRIDFO1.JPG)、图片“电视机”——链接到“氢气的性质”录像片(文件名:MUSIC07.MPEG),图片“氢气的实验室制法”——链接到FLASH影片“氢气的实验室制法”(文件名:zh2.SWF),图片“中国新能源网”——链接到中国新能源网(网址:http://newenergy.org.cn),两个放大镜图片分别链接到“氢气的验纯”、“氢气还原氧化铜的微观过程”的FLASH动画上(文件名:geh2.SWF、hecuo.SWF);在本网页中文本的超级链接有:“氢氧混合气点燃爆炸演示”——链接到“氢氧混合气点燃爆炸演示”(文件名:bc1.SWF),“氢氧混合气点燃爆炸微观解释”——链接到“氢氧混合气点燃爆炸微观解释”(文件名:bc2.SWF)。

超级链接是非线性超文本结构的网站及网页的核心。

设置超级链接的方法是:先选中图片或文本,单击鼠标右键,在弹出的菜单中选中“超级链接”,弹出“创建超级链接”窗口,再选中URL窗右边的“制作一个指向您计算机的超级链接”按钮,弹出“选择文件”对话框,选中需链接的文件,或在URL窗口中直接键入网址、文件的路径名,(图13、图14)。

图13 对图片“氢能汽车”进行超级链接设置(指向文件HYBRIDFO1.JPG)

图14 对图片“中国新能源网”设置链接,键入网址:http://www.newenergy.org.cn

这里要注意的是,编辑超级链接时,“目标框架”一般不用“默认值”而是选择“新建窗口”以便网页的浏览(图15)。

最后还想说一下滚动字幕的制作,选中需要滚动的文字,鼠标指向“插入”菜单,在上拉列表中选中“组件——字幕”,单击弹出对话框中的确定按钮即可。

到此,一个网页就基本制作完成了。如何知道网页在浏览器中的浏览效果呢,在FrontPage窗口的左下方有三个窗口切换标签: ,普通窗口就是我们的工作区,HTMH窗口可查看网页源代码,预览窗口可随时查看制作的网页在浏览器中的效果(图16)。

图16 “氢气的性质和用途”网页在浏览器中的图象

4.将存放网页及素材的文件夹转换成WEB文件夹

我们是在H2文件夹中建立的SC文件夹基础上制作网页的,这样的网页的各种链接一般是绝对路径关系,如果把H2文件夹换一个位置(如复制到D盘),再打开该文件夹中的氢气.HTM网页,就可能打开的是一个有一些图片看不到,单击一些链接无响应的缺损网页,这样的网页是不能放在网站上对外发布。这样的文件夹叫非WEB文件夹。

如果把存放网页及素材的自定义文件转换成WEB文件夹,则文件夹中的网页与各链接文件的关系就会变成相对路径关系,这样把该文件夹不管放到什么目录下,该网页在被打开时都不会有缺损,且超级链接都能正确响应。

如何将非WEB文件夹“H2”转换成WEB文件夹呢。操作很简单。

打开在FrontPage 程序后,单击“文件——打开站点”出现打开站点对话框,在“查找范围”窗口中找到E:\H2文件夹,单击“打开”(图17),

图17 以站点形式打开H2文件夹

这时会再弹出一个“向文件夹中添加FrontPage信息”对话框,问:是否向H2文件夹中添加FrontPage信息(图18)?单击“是”,会自动生成文件夹列表并打开网页“氢气.htm”(图19),这时文件夹“H2”就转换成了WEB文件夹,在该文件夹中自动生成四个文件夹:用来存放图片和网页等文件的images和_private文件夹,含有超级链接信息的隐藏文件夹_vti_cnf和_vti_pvt。在本网页制中过程中,我们已经将素材文件放在了SC文件夹中,所以images和_private文件夹可以删除。但_vti_cnf和_vti_pvt切不可删除(图20)。

当H2文件夹转换成WEB文件夹后,其中的网页“氢气.htm”上的超级链接关系即转换成相对路径关系,该文件夹放在任何目录下,网页打开时不会缺损。

5.网页(网站)发布

有时我们要把已经制成的网页或网站存放到特定的文件夹之中。成为可对外发布的网页或网站。例如,我们想把“氢气.htm”网页发布到“氢气”文件夹之中。

“氢气. htm”,网页的路径是E:\H2\氢气.htm,在H2文件夹中还有SC素材文件夹,我们用到的图片、动画、视频文件都放在这个文件夹中。

先在E盘建立一个文件夹,命名为“氢气”,这就是我们将要把网页发布后存放的文件夹。在FrontPage 程序中打开网页氢气. htm,鼠标指向文件,在下拉菜单中选中“发布站点”,弹出“发布站点”对话框,单击“指定站点位置”窗口右边的浏览按钮,找到e:\氢气,选中后,用鼠标单击“打开”,再单击“发布”按钮,出现确认对话框,单击“是”,“H2”文件夹中的有关文件就会导入到“氢气”文件夹中,“发布完成(图21、图22、图23)。

注意有些网站的服务器不支持中文路径,建立文件夹及网页文件时最好用英文名称或数字名称。

图23 成功发布站点

我们在光盘H2文件夹中放了两个网页,一个是“氢气的性质和用途”(文件名:氢气.htm),另一个是“氢气的性质和用途”的表格文件(文件名:氢气网页表格.htm),在第二个文件中有部分图片及链接,是不完整的网页。读者不妨试一试:在FrontPage 程序中打开第二个文件,照着我们前面网页制作的方法介绍,把它制作成与第一个文件画面,链接关系一样的htm文件,并发布。

二. 制作网页的注意事项

应用于课堂教学或专题学习网站的网页与平时在网上浏览的公司网页相比,有较大的区别。

页面设计上,构图要力求简明,图形、标题、文字标注三者并重,不能像公司网站的主页,看得人眼花缭乱。

动画要适当,不要一打开网页到处都在动,让人不知看什么地方是好。

主题要鲜明,一个网页一个主题。

文字不宜多。一个页面不要超过300字,字要大一些。

F. 网页素材图片制作-----photoshop

图片选好,用PS里面有个切片工具按你网站要的设计的风格切起来就是了。

G. 简单网页制作

一、FrontPage 2003简介

FrontPage 2003是由Microsoft公司推出的Office 2003组件之一。FrontPage 2003的启动与退出、文件的打开与保存与Office系列中其他软件相同。FrontPage 2003启动后,主窗口如图6-61所示,菜单部分外貌与Office中的其他软件相似。

与以往的版本相比,FrontPage 2003有以下几个新功能:

(1)自定义浏览器分辨率预览检查;

(2)描摹图像;

(3)层功能;

(4)插入交互式按钮;

(5)行为的应用;

(6)使用网页重定向;

图6-61 FrontPage 2003启动界面

图6-62“新建”任务窗格

(7)检查网页错误;

(8)优化HTML代码;

(9)规划页面布局。

二、制作简单网页

我们在前面已经学会了用Word进行排版,其实你已经会制作一个简单网页了,只需将原来排好的Word文档,另存时选择保存类型为“Web页(*.htm;*.html)”就可保存为一个网页文件。

下面我们用FrontPage 2003制作一个简单网页。步骤如下:

1.启动FrontPage 2003

选择“开始”/“所有程序”/“Microsoft Office”/“FrontPage 2003”命令,打开如图6-61所示的界面。

图6-63 新的空白的网页

图6-64“网页模板”对话框

2.建立新网页

选择“文件”/“新建…”菜单命令,打开“新建”任务窗格,如图6-62所示。单击“空白网页”,也可以通过工具栏上的“新建”按钮建立一个新的空白的网页。如图6-63所示。

如果要根据 Microsoft FrontPage 的模板创建网页,单击“其他网页模板”,打开如图6-64所示的“网页模板”对话框,再单击所需模板类型的选项卡,然后单击某个模板。

3.输入如下内容

图6-65

4.编辑操作

网页中的文本编辑操作与Word的编辑操作类似。

本例中,将“我的第一个网页”应用“标题一”样式,并设为隶书,水平居中;将“你好!欢迎光临”应用“标题二”样式,将其余内容应用“普通”样式,并将行距设为“1.5倍行距”,设置完成后效果如图6-65所示。

5.保存网页文件

选择“文件”/“保存”命令,弹出“另存为”对话框,指定保存位置和文件名,然后单击“保存”按钮即可完成操作。

三、制作多媒体个人主页

我们以制作一个简易的个人网站为例,进一步学习使用FrontPage 2003。

1.规划

网站规划包括规划网站的风格、网站的结构和网站的配色等,是对网站的整体定位。本例设置了6个栏目,包括首页、自荐信、个人简历、荣誉证书、才艺展示、联系方式,链接的文件名分别为index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。当然也可以结合自己情况进行修改。页面布局如图6-66所示。

2.建立网站

在FrontPage 2003中,所谓网站,就是一些网页和程序的集合,各个网页之间通过超链接联系在一起,所有的网页和文件保存在一个文件夹中,通过网站把这些文件和网页统一起来。本地网站是指本地硬盘上用来存放整个网站的所有文档的文件夹。远程网站是指网络服务器上的网站,供用户浏览。

建立一个新网站,事实上就是建立一个单独的文件夹,然后在这个文件夹中建立各个网页文件,并且把它们链接在一起。

网页制作可以在新建网站中完成,也可以像前面那样单独新建一个网页。建议用新建网站的方法来制作网页。

下面我们首先创建新的FrontPage网站:

(1)在“文件”菜单上,单击“新建”,出现如图 6-66 所示的“新建”任务窗格。

图6-66

(2)在“新建”任务窗格中,单击“由一个网页组成的网站”。

(3)在“网站模板”对话框中,在“常规”选项卡下,单击需要的网站模板,本例选择“只有一个网页的网站”,并在指定新网的位置栏中,键入或选择新网的路径及名称,这里我们将默认的mysite改为myhome,如图6-67所示,然后单击“确定”按钮,出现创建新网站对话框,完成站点创建,完成后如图6-68所示。左边一列是文件夹列表,可以通过右键快捷菜单新建文件夹,对文件或文件夹进行复制、删除、重命名等操作。

图6-67“网站模板”对话框

图6-68

3.准备素材

将本例所需的图片动画素材复制到网站内的images文件夹下。

4.制作主页页眉

在“网页”视图中的文档窗口底部,单击“设计”

在文件夹列表中双击index.htm,打开该网页并进入编辑状态,开始首页制作。

(1)设置网页大小 在“视图”菜单上,指向“网页大小”,单击

设置网页大小。

(2)设置网页背景在“网页”视图中的文档窗口底部,单击“设计”

,右击网页编辑区,在弹出菜单中单击“网页属性”项,弹出“网页属性”对话框,在标题框内输入“欢迎访问小慧的个人电子简历”;单击“格式”选中格式选项卡,选中背景栏下的“背景图片”,并单击“浏览”按钮选择背景图片。如图6-69所示。单击“确定”按钮完成网页背景设置。也可在“格式”菜单上单击“背景”来设置。

(3)插入一个一行两列的表格 方法与在Word中插入表格相同。

在显示设计视图模式下,通过常用工具栏的“插入表格”按钮,或在“插入”菜单上,指向“插入”,在级联菜单中单击“表格”;右击插入的表格,在弹出菜单中单击“表格属性”,并将单元格衬距、单元格间距和粗细栏均设为0,如图6-70所示,单击“确定”按钮。

图6-69 网页属性

图6-70 表格属性

(4)在第一个单元格内插入图片 将插入点放在第一个单元格,在“插入”菜单上,指向“图片”,再单击“来自文件”。找到要添加的文件(网站下images文件夹下的logo.gif),如图6-71所示,然后单击“插入”。

更简单的方法是从文件夹列表拖动图片文件到编辑区指定的位置即可。

(5)在第二个单元格内插入Flash动画 单击第二个单元格,在“插入”菜单上,指向“图片”,再单击“Flash影片”。弹出与图6-71相似的“选择文件”对话框,找到要添加的文件(网站下images文件夹下的banner_007.swf),然后单击“插入”。

(6)在第一个表格下插入一个1行1列的表格 同样将单元格衬距、单元格间距和粗细栏均设为0,设置好背景颜色,本例是选的其他颜色,如图6-72所示,在“值”文本框中输入Hex={C1,E8,C9}。

(7)制作滚动字幕 在第二个表格的单元格内单击,在“插入”菜单上,单击“Web组件”,弹出插入Web组件对话框,默认选中的是字幕,因此单击“完成”按钮,弹出字幕属性对话框,在“文本”框内输入:衷心感谢您垂阅我的简历,单击“确定”按钮。如图6-73所示。

图6-71 插入图片对话框

图6-72“其他颜色”对话框

5.制作正文和页脚

(1)在第二个表格下插入一个1行2列的表格,同样将单元格衬距、单元格间距设为0,但粗细设为1,暗边框设为白色,亮边框则设为其他颜色,在如图6-72所示的“值”文本框中输入Hex={99,CC,FF}。

(2)设置单元格背色。右击此表格的第一个单元格,在弹出菜单中单击“单元格属性”,弹出如图6-74所示的对话框,背景设为其他颜色,在如图6-72所示的“值”文本框中输入Hex={F1,F5,FC}。同样方法将第二个单元格设为白色。

图6-73 字幕属性对话框

图6-74 单元格属性

(3)调整单元格宽度,使之与第一个表格相同。

(4)在第一个单元格内插入一个8行1列的表格,并将单元格衬距、单元格间距和粗细栏均设为0。在单元格属性中将单元格对齐属性设为水平居中,垂直居中,行高调整为40。

在刚插入的表格第二行内插入图片homepage.gif,并在其后输入“首 页”;在第三行内插入图片sub_dot.gif,并在其后输入“自 荐信”,后面四行插入的图片均为sub_dot.gif,输入的文字依次为“个人简历”、“荣誉证书”、“才艺展示”、“联系方式”。

(5)在表格三的第二个单元格内插入一个3行3列的表格,并将单元格衬距、单元格间距和粗细栏均设为0。将中间一列调宽一些。

在该表格第一行第二列中输入“自荐信”,在第二行第二列输入自荐信的内容。设为1.5倍行距。

(6)在表格三后面插入一个2行1列的表格,并将单元格衬距、单元格间距和粗细栏均设为0;并且第一个单元格背景色设为与表格二背景色相同,在第二个单元格内输入“联系电话:023-683568XX E-mail:xiaohui@163.com”并设为居中。

6.链接网站文件

选中要建立超链接的文字或图像,单击常用工具栏中的“插入超链接”按钮或在“插入”菜单上单击“超链接”,或者是右击选中区域并单击“超链接”,均可打开“插入超链接”对话框。如图6-75所示。

图6-75“插入超链接”对话框

(1)选中“首页”,单击常用工具栏中的

按钮,在打开的如图6-75所示的“插入超链接”对话框中,在“地址”框内输入index.htm,并单击“确定”按钮。

(2)用同样的方法将“自荐信”链接到zijian.htm、“个人简历”链接到jianli.htm、“荣誉证书”链接到zhengshu.htm、“才艺展示”链接到zhanshi.htm、“联系方式”链接到lianxi.htm。

7.保存文件,按F12键预览网页

四、制作本网站内其他页面

首先在文件夹列表中将 index.htm 复制 5个,分别重命名为 zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。只需将每个文件中自荐信部分修改为相应内容即可,页眉、超链接栏和页脚均不变。

五、网站发布

当我们完成上述内容后,需将制作的网页发布到Internet上的Web服务器中,才能供网上的访问者浏览。首先要到Internet服务提供商(ISP)那里申请购买存放网页的空间和域名,以前有很多网站(如网易等)都提供免费的个人主页存放空间,现在相对较少了,中国学生网仍在提供50M免费空间服务,大家可到http://web.6to23.com/去申请一个免费空间。

发布网站可以使用专门的FTP工具。但为了给用户提供方便,FrontPage 2003内置了网页发布功能,利用它,只需进行简单的设置,就可以轻松地完成网站发布任务。FrontPage 2003中的远程网站视图可以帮助我们将整个网站或单独的文件和文件夹发布到任何位置:扩展的 Web 服务器、支持文件传输协议(FTP)或基于 Web 的分布式创作和版本控制(WebDAV)的Web服务器或文件系统中的某个位置。

下面我们利用FrontPage 2003及文件传输协议(FTP)发布网站,步骤如下:

1.打开FrontPage网站

在“文件”菜单中单击“打开网站”或单击工具栏上的“打开”按钮边上的下拉标志,从下拉菜单中选“打开网站”,在弹出的“打开网站”对话框中找到需要打开的网站并单击“打开”按钮。

2.转至“远程网站”视图

若要转至该视图,请单击“网站”选项卡,然后单击窗口底部的“远程网站”按钮。或在“视图”菜单上,单击“远程网站”。如图6-76所示。

3.设置“远程网站属性”

在文档窗口顶部,单击“远程网站属性”。在弹出的对话框中,在“远程网站”选项卡上,在“远程 Web服务器类型”下,单击“FTP”。在“远程网站位置”框中,键入自己所选定的远程网站的地址及 FTP 协议(本例中输入“ftp://125.91.6.75”),如图6-77所示。单击“确定”按钮,在打开的“要求提供用户名和密码”对话框中输入ISP提供的用户名和密码,单击“确定”按钮。如图6-78所示。

图6-76

图6-77

4.发布网站

通过单击窗口右下角的“发布网站”按钮即可发布所有文件。也可发布单个文件,在本地网站选择一个文件,然后单击“本地到远程”按钮

。如图6-79所示。

图6-78

图6-79