第五讲 DREAMWEAVER基础.ppt

第五讲 DREAMWEAVER基础 网页及网页中的元素 HTML基础 浏览器浏览网页的过程 规划站点的目录 定义新站点 创建目录和空白页面 《网页开发工具》第五讲 DREAMWEAVER基础 在基于浏览的开发方案中，MICROSOFT的IIS（INTERNET信息服务）起到客户端与服务器端的连接作用。 WINDOWS 2000/XP系统安装完毕不会自动安装IIS，需要通过“控制面板”|“添加和删除程序”，在列表中选择“添加WINDOWS组件”来进行安装。 另外，家庭版的的XP系统没有安装该组件的功能，只有在专业版和企业版的XP中才能进行。 《网页开发工具》第五讲 DREAMWEAVER基础 5.4.4 关于IIS（INTERNET信息服务） 页面操作是最基本的操作，编辑一个页面一定要注意保存。 （1）选择“文件”|“新建”命令，在打开的对话框中选择“创建”按钮即可创建一个新页面。 （2）选择“文件”|“打开”命令，在对话框中选择要打开的文件，可以对已有页面进行编辑。 （3）选择“文件”|“保存”命令或单击工具栏中的“保存”按钮，可对页面进行保存；选择“另存为”命令则可将页面保存为一个新的页面。 《网页开发工具》第五讲 DREAMWEAVER基础 5.5 页面操作 5.5.1 创建\保存页面操作 用户在调试页面时可以对页面进行预览，观察最终效果。只要选择“文件”|“在浏览器中预览”命令即可。 用户也可以在计算机上安装不同的浏览器，通过“首选参数”|“添加浏览器”将新建浏览器添加到浏览器列表，则可以在预览时选择不同浏览器进行预览。 按下F12可快速进行预览。 《网页开发工具》第五讲 DREAMWEAVER基础 5.5.2 对页面进行预览 《网页开发工具》第五讲 DREAMWEAVER基础 5.5.3 设置页面属性 一个页面的属性在页面建立后可以修改。选择“修改”|“页面属性”命令，打开“页面属性”对话框，可以对页面的字体、文本颜色、背景颜色、背景图像等等属性进行设置，修改后的属性将及时放映在页面中。 网页元素种类繁多，基本的元素有文本、图像，这些都可以通过菜单命令或插入面板来实现。 插入面板的显示方式通过单击临近菜单栏左侧的“常用”按钮，在弹出的菜单中选择“显示为制表符”命令来进行改变。制表符式的插入面板如图所示， 《网页开发工具》第五讲 DREAMWEAVER基础 5.6 插入网页元素 将光标定位在工作区内，就可以输入文本。输入的文本可以通过工作区下方的“文本属性”面板进行设置。 格式的设置； 字体设置； 大小设置； 颜色设置； 对齐方式设置。 《网页开发工具》第五讲 DREAMWEAVER基础 5.6.1 插入文本 《网页开发工具》第五讲 DREAMWEAVER基础 5.6.2 插入水平线和特殊字符 1、水平线 水平线可以分离页面中两块不同内容，使得页面整齐。单击插入面板中HTML选项卡，再单击“水平线”按钮，可以在编辑的页面中插入水平线。 插入水平线后，可以通过属性面板对水平线的宽、高、对齐、阴影等进行设置。 2、特殊字符 单击插入面板的“文本”选项卡，可以选择你喜欢的特殊字符。单击最右边的按钮，还可以插入更多的特殊字符。 1）网页中的颜色 在网页中是以RGB方式来表示颜色的。0表示最弱，255表示最强。例如纯红色表示为（红100%，绿0%，蓝0%），即（255，0，0），用十五进制就是FF0000；同样黑色表示为（255，255，255）即FFFFFF。 除此之外，还有网页安全色。因为浏览器的缘故，网页被浏览器浏览后，只有215种颜色能正常显示，而有的颜色在显示时就可能发生偏差，所以将能被浏览器正常显示的215种颜色称为网页安全色。随着浏览器性能的提高，网页安全色的范围也会越来越广。 《网页开发工具》第五讲 DREAMWEAVER基础 5.6.3 插入图像 《网页开发工具》第五讲 DREAMWEAVER基础 2）网页中的图像格式 在网页中常用的图像格式有GIF、JPEG和PNG。前两种格式的图像生成的文件体积小，在网页上使用较多，其中GIF还能做成动画，而PNG格式只在专门针对PNG格式图像浏览器的网页中使用。 GIF图像最多使用255种颜色，当表达渐变色彩时，颜色过度会不够平滑，比较适合纯色的插图，但它可以将多幅图像结合在一个GIF文件中，通过顺序下载显示实现动画的效果。JPEG图像（扩展名为.jpg）最多可以支持15.8M颜色，占用的空间大，比较适