dreamweaver讲义(改).ppt

网页讲义 ----itf内部讲义 三剑客简介 Macromedia公司开发研制 DreamWeaver 8.0 Flash 8.0 Fireworks 8.0 因为Adobe公司收购Macromedia公司，在此三剑客的基础上加之Photoshop软件，有网页四剑客之称。 Dreamweaver简介 Macromedia Dreamweaver 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论是直接编写 HTML 代码，还是在可视化编辑环境中工作，Dreamweaver 都会提供帮助良多的工具，是当前市面使用较多的一款网页排版软件 学习网页应具备： 创意 色彩搭配 合理的布局 模仿 制作网页应掌握的软件 三剑客 Photoshop 其它的网页制作软件 网页特效软件 DreamWeaver安装及版本 网站与网页的概念 网站：即站点，指存放所有网页文件的文件夹。 网页：该站点中的一张页 首页与主页的概念 首页：在IE地址栏中输入网址后看到的第一张页。 主页：显示网页主要内容的一张页 在大多数情况下，首页与主页为同一张页。 DreamWeaver的启动 1、桌面上双击图标 2、开始程序 软件界面的介绍 标题栏 菜单栏 工具栏 工作区 属性面板 其它面板 站点的建立 站点---新建站点，输入信息 注：在制作网站时，首先建立站点是非常必要的 网页的建立 文件新建 页的保存 文件---保存 静态网页的扩展名一般为.htm或.html,网站首页命名为index.htm或index.html 在给文件起名时，尽量使用英文或拼音，如使用汉字，则会造成在IE中无法正确显示 在站点中应合理建立文件夹，以便存放图片或子页 站点的导出及重新建立 网页的预览 F12 文字的输入及设置 软回车br 硬回车p 空格 页面尺寸 1. 按照800px×600px的显示器，页面的宽度应为750px－780px之间。2. 按照1024px×768px的显示器，页面的宽度应为900px－1000px之间。 3. 从人性化的角度来讲，网页的长度原则上不超过三屏，宽度不超过一屏。4. 现在主流的显示器已经变成了1024px×768px，但是由于一方面网站的历史继承性；另外一方面如果按照1024px×768px来做网页，在800px×600px的显示器上网页的横向上就不能完全显示。如果按照800px×600px来做，在1024px×768px的显示器上则不存在此问题，如网易的主页，当我们使用1024px×768px的显示器来看时，页面的两边是留空的，用来放部分活动广告。所以目前大部分的网站还是选择按照800px×600px来制作网页。 如网易的主页面尺寸宽度为752px，搜狐主页面的宽度为760px，新浪的主页面宽度为760px 用表格来布局网页 表格的设置 网页背景的设置 图片的插入 图片尺寸的修改 图片的链接 图片的制作（背景图像、圆角矩形） 图片的格式（GIF、JPEG、PNG） 网页制作常识 页面大小 一个页面制作的成功与否，一方面是看其设计的好坏，另一方面就是看它打开的时间。毕竟目前我们国内宽带用户的网速还不是很快，作为一个浏览者，由于可供选择的网站非常的多，所以当我们打开一个页面时如果速度非常的漫，我们很有可能会选择关闭这个页面。如果别人看不到你的页面，即使设计的再好也没有任何意义。决定我们网页打开的速度有三方面的因素。一是我们盛放网站的服务器的运行速度，二是宽带用户也就是浏览者的网速，三是我们网站当中页面的大小。作为网站的设计制作者，我们直接控制的就是第三条页面的大小。而整个页面文件包括htm文件、图片、flash文件、声音视频、文本等，所以我们根据各方面的因素对页面大小作出如下规定：1. 页面大小原则上不超过100K。 2. 要求页面尽量小，巧妙的使用背景图片，可以有效的减小页面的体积。 字体大小的规定方法1. 在样式中用px/pt来规定网页中文字的大小，可以避免字体大小随浏览器设置的不同而改变。2. 普通网页中文字的大小是12px/9pt。 图片格式 使用gif或者jpg格式的图片“模式为RGB”，图片的分辨率设置成为72象素每英寸，图像尺寸最好设置的小一些，如700px×500px。 网站的结构 1. 层次结构 ：可以使浏览者较好的了解网站以及网站内容的结构。 2. 线性结构 ：具有视觉和内容的导向性，可以设定浏览者浏览网页的顺序，以达到较好的传达效果。 3. 网状结构 ：方便浏览者浏览网站，找到自己要找的内容。 多数情况下，网站的结构划分的并没有这么严格，而是根据几种结构不同特点相结合使用的。 1、网站主页的名称是什么？ 2、按照1024×768