重庆邮电大学计算机科学与技术学院胡军.ppt
《重庆邮电大学计算机科学与技术学院胡军.ppt》由会员分享,可在线阅读,更多相关《重庆邮电大学计算机科学与技术学院胡军.ppt(34页珍藏版)》请在三一文库上搜索。
1、网页编辑工具简介,2.1制作时应该注意的原则,总体来说,要了解以下基本设计原则: (1)主页排版不要太松散或用太大的字,尽量避免访问者浏览网页时要用大幅度的滚动,对于篇幅太长的一页可以使用内部链接解决。须知,一页的上部是很显眼而且宝贵的地方,不要只放几个粗大的字或图片。 (2)切勿以800600以上的分辨率设计网页,常用的分辨率是640480及800600。现在国内的站点基本上都是800600,但是如果主要是面向国外访问者的站点,建议使用640480。,2.1制作时应该注意的原则,(3)底色或墙纸必须与文字对比强烈,以易于阅读。这并不是要求永远使用鲜亮的背景搭配深色的文字,但深色背景常要求与主
2、题配合,有较多的顾虑。如果网页是文章式或是包含大量文字,不妨在底色与文字的搭配上下些功夫,力求让访问者能够舒适地阅读网页。 (4)不要把图片白色当作透明,要知道别人的系统不一定把内置设为白色,解决的办法除了真的把该网页的底色设为白色之外,最好还是用图片编辑工具将图片设为透明颜色。,2.2用FrontPage制作网页,FrontPage 2002 是目前世界上最优秀的网页制作与开发工具之一,是Microsoft 公司推出的办公自动化大型套装软件Office的一个重要组件,它采用与Office其他组件一致的工作界面和操作方式,只要用户使用过Office软件,就可以方便地掌握FrontPage 20
3、02。 FrontPage 2002与其他Office软件的窗口大致相似,都有一些常用的菜单选项和工具栏,即使从来没使用过FrontPage 2002的用户也会对它有一种熟悉的感觉。,2.2.1如何建立一个站点,建立站点的具体步骤: (1)打开【文件】|【新建】|【网页】|【新建网页或站点】|【根据模板新建】|【Web站点模板】命令,打开“Web站点模板”对话框。 (2)在“Web站点模板”对话框中单击想要使用的Web站点模板。这里有很多可供选择的站点模板。为了简便其间,你可以选择一个现成的模板进行制作。,(3)在指定新站点的位置框中,键入新Web站点的URL或单击浏览器在硬盘、网络或Inte
4、rnet上创建新站点。如果你要创建子站点,可在根站点的名称之后追加子站点的名称,如果要将站点添加到当前Web站点,选中“添加到当前站点”即可。,2.2.2 FrontPage2002的工作界面,启动FrontPage后你会发现,FrontPage2002的工作界面同Word等Office应用程序的工作界面非常相似。不同的是在FrontPage2002的工作界面中多了一个“视图”栏,你可以选择不同的视图以完成不同的功能。好在Word也有视图的概念,你对此应该很容易理解。另外就是在编辑区左下方有3个小按钮,用于选择网页的显示方式。,2.2.2 FrontPage2002的工作界面,“普通”方式是你
5、编辑网页时最常用到的,它同Word的编辑区一样提供了基本的“所见即所得”的编辑界面。 “HTML”方式显示的是网页对应的HTML文件,它们看起来象程序员刚写好的程序代码一样,其实你把它看作一种程序也未尝不可,这就是网页的源代码。如果你擅长使用HTML语言,可以在这个视图中编写网页,你想学习HTML语言的话,也可以参考这里提供的文本。 “预览”方式可以不必打开浏览器即可看到自己编写的网页在浏览器里的实际情形。,.2.3 FrontPage2002的编辑方法,1、标题段落 在网页内输入标题时,用户可先设置标题的格式,然后再输入标题的内容,也可将标题当作普通文本对待,等输入完毕后,再打开格式工具栏中
6、的“样式”下拉列表框,选择合适的标题格式。FrontPage2002提供了6级标题。 2、 文本的修饰 在输入文本之后,其字体、字号、颜色和效果都使用默认设置。FrontPage提供了“字体”对话框与各种格式工具按钮,可根据需要选择设置,以美化文本。其设置方法同Word操作类似。,.2.3 FrontPage2002的编辑方法,3、水平线的插入 在网页中插入水平线有分隔文本内容的作用。插入水平线的方法如下: (1)将光标置于要插入水平线的行。 (2)选择“插入”菜单的“水平线”项,即在网页中插入了一条水平线。 (3)把鼠标放在水平线上,当光标变为双箭头时按住鼠标左键,可以对水平线进行长短或宽窄
7、的拉伸。 (4)还可以对水平线属性进行设置,在水平线上单击鼠标右键,在弹出的菜单中选择“水平线属性”,弹出属性对话框。 (5)大小栏中的宽度,高度可以设置水平线的宽与长。 (6)在对齐方式栏中可以设置水平线的对齐方式。 (7)还可以设置水平线的三维阴影,也可以将所有设置存为默认值,以便今后使用。,.2.3 FrontPage2002的编辑方法,4、列表的使用 使用列表和表格来规范网页内容可以使网页层次分明、结构清晰。列表有项目列表、编号列表、定义列表3种。,.2.3 FrontPage2002的编辑方法,项目列表 如网页的内容存在并列关系,内容中项目的顺序并不重要时,可以使用项目列表。项目列表
8、也称为无序列表,它将在项目前添加标志符号。默认的标志符号是实心圆点,FrontPage2002不仅提供了空心圆点、实心方框等其他类型的标志符号,还可以将图片作为新的项目标志。添加项目列表的步骤如下:,.2.3 FrontPage2002的编辑方法,(1)选定要使用项目列表的文本,或者将插入点放在要输入文本的位置上。 (2)单击格式工具栏按钮,此时项目符号出现在段落的段首。 (3)在输入项目列表的内容时,在输入完一段内容后回车,新的项目列表符号将出现在下一个段落的段首。,.2.3 FrontPage2002的编辑方法,编号列表 在网页中的内容存在顺序关系时,可应用编号列表,它表明列表内容的前后顺
9、序是有重要区别的或者前后顺序是不可以改变的。编号列表的标志符号可以是一连串数字,也可以是定义的英文字母、罗马数字等符号,创建编号列表的步骤和创建项目列表的步骤类似。 定义列表 定义列表就是在网页内定义词汇、术语的列表,具体的列表,具体的定义内容将以首行缩进的方式出现在列表的下一行。 列表嵌套 在复杂的网页中,需要将不同的列表方式嵌套时,则可以使用嵌套技术。,关于表格的操作 我们在FrontPage2002中创建表格有三种方法,分别是用菜单中的“表格”命令;用“常用工具栏”的“插入表格”按钮;用手绘制表格命令。,用菜单中的“表格”命令创建表格的步骤如下: (1)选择“表格”菜单中的插入子菜单的“
10、表格”命令 (2)在“大小”框体的“行数”栏中输入要设计表格的行数,在“列数”栏中输入要设计表格的列数。 (3)单击“确定”按钮。,用“常用工具栏”的“插入表格”按钮创建表格的步骤如下: (1)单击“常用工具栏”的“插入表格”按钮, (2)按住鼠标左键拖动鼠标确定要选取的表格行列数,如果4*5的表格则不能满足需要,可按住鼠标左键继续向大下方拖动。 (3)松开鼠标左键,所要插入的表格实现了。,用手绘制表格这种方式比较灵活,用这种方式可对已设置好的表格进行细节修改,其操作步骤如下: (1)选择菜单栏中的“表格”命令中的“手绘表格”命令。 (2)将鼠标移回网页编辑区,光标将变为铅笔状,按住鼠标左键拖
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 重庆 邮电大学 计算机科学 技术学院
链接地址:https://www.31doc.com/p-3460331.html