Web网页设计实验报告
web动态网页设计实验报告
Web 动态网页设计编程环境的熟悉实验日志实验题目：编程环境的熟悉实验目的：1、学会使用Macromedia Dreamweaver 软件，了解并掌握该软件的各种功能，为以后的网页设计打下基础。
2、重点学习使用“页面创建”和“设置服务器信息”功能。
实验要求：按照Macromedia Dreamweaver MX软件使用说明，练习使用Macromedia Dreamweaver MX软件。
实验主要步骤：1、起始页的打开和关闭：操作：（1）运行Dreamweaver，将显示起始页，单击“不再显示”。
（2）打开菜单栏“编辑”选项>“首选参数”>“常规”选项。
2、工作区布局常用两种：编码器和设计器。
操作：(1)运行Dreamweaver，可以进行编码器或设计器的选择。
(2)打开菜单栏“窗口”选项>“工作区布局”进行选择。
3、在本地站点中浏览网页的快捷键是F12。
4、创建本地站点：（1）可以使用“站点定义向导”设置Dreamweaver 站点，该向导会引领您完成设置过程。
（2）也可以使用“站点定义”的“高级”设置，根据需要分别设置本地文件夹、远程文件夹和测试文件夹。
5、安装IIS服务器（1）选择“开始”>“设置”>“控制面板”>“添加或删除程序”，或者选择“开始”>“控制面板”>“添加或删除程序”。
（2）选择“添加/删除Windows 组件”。
（3）选择“Internet 信息服务(IIS)”，然后单击“下一步”。
（4）按照安装说明进行操作。
6、配置IIS服务器（1）启动ASP的父路径。
（2）配置IIS的站点。
（3）设置网站端口。
（4）设置网站默认文档。
7、发布站点：1）设置远程文件夹：远程文件夹通常具有与本地文件夹相同的名称，因为远程站点通常完全就是本地站点的副本。
（1）在您的远程服务器上，在服务器的Web 根文件夹中创建一个空文件夹。
将新的空文件夹命名为cafe_townsend（与本地根文件夹的名称相同）。
web网页设计实验报告
web网页设计实验报告
《Web网页设计实验报告》
摘要：本实验旨在通过设计一个网页，来探讨网页设计的基本原理和技巧。
通
过实验，我们学习了网页设计的基本知识，包括布局、颜色搭配、字体选择等
方面的技巧。
在实验过程中，我们遇到了一些问题，但通过不断的尝试和学习，最终完成了一个简洁美观的网页设计。
一、实验目的
通过设计一个网页，掌握网页设计的基本原理和技巧，提高网页设计的能力和
水平。
二、实验过程
1. 确定设计主题和内容：我们选择了一个旅游网站的设计主题，确定了网页的
内容和结构。
2. 确定网页布局：我们采用了响应式布局，确保网页在不同设备上都能够正常
显示。
3. 选择配色方案：我们选择了蓝色和灰色作为主色调，并搭配了一些明亮的色彩，使整个网页看起来清新明亮。
4. 选择字体：我们选择了一种简洁明快的字体，使网页看起来简洁大方。
5. 添加图片和动画效果：我们添加了一些精美的图片和动画效果，使整个网页
更加生动。
三、实验结果
我们最终完成了一个简洁美观的网页设计，整体布局合理，配色搭配和谐，字
体清晰易读，图片和动画效果生动有趣。
通过实验，我们不仅学会了网页设计
的基本技巧，也提高了自己的审美能力和设计水平。
四、实验总结
通过本次实验，我们深刻理解了网页设计的重要性和技巧，掌握了一些基本的设计原则和方法。
同时，我们也意识到网页设计是一个需要不断学习和尝试的过程，需要不断地追求创新和完美。
希望通过今后的学习和实践，能够不断提高自己的网页设计能力，设计出更加优秀的网页作品。
网页设计实验报告
网页设计实验报告一、实验目的。
本实验旨在通过设计一个简单的网页，掌握网页设计的基本原理和技术，包括HTML、CSS等相关知识，加深对网页设计的理解和应用。
二、实验内容。
1. 确定网页设计的主题和内容，包括页面布局、颜色搭配、文字排版等方面的设计。
2. 使用HTML语言编写网页的结构和内容，包括标题、段落、列表、图片等。
3. 使用CSS样式表美化网页的外观，包括字体、颜色、边框、背景等样式的设置。
4. 调试和优化网页，确保网页在不同浏览器和设备上的兼容性和稳定性。
三、实验过程。
1. 确定网页设计的主题和内容。
根据实验要求，我选择了一个简单的个人简历页面作为设计主题，包括个人信息、教育经历、工作经验和技能展示等内容。
2. 使用HTML语言编写网页的结构和内容。
我首先创建了一个HTML文件，并使用HTML标签编写了页面的基本结构，包括标题、段落、列表和图片等内容。
3. 使用CSS样式表美化网页的外观。
我创建了一个独立的CSS文件，通过设置字体、颜色、边框、背景等样式，使页面呈现出美观的外观效果。
4. 调试和优化网页。
在完成基本设计后，我对页面进行了多次调试和优化，确保页面在不同浏览器和设备上的兼容性和稳定性，同时也对页面的加载速度和性能进行了优化。
四、实验结果。
经过一系列的设计、编写和优化，我成功地完成了一个简单的个人简历网页设计。
页面整体布局合理，颜色搭配和文字排版也较为美观，同时在不同浏览器和设备上都能够正常显示和使用。
五、实验总结。
通过本次实验，我深入了解了网页设计的基本原理和技术，掌握了HTML、CSS等相关知识，提高了对网页设计的理解和应用能力。
同时，我也意识到网页设计需要注重细节和用户体验，不断调试和优化是设计过程中不可或缺的环节。
六、实验感想。
本次实验让我对网页设计有了更深入的认识，也让我体会到了设计的乐趣和挑战。
在今后的学习和工作中，我将继续加强对网页设计相关知识的学习和实践，不断提升自己的设计能力和水平。
web实验报告
web实验报告Web 实验报告一、实验背景随着信息技术的飞速发展，Web 应用在各个领域的作用日益显著。
为了深入了解 Web 技术的工作原理和性能特点，进行了本次 Web 实验。
二、实验目的1、熟悉 Web 开发的基本流程和技术。
2、掌握 HTML、CSS 和 JavaScript 等关键技术的应用。
3、了解 Web 服务器的配置和运行机制。
4、探究 Web 应用的性能优化方法。
三、实验环境1、操作系统：Windows 102、开发工具：Visual Studio Code3、浏览器：Google Chrome4、 Web 服务器：Apache四、实验内容1、 HTML 页面设计使用 HTML 标签构建网页结构，包括标题、段落、列表、图像等元素。
注意 HTML 标签的语义化，以提高网页的可读性和可维护性。
2、 CSS 样式美化运用 CSS 选择器为 HTML 元素设置样式，如字体、颜色、背景、布局等。
采用外部 CSS 文件来实现样式的分离，提高代码的可重用性。
3、 JavaScript 交互实现通过JavaScript 实现网页的动态效果，如按钮点击事件、表单验证、页面滚动效果等。
学习 JavaScript 的基本语法和常用函数，提高编程能力。
4、 Web 服务器配置安装和配置 Apache 服务器，设置虚拟主机和目录权限。
了解服务器的运行日志和错误处理机制。
五、实验步骤1、 HTML 页面设计首先，创建一个新的 HTML 文件，命名为“indexhtml”。
在文件中，使用`＜html>｀标签作为根标签，｀＜head>｀标签中设置页面的标题和元信息，｀＜body>｀标签中构建页面的内容。
例如，创建一个简单的网页，包含一个标题“我的 Web 实验”，一个段落“这是一个简单的网页示例”，以及一张图片“imagejpg”。
2、 CSS 样式美化创建一个新的 CSS 文件，命名为“stylescss”。
web网页设计实验报告
Web网页设计实验报告1. 引言本文档旨在记录并分析本次Web网页设计的实验过程和结果。
我们小组的目标是设计一个优雅、用户友好且功能完善的网页。
通过分步思考和逐步迭代的方式，我们将逐渐实现这个目标。
2. 步骤一：需求分析在设计之前，我们首先进行了需求分析。
我们与客户进行了深入的讨论，了解了他们对网页的要求和期望。
我们还对类似的网页进行了调研，以便了解当前的设计趋势和最佳实践。
3. 步骤二：草图设计基于需求分析的结果，我们开始进行草图设计。
我们使用纸和铅笔绘制了初步的草图，以便快速捕捉我们的想法和创意。
我们与小组成员共享这些草图，并就每个设计方案进行讨论和评估。
4. 步骤三：原型设计根据草图设计的结果，我们开始使用设计工具创建网页的原型。
我们选择了[设计工具名称]，因为它提供了丰富的设计元素和易于使用的界面。
在原型设计过程中，我们对页面的布局、颜色方案和字体进行了仔细的考虑。
5. 步骤四：界面设计在完成原型设计后，我们开始进行界面设计。
我们使用HTML和CSS来实现我们的设计，并确保页面的响应式布局。
我们还使用JavaScript来添加一些动态效果和交互功能，以提升用户体验。
6. 步骤五：测试与优化在设计过程的各个阶段，我们都进行了测试和优化。
我们邀请了一些用户来测试我们的网页，并收集他们的反馈。
根据用户的反馈和我们自己的观察，我们进行了一系列的优化工作，以改进页面的性能、可用性和用户满意度。
7. 步骤六：部署与维护在完成测试和优化后，我们将网页部署到服务器上，使其可以通过互联网访问。
我们还设立了一个维护团队，负责定期更新和维护网页，以确保其正常运行和提供最佳的用户体验。
8. 结论通过逐步思考和迭代的方式，我们成功地设计了一个优雅、用户友好且功能完善的网页。
我们的设计不仅满足了客户的需求和期望，而且符合当前的设计趋势和最佳实践。
在设计过程中，我们充分利用了各种工具和技术，并通过测试和优化不断改进网页的性能和用户体验。
web网页设计实验报告
web网页设计实验报告Web网页设计实验报告一、引言随着互联网的迅速发展，网页设计变得越来越重要。
作为一个网页设计实验报告，本文将介绍我在学习和实践中所掌握的一些关键概念和技巧。
通过这个实验，我深入了解了网页设计的原则和流程，并且通过实际操作提高了自己的设计能力。
二、设计原则在进行网页设计之前，我们首先需要了解一些设计原则。
这些原则可以帮助我们创建出更具吸引力和易用性的网页。
1. 简洁性：网页应该保持简洁，避免过多的装饰和冗余的信息。
简洁的设计可以提高用户体验，并使用户更容易找到他们需要的信息。
2. 一致性：网页的各个元素应该保持一致，包括颜色、字体、图标等。
一致的设计可以增加用户的可理解性，并提高网页的可用性。
3. 可读性：网页上的文字应该清晰易读，避免使用过小或过大的字体。
合适的行距和段落间距也是提高可读性的重要因素。
4. 导航性：良好的导航设计可以帮助用户快速找到所需的信息。
导航栏应该清晰明确，而且易于使用。
三、实验过程在实验中，我选择了一个简单的网页设计项目来应用所学的知识和技巧。
以下是我在实验中所采取的步骤：1. 需求分析：首先，我与客户进行了需求分析，了解他们的期望和目标。
通过与客户的沟通，我明确了网页的主题、内容和功能要求。
2. 网页结构设计：根据需求分析的结果，我开始设计网页的结构。
我使用了HTML语言来创建网页的基本框架，并确定了网页的布局和内容组织方式。
3. 网页样式设计：在网页结构设计完成后，我开始设计网页的样式。
我使用CSS语言来设置网页的颜色、字体、背景等样式属性。
通过调整样式，我使网页看起来更加美观和吸引人。
4. 图片和多媒体元素的添加：为了增加网页的吸引力，我添加了一些图片和多媒体元素，如图片轮播、视频等。
这些元素不仅可以提高网页的视觉效果，还可以增加用户对网页的兴趣。
5. 响应式设计：为了适应不同设备和屏幕大小的需求，我对网页进行了响应式设计。
通过使用CSS媒体查询，我使网页能够在不同的屏幕上自动调整布局和样式。
网页制作实验报告
网页制作实验报告一、实验目的。
本实验旨在通过实际操作，掌握网页制作的基本原理和技术，了解网页设计的基本要求和规范，培养对网页设计的兴趣和能力。
二、实验内容。
1. 学习HTML和CSS基础知识；2. 制作一个简单的静态网页，包括文本、图片和超链接等元素；3. 掌握网页布局和样式设计的基本方法。
三、实验步骤。
1. 学习HTML和CSS基础知识。
在实验开始前，我首先对HTML和CSS进行了系统的学习。
HTML是网页的标准标记语言，用于建立网页的结构；而CSS是层叠样式表，用于控制网页的样式和布局。
通过学习这两门技术，我对网页制作有了更深入的理解。
2. 制作一个简单的静态网页。
接下来，我开始动手制作一个简单的静态网页。
首先，我创建了一个HTML文件，并在其中编写了网页的基本结构，包括头部、导航栏、内容区和底部等部分。
然后，我利用CSS对网页进行了样式设计，包括字体、颜色、边框等样式的设置。
同时，我还插入了一些图片和超链接，丰富了网页的内容。
3. 掌握网页布局和样式设计的基本方法。
在制作网页的过程中，我深入学习了网页布局和样式设计的基本方法。
通过调整CSS样式表中的参数，我改变了网页的布局和样式，使其更加美观和易于阅读。
同时，我还学会了如何使用浮动、定位和响应式布局等技术，使网页在不同设备上都能够正常显示。
四、实验总结。
通过本次实验，我深入了解了网页制作的基本原理和技术，掌握了HTML和CSS的基础知识，学会了制作简单的静态网页，并掌握了网页布局和样式设计的基本方法。
这些知识和技能对我今后的学习和工作都具有重要的意义，我会继续努力学习，提高自己的网页制作能力。
五、实验感想。
网页制作是一门非常有趣和实用的技术，通过本次实验，我对网页制作有了更深入的了解，也增强了对这门技术的兴趣。
我相信，在今后的学习和工作中，我会继续深入学习网页制作技术，不断提高自己的能力，为将来的发展打下坚实的基础。
六、参考资料。
1. 《HTML5权威指南》。
网页设计实验报告
一、实验目的1. 熟悉网页设计的基本流程和工具；2. 掌握HTML、CSS等网页设计语言的基本语法；3. 提高网页布局和美化的能力；4. 培养团队协作和沟通能力。
二、实验内容1. 网页设计的基本流程2. HTML、CSS基础语法3. 网页布局和美化4. 响应式设计三、实验环境1. 操作系统：Windows 102. 浏览器：Chrome、Firefox3. 编程语言：HTML、CSS4. 网页设计工具：Adobe Dreamweaver四、实验步骤1. 设计网页结构（1）分析需求，确定网页功能模块；（2）绘制网页结构图，包括页面布局、元素位置等；（3）根据结构图，编写HTML代码。
2. 设计网页样式（1）编写CSS代码，设置网页元素的样式；（2）优化网页布局，调整元素位置；（3）添加网页特效，如动画、过渡等。
3. 网页布局和美化（1）调整网页元素大小、间距、颜色等；（2）使用图片、图标等元素丰富网页内容；（3）优化网页字体、字号、行间距等，提高阅读体验。
4. 响应式设计（1）使用媒体查询，根据不同设备屏幕尺寸调整网页布局；（2）优化网页元素在移动设备上的显示效果；（3）测试网页在不同设备上的兼容性。
五、实验结果1. 完成网页设计，实现以下功能：（1）首页展示公司简介、产品介绍、新闻动态等；（2）产品页面展示产品图片、详细介绍、购买链接等；（3）新闻页面展示新闻列表、详细新闻内容等；（4）联系我们页面展示联系方式、地图导航等。
2. 网页布局美观，符合用户需求；3. 网页在不同设备上具有良好的兼容性和响应式设计。
六、实验总结1. 通过本次实验，掌握了网页设计的基本流程和工具；2. 熟悉了HTML、CSS等网页设计语言的基本语法；3. 提高了网页布局和美化的能力；4. 学会了团队协作和沟通，提高了项目实施效率。
在实验过程中，发现以下问题及改进措施：1. 网页加载速度较慢，优化建议：（1）压缩图片、CSS、JavaScript等文件；（2）合并CSS、JavaScript等文件；（3）使用浏览器缓存。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
课程设计报告书2010/2011 学年第 1 学期设计题目： Web网页制作实验报告年级专业： 08级市场营销姓名学号：指导老师：经济管理系 12月20日目录一、设计目的 (3)二、设计题目 (3)三、结构设计 (3)四、技术分析 (4)五、设计过程 (7)六、实验心得 (10)七、实验总结 (11)[附录]网页源代码节选 (12)一、设计目的在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站建设在Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。
我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。
了解和熟悉网页设计的基础知识和实现技巧。
根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。
熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。
增强动手实践能力，进一步加强自身综合素质。
学会和团队配合，逐渐培养做一个完整项目的能力。
二、设计题目《C罗球迷之家》三、结构设计选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。
首先，做好需求调研。
调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。
然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。
我们选做的主题是个人主页，并且选定题目为“C罗球迷之家”，其目的是做一个简单的网站，介绍C罗的各个方面，提供一定的资讯信息，。
进行一番调研之后，该网站整体站功能结构图如下：四、技术分析(一)建立布局在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。
Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。
特别是其在布局方面的出色表现，更受青睐。
大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。
1.点击“ALT+F6”键，进入布局模式，插入布局表格。
建立一个大概的布局。
2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。
（二）网页中的图像图像传输是WWW的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度；二是能更清楚地表达细节内容。
正是由于这些优点，所以在进行网页设计时图像很受欢迎。
如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。
图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在Internet Explorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。
（1）在网页中插入图像利用Dreamweaver cs3可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。
在网页中加入图像的操作非常简单：1.新建一个空白网页，把光标定位在网页的开始位置。
2.打开“工具”菜单，选择“图片”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的图片工具图标，弹出一个“图片”对话框。
3.在此对话框中单击“浏览”按钮，出现一个“选择文件”对话框。
4.在“选择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击该图像文件，该图像即被加入到网页中。
在网页中插入图像后我们就可以对图像的各种属性进行设置了。
（2）图像的各种属性设置1.选中所插入的图片，单击鼠标右键，弹出一个快捷菜单，在菜单中选择“图片属性”菜单项，出现一个“图片属性”对话框.2.打开“外观”选项卡。
(1)设定图像边框粗细：在“外观”选项卡的“布局”栏里可以根据需要定义图像的边框，也可以定义边框值为“0”，即无边框。
(2)设置图像环绕方式：一般情况下一幅图像只能与一行文字处在同一高度，但有时需要将图像和文字分开，且两者互不影响。
比如在网页左边插入一幅图像，要求右边的文字就像没有图像时可以多行输入，这就要通过设置图像的环绕方式来实现。
在网页中图像的环绕方式有两种：①左环绕：图像在左边，文本在图像的右边进行环绕。
②右环绕：图像在右边，文本在图像的左边进行环绕。
在“外观”选项卡的“布局”栏中打开“对齐方式”下拉列表框，选择“左”选项，并单击“确定”按钮，图像就被设置为左环绕方式，同样，如果选“右”，图像就被设置为右环绕方式。
(3)编辑图像大小：在Dreamweaver cs3中，当在网页中加入一幅图像后，图像大小默认设置为其原来的大小，如果加入的图像太大或太小，或有其他特别需要，就得调整图像的大小。
调整图像大小非常简单灵活，只要你选中加入的图像，用鼠标左键拖动图像边框，可任意调整图像的宽度和高度直到达到你满意的尺寸。
(4)设置图像缩放比例：网页设计的一个重要原则就是网页的兼容性，对于不同的浏览器或者不同的分辨率，不管是800×600的窗口，还是1024×768的窗口，网页都要能正常的显示。
设置图像缩放比例就是将图像设置为大小可以按比例变化，与浏览器的大小成一固定比例，这样在不同大小的浏览器窗口里图像都能正常的显示外观。
设置图像缩放比例的步骤如下：1.选中网页中的图像，单击鼠标右键，在弹出的快捷菜单里，选择“图像属性”菜单项，弹出一个“图像属性”对话框.2.在“大小”栏中选中“指定大小”复选框，同时选中“宽度”和“高度”下面的“百分比”单选按钮，然后在“宽度”和“高度”栏里输入想显示的比例，单击“确定”完成设置。
外还可以在“外观”选项卡的“水平间距”和“垂直间距”栏里进行设置，水平间距是指图像与周围元素在水平方向的间距，以象素为单位；垂直间距指图像与周围元素在垂直方向的间距。
（3）怎样编辑网页中的图像在Dreamweaver cs3中，可以使用“图片”工具栏中的各种工具对网页中的图像进行编辑，编辑功能主要有：图像旋转和翻转、剪裁、图像淡化、凹凸效果等等。
另外，为了使图片更符合要求，我们还在photoshop cs3中队所用的图片进行了处理，使得图片看起来更加精细美观，符合我们的主题要求。
（4）使用背景图像使用背景图像与使用背景色不同，使用背景色只将网页的背景用某种颜色填充，而使用背景图像则是将网页的背景用图像平铺。
这样做可以使制作的网页更美观好看。
网页中使用背景图像的具体步骤如下：1.新建一个空白网页。
2.单击鼠标右键，弹出的快捷菜单里选“网页属性”，弹出“网页属性”对话框.3.开“背景”选项卡。
4.在“背景”选项卡的“格式”栏中选中“背景图片”复选框，然后单击下面的“浏览”按钮，出现一个“选择背景图片”对话框。
5.在“选择背景图像”对话框中单击“浏览文件”按钮，出现一个“选择文件”对话框。
6.在“选择文件”对话框的文件列表中选择图像文件，单击“确定”按钮。
这样，所选图片将作为整个网页的背景，如果在第4步时同时选中“水印”复选框，背景图片将显示为特殊的水印效果，当网页滚动时，背景不动，只有网页内容滚动，产生一种透明层的效果，非常吸引人。
（5）插入flash动画关于 Flash 视频使用 Dreamweaver 中的“插入 Flash 视频”命令，可将 Flash 视频内容插入 Web 页面，而无需使用 Flash 创作工具。
该命令可以插入 Flash 组件；当您在浏览器中查看它时，它显示所选择的 Flash 视频内容以及一组播放控件。
（6）设置鼠标经过图片，进行图片交互再插入图片的下拉菜单中有一项是“鼠标经过”，点击这一项，会弹出一个对话框，在对话框中可以设置鼠标经过前的图片和经过时的图片，选择“确定”即可。
（7）设置链接选中图片或者文字，在下面的链接属性中输入所要连接到的地址，同时，下方的目标属性被激活，输入blank设置成在新窗口中打开网页。
我们设置了链接本站点的网页页面，同时也连接了外网，使得大家访问页面时能够查询更多详细的信息，方便用户查询。
五、设计过程通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。
使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。
所以我结合所学专业的内容制作了个人网站，作为实习的成果。
其内容是多样化的。
制作网页用的软件是Ｄreamweaver , banner软件。
Dreamweaver大大加速了网络时代电子交易应用中的项目交付。
它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。
例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。
当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成HTML代码，或者嵌入到现有的网页中，或者作为单独的网页出现。
主图是一个网页的门面，它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于球星C罗的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,建立一个简单的C 罗介绍和相关的事迹网站,于是网站主题确立。
然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，个人档案、兴趣爱好、成长经历、国家队生涯、荣誉、职业生涯数据、转会记录，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。
再后是收集资料与素材，大量浏览相关网站，收集关于C罗的一些事迹历史图片，好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。
再后是制作网页了，使用dreamweaver制作。
首页内容精彩丰富，简洁明快，语言风趣，通俗易懂。
页面可爱清爽。
首页主要是导航作用。
首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。
而且制作过程中，不忘以下原则：简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。