信息集成之网页制作.pptVIP

信息集成 网页制作 信息集成的定义 信息集成，即为了表达某种主题，将收集来的各种媒体素材通过一定的方法，有计划、有目的地组织起来。 信息集成的一般过程 第一阶段：选题立意 确定要表达的主题，设计一个贴切而有特色的名字。 第二阶段：设计规划 总体设计（准备从哪些方面说明主题） 详细设计：从微观上勾画出每个版面的布局，展示详细的内容。 常见的页面布局样式 素材：图片、文字、动画、视频、声音 第三阶段：开发制作 常见的信息集成工具 基于页面的工具——网页制作 基本概念 网站： HTML语言是万维网上的通用语言，所有的网页几乎都是用HTML语言描述、编辑和传递的。 HTML文档本身是文本格式的文件，所以HTML代码可以由任何一种文本编辑软件，如写字板、记事本进行编辑。 编辑完成后进行保存，把文件的扩展名改为.htm或.html 网页制作工具 所见即所得型编辑软件： Frontpage Dreamweaver 一个简单的网页代码说明 html head title欢迎您/title /head body 我的2013 /body /html 网站制作流程： 1、建站点（确定网页的保存位置） 2、完成首页面 3、完成其它页面 4、链接各页面 5、发布运行 树立网站的整体风格 网站标志 标准色彩 标准字体 网页默认字体是宋体 特别的字体，最好采用图片格式 做网页的流程和注意事项（总结） 涉及的操作 插入图片、动画（gif动画、swf动画）、背景音乐、设置背景（网页背景、单元格背景、表格背景） 字幕（相关属性的设置） 表单（6个表单域） 补充：框架（作用：将浏览器窗口分成几个独立的子窗口） 保存 图片最好能保存到images文件夹中 超链接（链接源与链接目标） 不同页面之间的链接 同一页面之间的链接 （书签、返回页首或页的上部） 链接WEB站点 链接到E-mail 补充（ “热区”链接）图像映射 第四阶段：评估测试 展示网站的最好方法是将它发布 上传 frontpage本身有上传、发布的功能 利用上传工具，如CuteFTP 发布(IIS设置) 常见的页面布局样式 “厂”字型 常见的页面布局样式 “口”字型 常见的页面布局样式 自由式 * * 选择的主题：机器人 名字：机器人做学玩 核危机、飞行器、绿色家园、克隆技术、智能家居等 当前的热点主题 编程爱好者、球星动态、免费软件园、所喜爱的某一项运动、喜爱的旅游景点、音乐乐园等 感兴趣的主题 校园、家庭、班主任、亲戚朋友 熟悉的主题 主题 类别 版权信息 内容显示 栏目 logo 素材的取舍有度、选择有方 紧扣主题；素材的筛选，有必要时进行加工处理；素材有个性化 基于页面的工具 基于时间的工具 基于图标的工具 标题栏 图标栏 设计窗口 工具栏 菜单栏 主流程线 你的准备工作： 认识概念 工具选择 了解制作流程 设计规划你的网站 文件 文件夹（存放文件 如images） 网页文件(.htm .html) 资源文件(图像、音频等) 数据库和程序文件 构成网站的基本元素： 主页： 具有相似性质，共同主题的一组信息资源。 访问某个网站时出现的第一个页面。主页名默认为“index.htm” “default.htm” 网页文件： 用HTML语言写的文件 试一试：用记事本编写一个简单网页 源代码型编辑工具：Hotdog cdida等 1、成对出现的标签，以“”括起的字符串。 2、title：网页标题，内容显示在标题栏。 3、body：网页显示的主体部分，网页内容的显示区。 优点：页面结构清晰、主次分明 缺点：呆板，要注意色彩细节上的搭配 优点：版面利用充分，信息量大 缺点：页面信息量大会略显拥挤 *