`、``）并结合CSS样式表调整页面布局。

2. 网页布局与响应式设计

- 表格布局与Div+CSS布局：通过对比表格布局和现代Div+CSS布局的优缺点，我掌握了如何使用CSS定位、Flexbox和Grid系统实现灵活布局。

- 响应式设计：学习了如何利用Dreamweaver的“响应式设计视图”功能，结合媒体查询（Media Query）和百分比布局，设计适配不同屏幕尺寸的网页。例如，在课程项目中，我为一个电商网站设计了移动端和PC端的自适应页面，解决了图片缩放和导航栏适配的问题。

- 模板与库：学会了使用模板（Templates）和库（Library）功能，快速复用代码片段和页面结构，提高了开发效率。

3. 动态网页与交互功能

- 表单设计：课程中详细讲解了如何创建表单元素（如文本框、下拉菜单、提交按钮），并设置表单验证规则。例如，我为一个在线报名系统添加了必填字段和邮箱格式验证。

- JavaScript基础：通过简单案例（如弹窗提示、动态导航栏切换），了解了如何在Dreamweaver中嵌入JavaScript实现页面交互。

- 动态内容插入：学习了如何通过服务器行为（Server Behaviors）和PHP脚本实现动态网页功能，如用户登录、数据提交等。

4. 网页优化与发布

- SEO优化：掌握了如何通过Dreamweaver的“页面属性”设置元标签（Meta Tags）、优化图片ALT属性，提升网页搜索引擎排名。

- 代码优化：学会了使用“清理代码”功能去除冗余代码，并通过CSS压缩减少文件体积。

- 网站发布：在老师的指导下，成功将本地站点上传至远程服务器，完成了从设计到部署的全流程实践。

实践项目经验

项目一：个人作品展示网站

- 目标：创建一个展示个人摄影作品的静态网站。

- 过程：

- 使用Dreamweaver的“空白页面”模板搭建基础框架。

- 通过CSS Grid设计网格化图片展示区域，并添加悬停效果（Hover Effects）。

- 使用“资源管理器”批量导入图片，并设置自动缩略图功能。

- 遇到问题：图片在不同浏览器中显示不一致。解决方案：通过CSS重置样式（Normalize.css）统一浏览器渲染。

- 成果：一个简洁美观的摄影作品网站，支持PC和移动端访问。

项目二：企业宣传页面

- 目标：为某本地企业提供一个包含表单和动态导航的宣传页面。

- 过程：

- 使用模板功能快速生成多页面框架。

- 设计响应式导航栏，利用媒体查询实现菜单在移动端的折叠效果。

- 添加联系表单并设置后端接收邮箱（通过SMTP配置）。

- 遇到问题：表单提交后数据未成功发送。解决方案：检查PHP脚本路径和服务器权限设置。

- 成果：企业客户对页面的交互性和自适应效果表示满意。

学习中的挑战与解决

1. 视觉设计与代码的平衡

- 问题：在可视化界面中拖拽元素生成的代码往往冗余且结构混乱，导致后期维护困难。

- 解决方法：

- 多使用代码视图手动编写语义化HTML（如`

• 上一篇：沈阳开放大学JavaScript程序设计#学习行为评价
• 下一篇：陕西开放大学数控机床学习行为评价