【Dreamweaver网页设计试着】
本篇文档主要围绕Dreamweaver CS6这一流行的网页设计工具,为中专计算机专业的学生提供期末考试试题。试题旨在检验学生对于网页设计基础操作的掌握,包括站点创建、页面布局、CSS样式应用、网页元素如表格、层、链接和表单的制作以及文件管理等技能。
一、建立考生文件夹和站点结构
1. 在D盘创建名为“网页设计期末考试”的文件夹,以作为工作空间的基础。
2. 在新文件夹内创建一个站点,同样命名为“网页设计期末考试”,站点管理是网页设计中组织和管理文件的关键步骤。
3. 在站点内创建一个子文件夹“images”,用于存放网页中的图片资源,遵循良好的文件组织原则。
二、建立主页
1. 创建一个新网页,命名为“昭通财校函授部”,这是网页设计的第一步。
2. 在网页中插入一个框架,框架沿上缘对齐,高度为150像素,框架能实现页面内容的分区展示。
3. 在上框架中插入一个2行6列的表格,要求使用CSS样式定义不同区域的格式和背景颜色。
4. 在下框架中插入4个层,每个层包含特定内容,并应用不同的CSS样式,如列表样式、文字格式、背景颜色等,这展示了对HTML和CSS的综合运用。
三、制作“大学简介”网页
1. 创建一个新网页,命名为“大学简介”,并制作标题、水平线和Spry选项卡式面板。Spry选项卡式面板是一种交互式UI组件,能够帮助组织和展示内容。
2. 设置水平线高度、文字样式、颜色和背景色,同时插入层并添加鼠标经过图像,这涉及到CSS的动态效果和交互性设计。
四、制作“友情链接”网页
1. 创建一个新网页,命名为“友情链接”,制作标题、水平线和表格,同时设置超链接到提供的网址,体现了网页的导航功能。
2. 要求设置背景图片,展示如何将视觉元素整合进网页设计中。
五、制作“注册表”网页
1. 创建一个新网页,同样命名为“注册表”,制作标题、水平线和表单,表单是用户与网站交互的重要部分。
2. 设计表单字段,如用户名、密码、真实姓名、联系电话和QQ号,使用单选按钮组和复选框组,确保表单的完整性和用户体验。
3. 使用CSS统一表单文字格式,并通过检查表单行为设定必填项和输入规则,如限制数字输入,这体现了表单验证的重要性。
六、设置导航按钮链接
1. 创建导航栏,设置“成人高考”、“大学简介”、“友情链接”和“注册表”四个按钮的链接,实现页面间的跳转,这是网页交互设计的基本需求。
总结:
这个期末考试试卷全面覆盖了网页设计的基础知识,包括站点管理、HTML元素、CSS样式、交互元素(如框架、表格、层、Spry组件、表单和按钮链接)的使用。学生需熟练掌握这些技能,才能有效地在Dreamweaver CS6中构建功能丰富且美观的网页。通过这样的实践练习,学生可以提升网页设计的整体素养,为未来的网页开发工作打下坚实基础。