【项目实训-天天生鲜】是信阳师范大学针对普通本专科学生开设的一门专业课期末考试,主要考察学生在HTML和CSS方面的应用能力。这门课程的实际操作部分要求学生使用指定的开发环境和工具来创建一个名为“学生管理系统”的网页。下面我们将详细探讨这个实训项目的各项要求及其相关知识点。
1. **开发环境与运行环境**:
- 开发环境:项目要求使用Windows 10或11操作系统,这表明学生需要在Windows平台上进行开发工作。
- 运行环境:推荐使用Chrome浏览器,分辨率设定为1920*1080,意味着设计的网页应该在这个标准分辨率下正常显示。
2. **开发工具**:
- 使用HBuiderX作为主要的开发工具,这是一款集成开发环境,支持HTML、CSS、JavaScript等前端语言的编写,提供了丰富的代码提示和自动化功能,便于快速开发。
3. **项目主题**:
- 学生需要设计一个“学生管理系统”的HTML页面,这要求学生具备基本的HTML结构理解和CSS样式控制能力。
4. **具体要求**:
- CSS代码应写在`<style>`标签内,与HTML代码在同一文件内,遵循内部样式表的编写方式,这样可以实现样式与结构的分离,便于维护。
- 页面布局要求为左右布局,可以使用各种布局技术,如Flexbox或Grid,来实现这种布局。
- 主标题“学生管理系统”需在页面中垂直水平居中,这涉及到CSS的定位和对齐方式。
- 对于“最新动态”等四个卡片元素,需在鼠标悬停时有特定的交互效果,包括放大1.2倍、渐变背景色、盒阴影和圆角边框。这些效果可以通过CSS的`:hover`伪类及相关的属性来实现,如`transform: scale(1.2)`、`background-image: linear-gradient()`、`box-shadow`和`border-radius`。
- 页面整体需要保持规范、完整,比例协调,美观且符合要求,这涉及到色彩搭配、间距调整、字体选择等多个方面,体现良好的设计感和用户体验。
5. **提交要求**:
- 提交的文件命名规则为“班级-学号-姓名.html”,确保正确命名以避免失去分数。
通过这个实训项目,学生不仅能提升HTML和CSS的实际应用技能,还能锻炼文件管理、项目规范遵循以及代码可读性等方面的能力,从而全面提高其前端开发的综合素质。