计算机应用技术篇.ppt

四川大学 计算机基础与应用 网页制作 计算机应用技术篇 网页制作软件DreamweaverMX 四川大学 计算机基础与应用 网页制作 第一讲 网站与网页的基本知识 四川大学 计算机基础与应用 网页制作 网络就是计算机 sun公司的标志性口号 电脑就是操作手册 四川大学 计算机基础与应用 网页制作 基本术语 网页 WebPage 由文字 图片 动画 超链接等组成的 通常以html或htm作为文件的扩展名 可以在www网上传输 并被浏览器认识和翻译成页面显示出来的文件 网站 WebSite 网站就是网页的集合 其中包括一个首页 HomePage 和若干个网页 网站设计者先把整个网站结构规划好 然后再分别制作各个网页 首页 HomePage 网站的第1个网页 四川大学 计算机基础与应用 网页制作 URL Uniformresourcelocator 统一资源定位器 就是web地址 俗称 网址 Html HypertextMarkupLanguage 超文本标记语言是制作网页的一种标准语言 以代码的方式来进行网页的设计 需要通过浏览器解释执行 由于它编写制作非常简单 在Internet领域中被广泛应用 成为WWW的核心技术之一 HTTP 超文本传输协议 它是一种常用的网络通讯协议 若想链接到某一特定的网页时 就必须通过HTTP协议 FTP 文件传输协议 与HTTP协议相同 它也是URL地址使用的一种协议名称 以指定传输某一种互联网资源 HTTP协议用于链接到某一网页 而FTP协议则是用于上传或是下载文件的情况 四川大学 计算机基础与应用 网页制作 分类一类 用HTML直接编写网页 缺点是不直观 另一类 Dreamweaver Frontpage等网页制作软件 不需要了解HTML 就可直接对页面进行编辑排版 称为 所见即所得 软件 Dreamweaver系Macromedia公司开发的 集网页制作和网站管理的 所见即所得的网页制作工具 网页制作工具简介 四川大学 计算机基础与应用 网页制作 Dreamweaver与FrontPage比较 有以下几点优势 1 产生的垃圾代码少 网页可读性好 可以提高网页浏览速度 2 通过层功能 可以快速制作出复杂的页面 图片定位更容易 3 可基本解决IE与Netscape的兼容性 4 设计思路广 内涵丰富 创作随意性强 可充分展现你的创意 四川大学 计算机基础与应用 网页制作 网页美化工具 为了使制作的网页更为美观 用户在利用网页制作工具制作网页时 还需利用网页美化工具对网页进行美化 1 PhotoshopPhotoshop是由Adobe公司开发的图形处理软件 它是目前公认的PC机上最好的通用平面美术设计软件 它功能完善 性能稳定 使用方便 所以在几乎所有的广告 出版 软件公司 Photoshop都是首选的平面制作工具 四川大学 计算机基础与应用 网页制作 2 FireworksFireworks是由Macromedia公司开发的图形处理工具 它是专门为制作网页图形而设计的软件 3 FlashFlash是美国Macromedia公司开发的矢量图形编辑和动画创作的专业软件 它是一种交互式动画设计工具 用它可以将音乐 声效 动画以及富有新意的界面融合在一起 以制作出高品质的网页动态效果 它主要应用于网页设计和多媒体创作等领域 功能十分强大和独特 已成为交互式矢量动画的标准 在网上非常流行 Flash广泛应用于网页动画制作 教学动画演示 网上购物 在线游戏等的制作中 四川大学 计算机基础与应用 网页制作 网页制作的基本步骤 选定主题搜集资料网站的整体规划和设计网页制作修改测试上传维护 四川大学 计算机基础与应用 网页制作 主题和名称的确定主题要小而精 定位要小 内容要精 题材最好是你自己擅长或者喜爱的内容 题材不要太滥或者目标太高 定位你的网站CI形象网站标志logo设计网站的标准色彩一般来说 一个网站的标准色彩不超过3种 太多则让人眼花缭乱 一般来说 适合于网页标准色的颜色有 蓝色 黄 橙色 黑 灰 白色三大系列色 设计网站的标准字体 设计网站的宣传标语 四川大学 计算机基础与应用 网页制作 确定栏目和版块 一定记住要紧扣你的主题设定一个可以双向交流的栏目确定网站的目录结构和链接结构不要将所有文件都存放在根目录下 按栏目内容建立子目录 每个主目录下都建立独立的images目录 目录的层次不要太深 四川大学 计算机基础与应用 网页制作 其它需要注意的还有 1 不要使用中文目录 网络无国界 使用中文目录可能对网址的正确显示造成困难 2 不要使用过长的目录 尽管服务器支持长文件名 但是太长的目录名不便于记忆 3 尽量使用意义明确的目录 4 网站的首页应该提供整个站点各页面的导航 5 二级页面应一一对应首页的各栏目 而且应该包含到6 同级页面 下一级页面和首页的链接 7 网站中还应有一定的交互信息 如留言簿 Email链接 信息反馈表 四川大学 计算机基础与应用 网页制作 树状结构树状结构类似于目录系统的树型结构 由网站文件的主页开始 依次划分为一级标题 二级标题等等 逐级细化 直至提供给浏览者具体信息 四川大学 计算机基础与应用 网页制作 线性结构线性结构类似于数据结构中的线性表 用于组织本身的线性顺序形式存在的信息 可以引导浏览者按部就班地浏览整个网站文件 这种结构一般都用在意义是平行的页面上 通常情况下 网站文件的结构是层状结构和线性结构相结合的 这样可以充分利用两种结构各自的特点 使网站文件既具有条理性 规范性 又可同时满足设计者和浏览者的要求 四川大学 计算机基础与应用 网页制作 Web结构Web结构 如图1 10所示