项目1走进网页世界(课件）-高二《网页设计与制作》同步教学（电子工业版）

项目 1 走进网页世界 WEB 1.1 任务1：制作“念奴娇•赤壁怀古” 网页 1.2 前端修炼手册：网页基础知识 1.3 任务2：制作“苏轼介绍”网页 1.4 前端修炼手册：Dreamweaver 2021的 工作界面和使用技巧 1.5 能力提升：制作“青春颂歌”网页 1.6 能力挑战：制作“速度滑冰”网页 目录 WEB 1.1 任务1：制作“念奴娇•赤壁怀古”网页 WEB （1）了解站点、网站、网页之间的关系，初步认识网页布局。 （2）初步了解Dreamweaver工作环境及使用方法，能够建立站点及新建网页。 （3）了解网页的基本结构，能够区分结构层和表现层。 （4）了解CSS在网页制作中的作用，能够对网页进行简单美化。 知识技能目标 1.1 任务1：制作“念奴娇•赤壁怀古”网页 中期制作 前期准备 后期测试 发布 1.2.1 网 站 开 发 流 程 1.2 前端修炼手册：网页基础知识 WEB 需求分析 前期准备 1.2.1 网 站 开 发 流 程 功能分析、目标用户分析、内容分析等 确定主题 确定网站架构 收集素材 设计页面 导出效果图切片 中期制作 1.2.1 网 站 开 发 流 程 创建站点 静态页面制作 网站程序开发 后期测试发布 1.2.1 网 站 开 发 流 程 页面效果 链接有效性 浏览器兼容性 网站发布 视觉效果、布局、内容、亲和力、易操作…… 所有链接是否都跳转正常、所有页面是否均可到达…… 在各主流浏览器下均能正常显示 测试过程通常也伴随着优化过程，优化是尽可能地减小网页文件的体积及日后发生错误的机率。 本地发布、远程发布 网页 网站 主页 1 2 3 5 1.2.2 网页常用术语 4 Internet IP地址 域名 WWW HTTP URL 静态网页 动态网页 绝对路径 相对路径 1.2.3 网页文件命名规范 1．文件名采用小写字母 introduce.html 2．使用正确的扩展名 .html 3．用短横线分隔单词 nba-rank.html 1.3 任务2：制作“苏轼介绍”网页 WEB （1）了解Dreamweaver工作界面，熟练掌握创建站点及网页的方法。 （2）初识超链接，能够为当前网页添加指向同站点内其它页面的超链接。 （3）了解HTML语言和CSS样式基本书写格式。 （4）掌握<style>标签的使用方法，能够使用<style>标签创建内部样式表。 知识技能目标 1.3 任务2：制作“苏轼介绍”网页 1.4.1 启动Adobe Dreamweaver 2021 1.4.2 认识Adobe Dreamweaver 2021的工作界面 1.4.3 更改Adobe Dreamweaver 2021默认界面和布局 更改拆分视图排列方式 更改面板位置 更改界面颜色 1.4.4 使用Adobe Dreamweaver 2021的几个小技巧 实时预览 快速更改代码（Ctrl+E） 同时编辑多行代码 1.4 前端修炼手册： Dreamweaver 2021的工作界面和使用技巧 WEB 1.5 能力提升：制作“青春颂歌”网页 1.6 能力挑战：制作“速度滑冰”网页 $$