《网页制作课程设计报告样本》由会员分享，可在线阅读，更多相关《网页制作课程设计报告样本（7页珍藏版）》请在金锄头文库上搜索。
1、学号：3123420国姓名：赵佐权/12/16网页设计报告祖国六十年目录-、设计目的错误!未定义书签。二、设计思想 错误!未定义书签。三、网页详细设计分 错误!未定义书签。()建立布局 错误!未定义书签。(2)网页中的图像错误!未定义书签。(1)在网页中插入图像错误!未定义书签。( 2)图像的各种属性设置错误!未定义书签。(3)怎样编辑网页中的图像错误!未定义书签。(4) 使用背景图像 错误!未定义书签。(5) 设置链接 错误!未定义书签。四、网页说明五、总结错误!未定义书签。错误!未定义书签。网页设计试验报告一、设计目的本课程的设计目的是经过实践使我经历Dreamweaver 8开发的 全过
2、程和受到一次综合训练，以便能较全面地理解、掌握和综合 运用所学的知识。结合具体的开发案例，理解并初步掌握运用 Dreamweaver8可视化开发工具进行网页开发的方法；了解网页设 计制作过程。我本次主要是设计的”祖国六十年”为主题的网页，针 对祖国六十年的发展了介绍。二、设计思想利用Dreamweaver8制作一个关于”祖国六十年”的网站，利 用表格、行为、层和链接等网页设计技术设计页面。本网站以新中国发展为素材，主要讲解了与新中国变化相关 的内容。各网站链接示意图如下所示：祖国六十年国情总览经济发展航天事业1武器装备) k)LJ L人口增长北京东方红一号红鸟导弹环境保护上海神州五号翼龙无人机
3、法律体系深圳嫦娥一号L15教练y教育体系j1天津)1神州八号J_机_三、网页详细设计分析建立布局在这次的网页设计中用到大量的布局，因此怎么样建立布局是关键。Dreamweaver 8是大多数人设计网页的称手兵器，也是 众多入门者的捷径。特别是其在布局方面的出众表现，更受青睐。 大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。(2) 网页中的图像(1) 在网页中插入图像利用Dreamweaver 8能够方便地在网页中插入图像，还能够设 置图像边框、大小、和位置，而且能够直接对图像进行编辑。在 网页中加入图像的操作非常简单：1. 新建一个空白网页，把光标定位在网页的开始位置。2. 打开”
4、工具”菜单，选择”图片”菜单项，在子菜单中选择” 来自文件”菜单项，或者单击工具栏中的图片工具图标，弹出一 个”图片”对话框。3. 在此对话框中单击”浏览”按钮 出现一个”选择文件”对 话框。4. 在”选择文件”对话框的文件列表中选择某个图像文件，然 后单击”确定”按钮，或直接双击该图像文件，该图像即被加入到 网页中。在网页中插入图像后我们就能够对图像的各种属性进行设 置了。(2) 图像的各种属性设置1. 选中所插入的图片，单击鼠标右键，弹出一个快捷菜单， 在菜单中选择”图片属性”菜单项，出现一个”图片属性”对话框.2. 打开”外观”选项卡。(1) 设定图像边框粗细：在”外观”选项卡的”布局”
5、栏里能 够根据需要定义图像的边框，也能够定义边框值为”0” ,即无边 框。(2) 设置图像环绕方式：一般情况下一幅图像只能与一行文字 处在同一高度，但有时需要将图像和文字分开，且两者互不影响。 比如在网页左边插入一幅图像，要求右边的文字就像没有图像时能够多行输入，这就要经过设置图像的环绕方式来实现。在网页中 图像的环绕方式有两种： 左环绕：图像在左边，文本在图像的右边进行环绕。 右环绕：图像在右边，文本在图像的左边进行环绕。在”外观”选项卡的”布局”栏中打开”对齐方式”下拉列表 框，选择”左”选项 并单击”确定”按钮 图像就被设置为左环 绕方式，同样，如果选”右”,图像就被设置为右环绕方式。(
6、3) 编辑图像大小：在Dreamweaver8中，当在网页中加入一 幅图像后，图像大小默认设置为其原来的大小，如果加入的图像 太大或太小，或有其它特别需要，就得调整图像的大小。调整图像 大小非常简单灵活，只要你选中加入的图像，用鼠标左键拖动图 像边框，可任意调整图像的宽度和高度直到达到你满意的尺寸。(4) 设置图像缩放比例：网页设计的一个重要原则就是网页的 兼容性，对于不同的浏览器或者不同的分辨率，不论是800X600 的窗口，还是1024X768的窗口，网页都要能正常的显示。设置图 像缩放比例就是将图像设置为大小能够按比例变化，与浏览器的 大小成一固定比例，这样在不同大小的浏览器窗口里图像都
7、能正 常的显示外观。设置图像缩放比例的步骤如下：1. 选中网页中的图像，单击鼠标右键，在弹出的快捷菜单里， 选择”图像属性”菜单项，弹出一个”图像属性”对话框.2. 在”大小”栏中选中”指定大小”复选框，同时选中”宽度” 和”高度”下面的”百分比”单选按钮，然后在”宽度”和”高度” 栏里输入想显示的比例，单击”确定”完成设置。外还能够在”外 观”选项卡的”水平间距”和”垂直间距”栏里进行设置 水平间 距是指图像与周围元素在水平方向的间距，以象素为单位；垂直 间距指图像与周围元素在垂直方向的间距。(3) 怎样编辑网页中的图像在Dreamweaver8中，能够使用”图片”工具栏中的各种工具 对网页中的图像进行编辑，编辑功能主要有：图像旋转和翻转、 剪裁、图像淡化、凹凸效果等等。另外，为了使图片更符合要求，我们还在photoshop中对所 用的图片进行了处理，使得图片看起来更加精细美观，符合我们 的主题要求。(4) 使用背景图像使用背景图像与使用背景色不同，使用背景色只将网页的背 景用某种颜色填充，而使用背景图像则是将网页的背景用图像平 铺。这样做能够使制作的网页更美观好看。网页中使用背景图像的 具体步骤如下：1. 新建一个空白网页。2. 单击鼠标右键，弹出的快捷菜单里选”网页属性”，弹出” 网页属性”对话框.3. 开”背景”选项卡。
