《信息技术总复习四网页制作.doc》由会员分享,可在线阅读,更多相关《信息技术总复习四网页制作.doc(2页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、【精品文档】如有侵权,请联系网站删除,仅供学习与交流信息技术总复习四网页制作.精品文档.信息技术总复习四 网页制作(Frontpage)一、设计网站结构1、筹划一个网站,一般需要经历观摩网站、明确功能定位、设计内容结构、设计版面和拟定制作计划等五个过程。2、着手设计网站前,我们需要明确网站的功能定位。3、网站内容的选择和栏目设计要围绕网站的主题。4、设计版面主要包括三个方面的工作:选定版面宽度、合理布局版面、设计色彩方案。5、用表格进行版面布局。指定表格宽度时,使用像素就限制了表格的宽度,在浏览时或改变浏览窗口的大小,表格的宽度都不会改变;采用百分比,则浏览时或改变浏览窗口的大小,表格的宽度会
2、随之改变。二、创建站点1、制定网站文件管理办法。网页文件不能用 中文 命名,要用 有规则可循的名称 命名;一般来说,同类文件或属于同一栏目的文件放在 同一文件夹中 ,素材和正式文件分开存放。2、建立站点。站点的作用是 实现资源与信息的共享。3、创建站点的方法:、指定位置,新建站点;、添加文件夹和栏目网页;设置网页标题。4、使用Frontpage中的“新建站点”功能,其生成的网站文件夹在Frontpage中打开时会显示一个地球的标志即把它作为一个网站的主目录,并且在其“导航视图”中可以看到清楚的网站结构,而使用资源管理器建立的文件夹在Frontpage中打开时则是作为普通的文件夹。5、网页与网站
3、的关系:一个网站是由一张张的网页通过超级链接所组成的。三、制作网站首页1、一张网页中一般要包含 标题区 、 主要内容区 、 页尾区 三部分。2、制作网页时一般用 表格 来设计、分割页面,这样可以有效控制 网页元素 的位置。3、添加到网页中的图片文件格式一般是 jpg 或 gif 。4、网页中的图片,有些可以直接插入在指定的单元格位置上,有些则需要以单元格背景图的形式插入。背景图插入方法:在该单元格位置上单击鼠标右键,打开单元格属性窗口,勾选“使用背景图片”,再从“浏览”窗口中选图。5、添加flash动画。、选择“插入”“高级”“插件”;、点击“浏览”选择要插入的flash动画;、调整动画的大小
4、。6、添加视频。在网页中确定视频文件要插入的位置,打开“插入”菜单,选择“图片”,然后在下级菜单中选择“视频文件”命令,会弹出“视频文件”对话框,在对话框中输入要插入的视频文件的路径和名称后,单击“确定”按钮。7、添加背景音乐。在网页任意位置右击鼠标,在快捷菜单中选择“网页属性”命令,再点击“常规”选项卡,在“位置”后的文本框中输入声音文件所在的地址,或是直接点击“浏览”按钮,在列表中选择声音文件。6、超链接实现网站导航功能,链接目标可以是网页、邮件地址,还可以是文字、图片和文件等。7、网页的一般制作流程有 用表格规划页面、添加各种网页元素、设置超链接、修饰页面等四个。8、一般网站首页的文件名
5、为index.htm或default.htm;常见的网页扩展名有.htm、.html、.asp、.php。四、制作栏目网页1、应用 网页模板 可以快速生成版式相似的栏目网页。2、创建班级网页模板。、在首页中提取共同的网页结构作为模板样式。、在文件菜单中打开“另存为”对话框;、选择文件保存类型,并输入文件名保存。模板文件可保存在当前站点中,Frontpage模板文件扩展名为:.tem。3、在同一页面中插入大小规格不一的图片时,为了使页面整洁美观,要制作 缩略图 。4、制作网页缩略图。、在相应位置插入原始图片后,点击图片工具栏上的“自动缩略图”按钮,原图自动变成了缩略图。、在缩略图上单击右键,选择
6、“图片属性”;、指定图片大小统一缩略图外观;、保存网页时会弹出“保存嵌入式文件”窗口提示保存缩略图文件,此时可重命名缩略图和改变其存放位置。5、书签可以实现同一页面内不同位置的定位跳转,如浏览长网页时利用书签可以轻松快速地返回页首。6、设置书签链接。、先单击确定要插入的书签位置;接着选择“插入”“书签”命令;、输入书签名称后点击确定;、选定要链接到书签的文字;、点击常用工具栏上的“插入超链接”按钮,选择书签名,“确定”后完成链接的制作。7、根据链接目标的不同分类,我们学习到的网页中的超级链接类型有 网内页间超链接、 页内书签超链接 、 E-mail超链接 、 外网站链接 、和 文件下载 。8、
7、因特网上的每一个网站都有一个绝对的地址,我们是通过Http协议来访问它们的,因此网页在链接其他网站时,输入了带有Http协议的完整地址,也称为绝对地址;而在链接本网站其他网页时,由于网页都是处于同一个网站主目录中,因此只输入文件名和部分路径名,这种地址为相对地址,它的路径是相对于网站的主目录的。五、制作表单1、表单就是网页中的电子表格,用来实现用户与网站之间的沟通和交互。网页中的表单能够收集 用户的信息 和 反馈意见 ,是网站管理者与浏览者之间沟通的桥梁。2、制作表单页面一般需要的两个步骤是 制作收集用户信息的表单页 和 保存处理收集到的用户信息 。3、表单是不同形式表单域的集合,如单选按钮、
8、复选框、下拉菜单、按钮、单行文本框和滚动文本框等的集合;HTML网页本身不能处理数据,而是借助一定的方法(如保存到文件中等)使数据被网站管理者所接收。六、认识标记语言HTML1、HTML是超文本标记语言的缩写,我们看到的网页是浏览器对HTML解释显示的结果。HTML标记语言的超文本功能,把网页与网页链接在一起形成网站。2、HTML文档的基本结构中,表示HTML文件的开头,表示HTML文件的结束,网页标题放在 和 标记之间,和标记之间放的是网页显示的内容 。3、HTML标记分单标记和双标记两种。双标记是以开始标签开始,以结束标签结束,结束标签比开始标签多一个斜杠“/”,如和是段落标记,用于划分段
9、落;单标记只有开始标记,没有结束标记,如是换行标记。4、最原始的网页是用HTML语言编写的,用记事本就可以编辑,为了方便网页制作,许多“所见即所得”的网页编辑工具应运而生,比较常用的有FrontPage和Dreamweaver。七、认识网页特效1、网页特效就是网页的特殊效果,应用它可以让你的网页变得形式多样,更加吸引人,例如滚动字幕、弹出窗口、漂浮广告等。2、实现滚动字幕效果。、光标置于要插入字幕的位置;、选择“插入”菜单“组件”中的“字幕”选项;、输入字幕的文本。3、脚本语言是一种可以被浏览器解释执行的编程语言,常用的脚本语言有JavaScript和VBScript。4、我们可以通过web组件 添加滚动字幕,修改 html代码 改变字幕滚动方向,以及添加 脚本语言 实现窗口弹出。八、发布网站1、网站发布之前,首先要对网站进行测试,检查 网站的内容 、 超链接 等,保证网页信息的正常显示。2、站点的技术测试就是为了在发布站点之前及时地发现存在的技术问题,以完善站点的内容。技术测试主要包括:网页链接的检查和浏览环境的测试。3、发布站点,一般分为 申请空间 和 发布站点 两个步骤。4、一个网站是否具备生命力,关键还在于能否对这个网站进行有效的 维护和管理。