本站内容搜索:
   您的位置:素材中国>>教程 >>网页设计 >>Frontpage >>FrontPage2003建站全攻略2 提交错误报告
FrontPage2003建站全攻略2
[ 来源:素材中国 | 作者:无从考证| 时间:2006-03-09 00:06:04 | 浏览:人次 ]

 
 

  主题

  经过以上过程,我主页制作也基本完成了。但页面的背景图、导航栏、颜色选择,边框等都不太令我满意,而这些都是模板自动设计的,而且不能修改。这个时候,就要使用主题了。

  主题,就是FrontPage针对页面中的背景、导航栏、横幅、按钮、各种边框自动进行设置,主题的内容有几十种,操作者可以根据自己的喜好选择,这样,就可以省去自己分别对这些页面元素的设置。

  操作 为网页指定主题:打开主页,选择“格式/主题”,弹出主题窗口。在主题窗口的左边,列出了可以选择的主题,默认的是“直边”,点击这些主题,可以在右面窗口查看该主体的风格,如横幅是什么样、是什么样的颜色、标题的样式、超链接的显示样式,导航条的样式等等。另外,还可以设置是否需要背景图片,是否使用鲜艳的颜色等。选择“渐蓝”主题,单击确定,即可在网页窗口看到效果了。

  主题都是事先设计好的,如果你有什么特殊要求,而FrontPage又不允许你在网页编辑时修改,这个时候,可以自定义主题。

  操作 测试网页和网站:现在,我的主页基本完成了,要实地测验一下主页和整个网站的情况,看页面显示是否正常,各个超链接是否正确,设计上还有什么缺陷。打开要预览的主页,然后选择“文件/在浏览器中预览主页”,这样,我就看到了我精心设计的主页的真正模样了。测试的时候,要仔细看页面的各种元素,看是不是有不正确的地方。多改变一下浏览器的一些相关设置,如字体大小、全屏、缩放窗口。点击页面上的超链接,看是否能跳转到正确的页面。另外,最好将整个网站文件夹复制到其他机器上,看是否正确,特别是字体显示是否正确。

  操作 查看网站报表情况:在视图窗口选择“报表”图标,打开报表窗口,在这个窗口,可以看到整个网站的一些统计数据。仔细查看这些数据,看看有没有什么问题,如无效的超链接等。如果一切没有问题,就可以发布了。

  进一步学习的建议:网页的美化是一个经验和修养的问题,一方面多实践,另一方面多看优秀的网页。另外,网站的测试很重要,要摸索和掌握这方面的经验和技巧。

  乐有五音,善用五音而成乐师。食有五味,善用五味而成庖厨。我用什么来建家?水木金火土。

  文  字

  通过模板建立的站点和网页只是一个结构雏形,现在来打开这些网页,添加各种元素,开始建设自己的家。我们首先从主页面(index.htm)开始,这可是家的大门。

  操作 认识模板页面:打开主页文件,在“网页”视图窗口可以看到该主页的大致结构。页面分成了三个部分,上面的部分主要放置标题图片(图片元素为主),左面的部分主要放置链接到其他网页的目录(链接元素为主),而中间的大部分放置该主页的主要内容(文字元素为主)。

  一般模板主页,通常由横幅、目录、正文等几个部分组成,只是数量和排列方式不一样罢了,或者多一些特殊的元素。当然,也有完全是有一些特殊元素构成的页面,如多重嵌套表格、组件等。但这些对于我这样的个人筑巢者,一般都用不到,用起来也麻烦费事,不如多用这一简单而简洁的页面。

  操作 粘贴和输入文字:复制一段开场白的文字到剪贴板,然后在网页窗口中点击鼠标到要插入的位置,然后复制,就可以看到该文字在页面中出现了。也可以直接输入一段文字。将网页中不要的文字删除。

  粘贴和输入这项操作很简单,和一般的文本编辑程序没有区别。实际上,很多的文字编辑操作都跟Word程序相似。包括输入、复制、粘贴、撤销、查找、样式、字体、颜色、间距、符号、边框、段落格式等。

  尽管FrontPage的大多数文字修饰的操作方法都和Word相类似,但还是有很多细小的差别,不过这些差别并不会对使用者造成很大的困扰,但还是要注意一些差别。

  在网页中,段落和换行的差别很大,一般段落和段落的间距很大,因此常常注意到要用换行(按“Shift+Enter”)。如果要在网页中显示换行符和段落符,则可以点击工具栏中的“全部显示”按钮(在第一排工具按钮的后面)。
  
  进一步学习的建议:文字编辑的技巧性很强,而且操作的功能也很多,要熟练掌握必须要多练习,多用。一般使用Word排版熟练的人就很容易上手。

  图  片

  主页中的主要文字编辑好后,若需要在其中添加一幅小照和几幅示意图,让页面更传神。小照图片已经事先? 好,并用图像编辑工具进行适当的编辑,如将图片缩放到合适的大小,图片内容修饰,并根据图片的内容将图片保存为GIF格式。注意,如果图片颜色丰富,或者是风景、人物照片,则一般保存为JPEG格式。而示意图则在程序内置的剪贴画库中找。

  操作 添加剪贴图片:在FrontPage中,内置了很多剪贴画,可以很方便地添加。在网页将鼠标移动到要添加的位置,然后“插入/图片/剪贴画”,打开剪贴画选择窗口,这里面的剪贴画非常丰富,并分类存放,查找非常方便。找到需要的剪贴画后,点击该剪贴画,在弹出的菜单中点击“插入图片”按钮。然后就可以在网页编辑窗口看到该图片了)。

  操作 保存图片:现在保存网页,则程序提示将保存图片到站点所在的文件夹,选择图片保存的目录、文件名和文件格式(也可以按照默认设置),就将该图片保存到站点中了。建议将图片保存在站点文件夹中设立的专门保存图片的文件夹“image”。

  图片添加后,可能要重新调整图片在网页中的位置,添加各种图片的效果和设置图片的属性。

  操作 编辑图片:在网页编辑窗口中,选择图片,然后拖动图片边框可改变大小。拖动图片可改变在网页中的位置。另外,当选择图片后,在界面窗口的下面将显示图片编辑工具栏,包含各种图片编辑工具,如在图片中添加文字、调整位置。要注意的是,当调整了图片大小,程序将会以新的图片大小来保存图片。

  操作 设置图片的属性:图片的属性一般指图片的一些内部性质,如源文件、格式参数、显示方式、对齐方式、边框和留白等等。鼠标右键点击图片,在弹出菜单中选择“图片属性”,即可在弹出的图片属性窗口中设置图片属性了。

  操作 插入图片文件:先将要插入图片拷贝到站点文件夹中,选择菜单“插入/图片/来自文件”,在弹出窗口选择要插入的图片文件。然后,按照上面的方法调整和修改图片。

  进一步学习的建议:深入了解各种网页图片格式,深入学习各种图片效果的编辑,掌握图片位置的调整,学习使用背景图片等。

  超 链 接

  网页的强大之处就在它的超链接,在浏览器中通过点击网页中的超链接,可以很方便地打开另外一个网页,或者是图片、文件、邮件地址。一个网页中的链接分成两个部分:链接的载体和链接的目标地址。

  链接的载体就是在网页中文字和图片,凡是包含链接的文字和图片都称为超链接。

  操作 设置文字的超链接:打开主页文件,用鼠标反白选择要超链接的文字——“欢迎光临站点名称”,然后按鼠标右键。在弹出菜单中选择“超链接”。弹出超链接设置窗口,然后在列表中选择要超连接网页文件——“Photo.htm”,确定后,就可以看到超级链接已建立好了。注意,在网页编辑窗口,可以按住“Ctrl”键,点击超链接就可以打开超链接指向的网页。

  操作 设置图片的超链接:鼠标右键点击要设置超链接的图片,在右键菜单中选择“超链接属性”,然后设置要链接的文件,也可以链接图片、E-Mail地址等。

  操作 管理超链接:一个网站的超链接就像一张网一样,网住了网站的所有文件。在“视图”窗口中点击“超链接”,打开超链接的管理窗口,在这个窗口中,我们可以看到各个文件相互间的链接情况,例如,要看“photo.htm”文件中链接了哪些文件,又被哪些文件链接,可以在旁边的文件夹窗口中选择该文件,然后即可在链接示意窗口中查看了。也可以在超链接的示意窗口直接展开某个文件的上、下超链接。

  进一步学习的建议:掌握各种超链接的设置、书签,学习使用导航条,学习使用图形热点。学习使用图片的热区。

  规划网站

  规划网站,其实就是网站的整体定位。说得时髦一点就有点像CI(corporate identity),意思是通过视觉来统一企业的形象。算了,还是不要这么复杂吧,我只是一个小家碧玉者。

1.确定主题和内容

  主题和内容说白一点就是做网站的目的。看了不少个人网站,感觉就是:你抄我抄大家一起抄,黄沙淘尽不见金。我绝对不能这样,否则就成了网络垃圾了。经过冥思苦想,我决定做一个真正意义上的“个人”网站,做一个个人的家,一个在网络上宣传自己、结交朋友的“家”。

  这样一来,主要内容就应该是介绍自己。个人简历?不,那样也太没有意思了。就当是做一个图文并茂的自我小传吧!应该有简历的一部分内容,但还应该多说说自己的兴趣爱好。此外,还少不了应该适当介绍一下和自己相关的东西啊!

  内容确定了,那是不是应该给我的网站取个好名字了?前辈说:网站名称也是网站设计的一部分,而且是很关键的一个要素。很有道理,就像每个人都想取个好名字一样,家也应该有个好名字!

  看看网上的名字,“海阔天空”有点虚,“XX的个人主页”有点俗。还是平实一点,就以我的名字叫“豆豆之家”吧。

  2.网站结构

  参考了一下其他的个人网站,再看看前辈长篇大论,我也稀里糊涂地明白了一些名词。

  ●网页——就是你看到浏览器内的一个页面,由图片和文字组成。通常有一级页面、二级页面之说。当你输入网址看到的第一个页面叫做首页,通常的名字是index.htm。

  ●网站——简单地说就是很多相关网页文件、图片文件? 他文件的组合。一个网站由相关网页组成一个关系网,通过页面上的链接在不同的网页之间跳转。

  网站的结构和内容好像还有一些不成文的规定(当然都是前辈们唠叨的):
  1. 网站一定要紧扣主题。
  2. 设定一个交互式的栏目,例如留言薄。
  3. 页面简洁,尽可能方便访问者的浏览和查询。
  4. 网站的层次不要太复杂,小网站由3层网页构成是比较合适的。
  5. 整体的页面设计风格要保持一致。
  
  3.风格的选择

  网站的风格,是不是有点像人的气质呀?“家”当然是有气质的,或者活泼、或者严肃、或者精美、或者朴素、或者粗犷豪放、或者小家碧玉等。我们应该根据自己的主题和内容给它选择一种合适的风格类型,以求内容和形式的完美结合,突出自己的特色和个性。可惜我不是学美术的,只是简单地知道一些冷暖色,看来还得在实践中多比较。

  4.页面设计

  网站是由一个个页面组成的,所以每个页面的制作就显得极其重要。说来说去又是一个美术设计方面的问题。我先找几张白纸勾画我的页面草图。

  这是网络上常见的几种网页布局。虽然都是在排列目录、题目、正文,但真正要做到结构清晰、一目了然还得看具体制作的功夫。

  当然可以选择更活泼一点的样式,只是需要自己去发挥了,或者到网络上去学习各种漂亮的页面设计。

  选择制作工具

  古人说得好:工欲善其事,必先利其器。网上建家总是要工具的,制作网页和网站的工具很多,甚至用记事本也可以(就像泥瓦匠起房子一样,是写网页的源代码)。但也有很多工具,可以直接将房子的框架搭好,剩下的工作就是确定要多少房间和如何布置房间。FrontPage2000就是这样的工具。

  Dreamweaver3和FrontPage2000都是当前的主流站点和网页编辑器。Dreamweaver3更加专业,其代码的简洁、兼容性和整体功能都要比Frontpage 2000强。但是FrontPage2000是微软的产品,是Office2000中的一个组件,和大家经常使用的Word有类似的界面和操作。用FrontPage编写网页就像用Word写文章一样简单,很适合于我这样业余建小“家”的人上手。

  找来FrontPage2003的书籍一看,它的功能真是强大,至少是够我用了,而且操作真方便,会用Word就可快速学会FrontPage2003。

  1.安装程序

  FrontPage2003已经集成在Office2003中,成为Office家族中的一员。如果你购买了Office2003,在安装时你只须选择安装FrnotPage2003就行了。另外,也可以购买单独的FrontPage2003光盘进行安装。

  FrnotPage2003的安装过程非常简单,我使用的是单独发行的FrnotPage2003光盘。双击光盘中setup.exe的文件,安装程序即开始自动安装。

  首先出现一个用户信息窗口,要求你正确的输入用户名、单位和密码。然后单击“下一步”按钮,出现用户许可协议画面,选中“我接受《许可协议》中的条款”。单击“下一步”按钮,出现安装选择界面。单击上面的“开始安装”按钮,FrontPage2003就按照默认的方式进行安装,若单击下面的“自定义”按钮,可以选择安装的路径。

  在安装过程中,系统会重新启动一次,然后才能继续安装,安装完毕,会出现一个站点服务器账号设置窗口,输入用户名和密码,安装全部结束。

  2.启用

  启动FrontPage2003后,简直就和Word是一个样子,上部是菜单栏、工具栏,像我这样熟悉Word的人就不用学习了;下面左边是视图区窗口,里面有六个按钮,代表六种不同的功能,它大大地方便了我们对站点和网页的制作和管理。占屏幕大部分空间的是我们的工作区,所有的页面编辑都在其中完成。

 
 
       
   您的位置:素材中国>>教程 >>网页设计 >>Frontpage >>FrontPage2003建站全攻略2
 点此在百度搜索关键字"FrontPage2003建站全攻略2"  点此在GOOGLE搜索关键字"FrontPage2003建站全攻略2"
热门文章:
  ·用Frontpage设计网站主页   ·FrontPage2003建站全攻略1
  ·FrontPage2003建站全攻略2   ·用FrontPage 2000创建网页动画
  ·FrontPage页面背景属性设置   ·利用Frontpage xp进行中文简繁体转换1
  ·FrontPage2000之插入Flash动画   ·用FrontPage2003的“布局表格和单元格”功能布局网页
  ·FrontPage网页特效步步学特效按钮的制作   ·Frontpage 2003创建框架网页

  首页  素材图片  高精图库  矢量图库  网页素材  网页模板  壁纸  明星  下载  教程  字体  香车美女  QQ专题  论坛

网站介绍 | 广告业务 | 设计业务 | 免责声明 | 版权声明 | 联系我们|提交错误报告
素材中国版权所有