(Dreamweaver网页设计实例.pptVIP

建立本地站点 1.设计目标 建立一个本地站点，定义站点名称、站点使用的本地根文件夹及默认的图像文件夹，为以后的页面制作和管理打好基础。本实例定义站点名称为ample，使用的本地根文件夹为D:\我的文档\sample, 默认的图像文件夹为D:\我的文档\sample\image。 2.制作步骤 在Dreamweaver窗口中，执行站点——新建站点命令，打开一个对话框，选“高级”选项卡，输入上述内容。 在本地站点sample下，新建一个空白网页，文件名设为index.html,按回车键，并单击右键将index.html执行“设成首页”命令。 制作网页 1.设计目标 制作一个浅黄色背景的网页，在页面上通过添加文字和水平线，展示一个旅游文化地区的宣传内容，并且在页面的右下方显示出感谢信息和当前的日期。 2.制作步骤 （1）设置页面属性 在工具栏的“标题”文本框中输入网页标题，如“汴京旅游”，打开窗口底部的“页面属性”对话框，设置网页背景色为浅黄色“#FFFFCC”。 （2）制作网页主体内容 1)输入页面的标题。“欢迎进入七朝古都汴京”，选中文本，在属性窗口上选字体为“华文行楷”，字号为36，字体颜色为“红色”，对齐方式为“居中对齐”。 2)插入水平线。执行插入——HTML ——水平线命令，在属性窗口上将水平线的宽度设置为500像素，高度设置为1像素，去掉阴影。 3)制作导航内容。将输入法切换到全角中文的状态下，输入“新闻　名胜　美食　特产　住宿　出行　娱乐”，并按空格键调整与水平线的相对位置，将字体设置为 “宋体”，字号为12、单位为点数，字体颜色为“#6633FF”，格式为“无”。 　 4)插入感谢信息和日期。连续按回车键，将光标移当前屏幕的底部，在属性窗口上选择“右对齐”，输入“谢谢您，今天是”，然后执行插入——日期 命令，在对话框中选择一种日期格式，如希望日期随系统时间更新，可选“存储时自动更新”。 5)插入图像。提前在image文件下准备好图片素材，在插入工具栏的“常用”分类中单击“图像”按钮 或执行插入——图像命令，然后在属性窗口上将图像的尺寸宽和高设小一点如300×200。 6）插入Flash动画。提前在站点sample下复制一个Flash影片文件，执行插入——媒体——Flash命令。 7）设置超链接。首先新建几个网页如：xinwen.html mingsheng.html等。返回主页index.html，先在属性窗口上按“页面属性”按钮，设置链接颜色和已访问链接颜色及下划线样式。然后选中文本“新闻”，单击“浏览”文件夹 ，在出现的“选择文件”对话框中，选择要链接的文件即可。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 提问：抽选学员在白板上画出HTML页面效果图。