计算机应用技术篇

1、四川大学计算机基础与应用网页制作,计算机应用技术篇,网页制作软件Dreamweaver MX,四川大学计算机基础与应用网页制作,第一讲,网站与网页的基本知识,四川大学计算机基础与应用网页制作,“网络就是计算机”sun公司的标志性口号 “电脑就是操作手册”,四川大学计算机基础与应用网页制作,基本术语,网页(WebPage)：由文字、图片、动画、超链接等组成的，通常以html或htm作为文件的扩展名,可以在www网上传输，并被浏览器认识和翻译成页面显示出来的文件。 网站(WebSite)：网站就是网页的集合，其中包括一个首页（HomePage)和若干个网页。网站设计者先把整个网站结构规划好，然后再分别制作各个网页。 首页(Home Page)：网站的第1个网页。,四川大学计算机基础与应用网页制作,URL(Uniform resource locator)：统一资源定位器，就是web地址，俗称“网址” Html(Hypertext Markup Language )：超文本标记语言是制作网页的一种标准语言，以代码的方式来进行网页的设计，需要通过浏览器解释执行。由于它编写制作非常简单，在Int

2、ernet领域中被广泛应用，成为WWW的核心技术之一。 HTTP：超文本传输协议，它是一种常用的网络通讯协议。若想链接到某一特定的网页时，就必须通过HTTP协议。FTP：文件传输协议。与HTTP协议相同，它也是URL地址使用的一种协议名称，以指定传输某一种互联网资源。 HTTP协议用于链接到某一网页，而FTP协议则是用于上传或是下载文件的情况。,四川大学计算机基础与应用网页制作,分类 一类：用HTML直接编写网页，缺点是不直观。 另一类：Dreamweaver 、 Frontpage等网页制作软件，不需要了解HTML，就可直接对页面进行编辑排版，称为“所见即所得”软件。 Dreamweaver系Macromedia公司开发的，集网页制作和网站管理的，所见即所得的网页制作工具。,网页制作工具简介,四川大学计算机基础与应用网页制作,Dreamweaver与FrontPage比较，有以下几点优势： 1. 产生的垃圾代码少，网页可读性好，可以提高网页浏览速度； 2. 通过层功能，可以快速制作出复杂的页面，图片定位更容易； 3. 可基本解决IE与Netscape的兼容性； 4. 设计思路广，内涵

3、丰富，创作随意性强，可充分展现你的创意。,四川大学计算机基础与应用网页制作,网页美化工具,为了使制作的网页更为美观，用户在利用网页制作工具制作网页时，还需利用网页美化工具对网页进行美化。 1PhotoshopPhotoshop是由Adobe公司开发的图形处理软件，它是目前公认的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、 使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面制作工具。,四川大学计算机基础与应用网页制作,2FireworksFireworks是由Macromedia公司开发的图形处理工具，它是专门为制作网页图形而设计的软件。 3FlashFlash是美国Macromedia公司开发的矢量图形编辑和动画创作的专业软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。它主要应用于网页设计和多媒体创作等领域，功能十分强大和独特，已成为交互式矢量动画的标准，在网上非常流行。Flash广泛应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作中。,四川大学计算机基础与应

4、用网页制作,网页制作的基本步骤,选定主题 搜集资料 网站的整体规划和设计 网页制作 修改 测试 上传 维护,四川大学计算机基础与应用网页制作,主题和名称的确定 主题要小而精。定位要小，内容要精。 题材最好是你自己擅长或者喜爱的内容。 题材不要太滥或者目标太高。定位你的网站CI形象 网站标志logo 设计网站的标准色彩 一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。 一般来说，适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。 设计网站的标准字体。 设计网站的宣传标语。,四川大学计算机基础与应用网页制作,确定栏目和版块； 一定记住要紧扣你的主题 设定一个可以双向交流的栏目 确定网站的目录结构和链接结构 不要将所有文件都存放在根目录下。 按栏目内容建立子目录。 每个主目录下都建立独立的images目录。 目录的层次不要太深。,四川大学计算机基础与应用网页制作,其它需要注意的还有： 1.不要使用中文目录；网络无国界，使用中文目录可能对网址的正确显示造成困难。 2.不要使用过长的目录；尽管服务器支持长文件名，但是太长的目录名不便于记忆。 3.尽量使用意义明确的目录

5、；4.网站的首页应该提供整个站点各页面的导航。 5.二级页面应一一对应首页的各栏目，而且应该包含到 6.同级页面、下一级页面和首页的链接。 7.网站中还应有一定的交互信息，如留言簿、Email链接、信息反馈表。,四川大学计算机基础与应用网页制作, 树状结构树状结构类似于目录系统的树型结构，由网站文件的主页开始，依次划分为一级标题、二级标题等等，逐级细化，直至提供给浏览者具体信息。,四川大学计算机基础与应用网页制作, 线性结构线性结构类似于数据结构中的线性表，用于组织本身的线性顺序形式存在的信息，可以引导浏览者按部就班地 浏览整个网站文件。这种结构一般都用在意义是平行的页面上。通常情况下，网站文件的结构是层状结构和线性结构相结合的 。这样可以充分利用两种结构各自的特点，使网站文件既具有条理 性、规范性，又可同时满足设计者和浏览者的要求。,四川大学计算机基础与应用网页制作, Web结构Web结构（如图1.10所示）类似于Internet的组成结构，各网页之间形成网状连接，允许用户随意浏览。,主 页,页面1,页面2,页面3,页面4,页面5,页面7,页面8,一级标题,二级标题,Web结构,页面6,四川大学计算机基础与应用网页制作,网页制作的优秀网站,建站资源网：http:/ 织梦乱弹：http:/ 中国教程网 http:/

《计算机应用技术篇》由会员xzh****18分享，可在线阅读，更多相关《计算机应用技术篇》请在金锄头文库上搜索。