计算机基础之网页设计.
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2.html文件的生成：.htm,.html 3.html文件基本语法： <HTML> <HEAD> <TITLE>HTML编写举例</TITLE> </HEAD> <BODY> <P>欢迎使用HTML语言编写网页！</P> </BODY> </HTML>
2．FrontPage
FrontPage是由Microsoft公司推出的新一代Web网页制作工具。 FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具有 直观的网页制作和管理方法，简化了大量工作。
3．Dreamweaver
Dreamweaver是由Macromedia公司推出的一款在网页制作方面大 众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代 码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人 员的需要，同时也容易被业余网友们所掌握。
二、网页美化工具
1．Photoshop
Photoshop是由Adobe公司开发的图形处理软件，它 功能完善、性能稳定、使用方便，所以在几乎所有的广 告、出版、软件公司， Photoshop都是首选的平面制作 工具。
2．Fireworks
Fireworks 是由 Macromedia 公司开发的图形处理工 具，是第一套专门为制作网页图形而设计的软件，同时 也是专业的网页图形设计及制作的解决方案。
标题 字号 字型
(2) 图形
菜单按钮 背景图形 链接标志 交互功能
11.1.3 网页制作和美化工具
一、网页制作工具
1．超文本标识语言（HTML）
HTML（Hypertext Markup Language）是一种专门用于Web页制作 的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显 示文本，怎样生成与别的文本或图像的链接点。
（6）底色或墙纸必须与文字对比强烈，以易于阅 读。 （7）不要把图片白色当作透明，外，最好还是用 图片编辑工具将图片设为透明颜色。
2．为网页的添加动态效果
静态网页制作完成后，接下来的工作就是为网 页添加动态效果， 包括一些脚本语言程序和数据库程序的设计，以 及加入动画效果 等。
四、测试网页
当网页设计人员制作完所有网站页面之后，需要对所 设计的网 页进行审查和测试，测试内容包括功能性测试和完整性测 试两个方 面。
3．Flash
Flash 是美国 Macromedia 公司开发的矢量图形编辑和动画 创作的专业软件，是一种交互式动画设计工具，用它可 以将音乐、声效、动画以及富有新意的界面融合在一起， 以制作出高品质的网页动态效果。Flash广泛应用于网页 动画制作、教学动画演示、网上购物、在线游戏等的制 作中。
第十一章 网页制作初识
11.1 概述 11.2 超文本链接标识语言 11.3 frontpage应用 11.4 frontpage高级应用 11.5 网站发布与管理
11.1 概述
1 网页的基本要素
(1)文字
文字是网页发布信息所用的主要形式，由文 字制作出的网页占用空间小，但纯文字网页， 又会给人带来死板不活泼的感觉，所以，文 字性网页一定要注意编排，包括标题得字型 字号，内容的层次样式，是否需要变换颜色 进行点缀等等。
五、 网页上传发布
网页设计好，必须把它发布到互连网上，否则网站形 象仍然不能展现出去。发布的服务器可以是远程，也可 以是本地，但必须支持ASP ，因为动态程序是建立在 ASP 基础上的。
11.2 超文本链接语言
1.名词 网页:是WWW的基本文档，它是用HTML(Hypertext Markup Laguage即超文本标识语言）编写的。当 网页中包含正常文本和HTML语言标记时，浏览器 会“翻译”由这些HTML语言标记提供的网页结构、 外观和内容的信息，从而将网页按设计者的要求显 示出来，而不是显示一堆奇怪的标记。 超文本:Hypertext,是把一些信息根据需要连接起来的 信息管理技术，人们可以通过一个文本的链指针打 开另一个相关的文本。 首页或主页（HomePage）:进入网站首先看到的那一 页称首页。
主页
页面1
页面2
页面3
一级标题
页面4
页面5
页面6 层状结构
页面7
二级标题
② 线性结构
线性结构（如图 1.9 所示）类似于数据结构中的 线性表，用于组织本身的线性顺序形式存在的信息， 可以引导浏览者按部就班地浏览整个网站文件。这 种结构一般都用在意义是平行的页面上。 通常情况下，网站文件的结构是层状结构和线性 结构相结合的。这样可以充分利用两种结构各自的 特点，使网站文件既具有条理性、规范性，又可同 时满足设计者和浏览者的要求。
11.1.4 网页制作的基本步骤
一、准备工作 1．收集整理资料 2．准备素材 3．内容规划 二、整体规划
进行网站的整体规划也就是组织网站的内容和设计其结构。以确保文 件内容条理清楚、结构合理，这样不仅可以很好地体现设计者的意 图，也将使网站可维护性与可扩展性增强。
① 层状结构 层状结构类似于目录系统的树型结构，由网站文 件的主页开始，依次划分为一级标题、二级标题 等等，逐级细化，直至提供给浏览者具体信息。
主 页
页 面 1
页 面 2
页 面 3
线性结构
③ Web结构
Web结构（如图1.10所示）类似于Internet的组成结构，各网页 之间形成网状连接，允许用户随意浏览。
主页
页面1
页面2
页面3
一级标题
页面4
页面5
Hale Waihona Puke Baidu
页面6
页面7
页面8
二级标题
图1.10 Web结构
三、 网页设计与制作
1．静态网页的设计与制作 在开始制作网页之前，建议应用少量时间对自己要制作的 主页 进行总体设计，例如希望主页是怎样的风格，应该放一些什么 信息 ，其他网页如何设计，分几层来处理等等。 （1）应根据网站的访问者对象、要提供的信息以及制作目标得 出一个最适合的网页架构。 （2）每页排版不要太松散或用太大的字，尽量避免访问者浏览 网 页时要作大幅度的滚动，对于篇幅太长的一页可以使用内部链 接 解决。 （3）切勿以800×600以上的分辨率设计网页，常用的分辨率是 640×480 及 800×600 。现在国内的站点基本上都是 800×600 ， 但 是如果主要是面向国外访问者的站点，建议使用640×480。 （4）不应在每页中插入太多的广告。 （5）不要每页都采用不同的墙纸，采用相同的底色或墙纸还可 以增强网页一致性，以树立自己的风格。