第1章 网页制作基础知识选修课.pptVIP

Internet基本服务功能 Internet基本服务功能 Dreamweaver * * 常用工具 Fireworks MX Firework MX是Macromedia公司的产品，是目前最流行的网页图像制作软件。Fireworks还可以安装使用所有的Photoshop滤镜，并且可以直接导入PSD格式图像。更方便的是它不仅结合了Photoshop位图功能以及CorelDRAW矢量图的功能，而且提供了大量的网页图像模板供用户使用。 Flash MX Flash MX也是Macromedia公司的产品，是目前最流行的矢量动画制作软件。Flash MX只有用少量矢量数据就可以描述一个复杂的对象，而占有的存储空间只是位图的几千分之一，非常适合在网络上使用。 常用工具 zend studio 用于开发php的集成环境 Eclipse 开源开发环境，可用于开发jsp等 * * 1.5 网站建设流程 1.5.1 网站规划 1.5.2 网站设计 1.5.3 网页制作 1.5.4 网站发布 1.5.5 网站维护 1.5.6 网站推广 * 图1.3 网站开发工作流程 网站开发工作流程 * 1.5.1 网站规划 规划站点就是对站点中所使用的素材和资料，以及网站中栏目的设置、颜色的搭配、版面的设计、文字图片的运用等进行规划。在网站建设开始时对站点进行详细规划和组织会大大方便以后的工作。网站规划通常包括以下内容： 确定目标 用户分析与需求分析 确定网站风格 考虑技术因素（包括网页下载速度、浏览器、分辨率等） 主题 主题要小而精 题材最好是擅长或者喜爱的内容 题材不要太滥或者目标太高 名称 正、易记、具有特色。 确定网站主题和名称 * 简历 考研 英语 读书 论文 日记 校内 贴吧 养生 健身 旅游 户外 影视 音乐 服饰 美食 娱乐 游戏 搜索 淘宝 数码 图片 明星 汽车 网站选题参考 栏目和版块 一定要紧扣主题 设定一个最近更新或网站指南栏目 设定一个可以双向交流的栏目 设定一个FAQ（常见问题解答）栏目 确定网站栏目和版块 Window NT 格式：扩展名应为3个字符（htm）； UNIX格式：扩展名为4个字符（html）； 不要用特殊字符命名：斜线（/）、减号（-）、反斜线（\）、加号（+）、冒号（：），英文句号； 不要用数字开头； 不要用中文命名； 英文名称要用小写，不要大写或大小写混合； 站点首页名称一般情况下要用index。 确定网页文件命名规则 当表格用于网页排版时，表格的宽度一般设为100%、780px、1004px。 无论表格用于排版或是显示表格式数据，建议其边框粗细均设为0px;其单元格边距及间距均为0px。 页面长度原则上不超过３屏，宽度不超过１屏。每个标准页面为A4幅面大小，即8.5*11英寸。 全尺寸banner为468*60px,半尺寸为234*60px,logo为88*31px。另外120*90,120*60也是小图标的标准尺寸。每个非首页静态页面含图片字节不超过60KB,全尺寸banner不超过14KB. 确定网站建设尺寸规划 * 资料搜集、整理素材 确定网站主题，包括基本风格后，就要开始搜集素材。常言道：“巧妇难为无米之炊”，要让自己的网站有声有色、能吸引人，就需要尽量搜集素材，包括文字、图片、音频、动画及视频等。 * 1.5.2 网站设计 网站规划好之后，就进入了设计阶段。利用规划阶段搜集的信息，在设计阶段需要对内容、导航系统等进行具体的设计。 设计网站的内容结构 设计页面的布局 设计首页 设计导航系统 网页中的颜色 文字、图像、动画以及多媒体的使用 * 设计网站的内容结构 网站的内容结构是指通过什么样的逻辑方式将网站中的内容组织起来。实际上，由于网站主题的千差万别，内容组织的形式也有很多种类，关键的原则就是要符合普通人的思维习惯。 较好的做法是在 Internet 上查看与自己网站类似的网站，看其他人是如何对内容进行分类的，然后选择并设计一种适当的方式。 标题栏 子栏目 名称 主要内容 内容提示 附加信息 在对网页插入各种对象、修饰效果前，要先确定网站的总体风格和布局。网页版面布局可按创意草案、粗略布局、最后定案 三个步骤来进行。 设计页面的布局 * 常见网站布局 常见的网页布局有“同”字型、“厂”字型、标题正文型、分栏型、封面型和Flash型等。 * 同字形网页 * 同字形网页 * 1.2.2 什么是网站 通过超链接连接起来的一系列逻辑上可以视为一个整体的一些网页就叫做网站。或者说，网站就是一个链接的页面集合，通常为了完成某个特定目标。 网站 一个站点拥有大量的信息和数据，需要通过多个页面依照信息属性分类显示