网页制作及网站建设.ppt

* 主 页 页面1 页面2 页面3 页面4 页面5 页面7 页面8 一级标题 二级标题 页面6 如： * * 如： 主 页 个人简历 我的相册 作品展示 家 庭 相 册 心情随笔 个 人 相 册 网 站 作 品 平面 作 品 涂鸦 作 品 * 1.3.3 网站设计的基本流程 3、页面设计 根据事先规划的结构，利用平面图片的形式设计你想要的最终效果。 * 4、网页测试 5、网页上传 6、网站推广与维护 * 1.4.1 Web站点主页的基本成分? 页面标题（说明网站的性质与内容） 网站标识 LOGO都是被精心设计的, Logo 的作用很多，最重要的就是表达网站的理念、便于人们识别，广泛用于站点的连接、宣传等。一个绝妙的Logo不但会使首页蓦然生辉，而且会成为整个网站的形象大使。 页眉（用来放置最希望浏览者看到的内容） 导航栏（栏目索引） 内容 页脚（联系方式、版权信息等） * d 站标 导航栏 标题 * d 页脚信息区 * 一个典型的HTML文本的基本结构形式如下： html　 　　　head 　　　　title网页标题/ title 　　　/head　 　　　 　　　body 　　　　网页的主要内容 　　　/body 　　/html 结束标记 开始标记 文件头 文件主体 * HTML标签，（HTML Tag）都是由一对“”括起来的，成对出现。 标记名 /标记名表示标记的开始和结束，例如(html/html) HTML语言正是通过这些标签来设置网页的结构、网页元素的位置和类别，网页元素的显示效果等。 * 标记符属性 属性是用来描述对象特征的特性。例如，一个人的身高、体重就是人这个对象的属性。 在HTML中，所有的属性都放置在开始标记符里，多个属性之间用空格分开。 如：body bgcolor=“blue“ text=“white” * 关于颜色 颜色值是一个关键字或一个RGB格式的数字。 aqua，black， blue，fuchsia, gray，green， lime，maroon，navy，olive， purple，red，silver，teal，white，yellow * 在 HTML 中对于颜色的定义可以用6位十六进制数。 电脑屏幕的色彩是由rgb（红、绿、蓝）三种色光所合成的，通过调整这三个基色就可以调配出其它的颜色。 每2位数代表一种颜色的浓度，三种颜色的顺序为红、绿、蓝，00代表颜色浓度最小，FF代表颜色浓度最大。 #000000代表纯黑、#FFFFFF代表纯白、 * d 图中所示是部分颜色的RGB代码: 例：为页面设置背景色： body bgcolor=“#FFFF33” * 2. 网页编辑器 用FrontPage或者Dreamweaver工具 FrontPage和Dreamweaver是最著名的网页编辑工具。FrontPage是微软的Office中的一件组件，是入门时很容易掌握的工具。 * 2. 网页编辑器 Dreamweaver是Macromedia公司出品的网页三剑客其中的一个软件，是专业网页制作软件。 * Dreamweaver * 美化网页的基本工具 Photoshop Photoshop是由Adobe公司开发的图形处理软件，它是目前公认的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面制作工具。 * Fireworks Fireworks是由Macromedia公司开发的图形处理工具。 第一套专门为制作网页图形而设计的软件，同时也是专业的网页图形设计及制作的解决方案。 * Flash Flash是美国Macromedia公司开发 Flash 是交互式矢量图和 Web 动画的标准。使用 Flash 可创作出既漂亮又可改变尺寸的导航界面以及其它奇特的效果。它易学、易用，可以做出有很多动画的网站。 * * 1.2.4 网页的基本构成元素 ? 一个构思奇妙、制作精美的网页会使整个网站形象地位得到提高。网页制作是一个可简单、可复杂的过程。制作一个优秀的网页不仅需要有艺术的修养，懂得必要的网络语言，还要对图形图像、音频、视频制作，传输技术等有很深刻的理解。 * 设计页面时经常使用的一些元素： 文字 图形 菜单按钮、链接、表单、数据交换... 背景 表格 颜色 多媒体元素 页面布局 * 1.文字（标题、字号、字型...） 文字是网页发布信息所用的主要形式。在网页中可以通过字体、颜色、底纹、边框等来设置文本的属性。 * 1.文字（标题、字号、字型...） 在网页制作中，文字都可以很方便地设置成各种字体和大小，文字不要太大，也不要