Dreamweaver讲座(一).ppt

入门篇 参考书 中文Dreamweaver 网页设计精彩150例 学以致用Dreamweaver 网页制作 网站设计必学的66个实例 Dreamweaver+Flash+Fireworks+Photoshop网页综合设计实用大全 网上等 考 核 三 剑 客 网页的基本概念 网 页 与 网 站 网 站 的 分 类 网站的主题定位 网站的主题 网站的题材 网站基本结构 网站的分类树型结构 定位你的网站CI形象 定位你的网站CI形象（续） 定位你的网站CI形象（续） 定位你的网站CI形象（续） 定位你的网站CI形象（续） 定位你的网站CI形象（续） 定位你的网站CI形象（续） 定位你的网站CI形象（续） 定位你的网站CI形象（续） 定位你的网站CI形象（续） 网站制作步骤 　 网页制作的流程 　 首页制作 其他页面设计 给予网页一致性外观 网页发布 建立站点 页面加背景图片 应用图像作网页背景 设为首页 创建表格 网页布局（表格） 表格布局举例补充 表格布局补充 创建表单 创建和使用表单 框 架 布 局 框架之间的超链接 练 习 属性面板 选择站点窗口中的index.htm文件,单击右键,在快捷菜单中选择“设成首页” 表格是整个网页设计的核心 “插入” |“表格” 利用单元格的合并与拆分 ，创建不规则的表格。 单元格的不同填充色、边框线颜色分割区域。 设置单元格属性，单元格内对象的排版方式。 设置表格属性，整个表格的排版方式。 要用表格来布局网页，首先应决定表格在水平方向和垂直方向上所需的单元格数量，然后为需要跨越多行或多列的对象合并单元格。 大多数网页布局采用了带有不可见边框的表格。 表单是用于填写申请或提交信息的交互页面。 如电子邮箱、主页空间，QQ号码等的申请页面和登录页面。 “插入”|“表单” 表单能够向网页中添加文本框、 单选按钮、复选框、按钮等用 户界面控件。 每个网页可以包含一个或多个表单，每个表单占据网页中的一个特定区域。 表单中必须有一个元素作为 “提交”按钮。 单击“提交”按钮后，浏览器将数据传送给服务器，站点服务器需要某种程序读取这些数据并进行处理。程序可能将数据保存在文件或数据库中，也可作为电子邮件发出等等。 申请免费留言本/guestbook/register.asp 网站 新闻 体育 … 计算机 国内新闻 国际新闻 体育新闻 篮球 足球 网球 硬件 软件 网站的名称 网站的名称很重要，它在很大程度上也决定了整个网站的定位。网站的名称要有概括性、简短、有特色、容易记，还要符合自己网站的主题和风格。 例如：闪客帝国、清风文苑、小魔女道具屋等 所谓CI，是借用的广告术语。(CI是英文Corporate Identity的缩写)，意思是通过视觉来统一企业的形象 。 现实生活中的CI策划比比皆是，杰出的例子如：可口可乐公司，全球统一的标志，色彩和产品包装，给我们的印象极为深刻。更多的例子如SONY,三菱，麦当劳等等。 一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的CI设计，对网站的宣传推广有事半功倍的效果。在网站主题和名称定下来之后，需要思考的就是网站的CI形象。 1.设计网站的标志(logo) 首先需要设计制作一个网站的标志(logo)。就如同商标一样，logo是站点特色和内涵的集中体现，是网站文化的浓缩，看见logo就让大家联想起你的网站。 制作logo应注意以下两点： 通常logo都位于网页的左上角 Logo可以是动态的，但动态效果不宜太强，不是 所有网站都适合动态logo 标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。比如：新浪用字母sina+眼睛作为标志。标志的设计创意来自你网站的名称和内容。 介绍几种设计logo的方法： (1) 网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠。 (2)网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。(3)最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。 2.设计网站的标准色彩网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。 根据和谐、均衡和重点突出的原则，即总体协调，局部对比。才能将不同的色彩进行组合、搭配来构成美丽的网页 注意