DW网页制作上机试题及详细答案.docxVIP

DW网页制作上机试题及详细答案

一、上机试题（考试时长90分钟）

基础要求

1. 使用Dreamweaver（或任意代码编辑器）完成静态网页制作，需包含HTML、CSS、JavaScript三个部分

2. 页面需适配主流浏览器（Chrome、Firefox、Edge），分辨率1920×1080下正常显示

3. 代码格式规范，缩进统一（2个空格），添加必要注释

4. 禁止使用框架和第三方插件，纯原生开发

试题内容

制作一个个人作品集展示页，具体要求如下：

5. HTML结构（30分）

◦ 包含头部（header）、导航栏（nav）、作品展示区（section）、关于我（aside）、底部（footer）5个核心模块

◦ 作品展示区需包含至少3个作品卡片，每个卡片包含图片、标题、简介

◦ 导航栏需包含首页、作品、关于、联系4个导航项

◦ 底部需包含版权信息和联系方式（模拟即可）

6. CSS样式（40分）

◦ 全局样式：设置统一字体（微软雅黑/Helvetica）、清除默认边距、设置背景色（#f5f5f5）

◦ 导航栏：固定在顶部，背景色白色，hover时导航项变色（#ff6700），导航项水平排列

◦ 作品展示区：使用弹性布局（flex），作品卡片间距20px，卡片添加阴影效果，hover时轻微放大（1.03倍）

◦ 关于我：固定在页面