网页设计与制作项目化教程（HTML5+CSS3+JavaScript+DW+PS）_蒋建琼_9787560670331

本书以项目化形式组织内容，介绍如何利用HTML5+CSS3+JavaScript+Dreamweaver CC+Photoshop制作网页及网站。本书内容由14个项目组成，前8个项目全面地介绍了网页制作和前端开发技术的基本理论和实际应用，项目9～项目12主要介绍利用Dreamweaver CC 2017设计视图制作网页，最后2个项目主要介绍利用Photoshop+Dreamweaver CC设计和制作网页。书中内容经过认真的设计，将网页设计行业标准和制作流程很好地融入教学中，并且配套精品在线课程、微课视频等数字化学习资源。本书可以作为高职高专院校计算机相关专业网页制作和Web前端开发课程的教材，也可以作为Web前端开发爱好者学习 Web前端程序设计的参考书。

随着移动互联网技术的蓬勃发展，网页已成为各行各业对外宣传的窗口，“网页设计与制作”也成为高职院校计算机网络专业和信息技术类相关专业开设的一门专业必修课。本书依据网页设计的行业标准和设计流程，采用项目化教学法，将职业技能的要求分为“会”“能”“精通”三个等级，安排了三大部分共14个项目：第1部分介绍网页制作前端开发技术，包括项目1～项目8；第2部分讲解利用Dreamweaver CC 2017设计视图制作网页，包括项目9～项目12；第3部分为设计综合，包括项目13和项目14，其中项目14的内容以二维码的形式呈现，读者可使用微信扫码阅读学习。本书具有以下特点： (1) 以学生为中心。本书主要以HTML5+CSS3+JavaScript+Dreamweaver CC+Photoshop技术为编写对象，前8个项目主要介绍HTML5+CSS3+JavaScript前端开发技术，项目9～项目12主要介绍利用Dreamweaver CC设计视图制作网页，让读者能熟练地在代码视图和设计视图中切换及设计网页，提高读者学习的兴趣和降低学习的难度，让网页制作变得更加高效。 (2) 产教融合。后2个项目加入Photoshop+Dreamweaver共同设计和制作网页的内容，将行业制作网页的流程融入教学中，将好的设计运用到网页制作过程中，让技术融入艺术设计，在艺术设计中融入技术制作，让数字艺术类专业的学习者也能简单有效地设计和制作网页，让信息技术类的学习者亦能在技术中体会到设计的艺术。 (3) 本书结构合理，内容丰富，实用性强，配有微课视频、教学设计、授课PPT、案例素材等数字化学习资源。与本书配套的数字课程“网页设计与制作”已在“学银在线”平台(www.xueyinonline.com)上线，课程网址为https://www.xueyinonline.com/detail/232613455，学习者可以登录该网址进行在线学习和资料下载。授课教师可以调用本课程构建符合自身教学的SPOC(Small Private Online Course，小规模限制性在线课程)，也可以发邮件至编者邮箱645865463@qq.com获取相关的资源。本书的参考学时为64学时，也可根据教学内容的取舍作出适当调整。本书由从事多年网页设计和广告设计专业一线教学的教师共同编写完成，蒋建琼、刘芸华、杨浩宇担任主编，杨雪、王晓丁、柳光凯担任副主编。蒋建琼编写项目1、2、5、6、7、9、14，刘芸华编写项目10～项目12，杨浩宇编写项目4，柳光凯编写项目3，王晓丁编写项目8，杨雪编写项目13，吕凤花负责全书的统稿工作，全书由赵树权主审。本书目前已作为昆明工业职业技术学院校本教材使用。由于编者水平和经验有限，书中难免有不足之处，恳请读者批评指正。本书的所有素材、源代码、教学PPT、微课视频、技能拓展资料均可与编者联系获得。编者 2023年5月

项目1 学习网站建设基础知识 1 任务1 认识网站和网页 1 任务2 了解常用浏览器 7 任务3 了解Web的标准 9 任务4 了解网页设计规范 11 任务5 了解网页设计的流行趋势 14 任务6 了解常用的网页设计工具 19 项目2 网站的规划与建设 22 任务1 网站的设计与规划 22 任务2 Dreamweaver CC 2017站点建设 30 项目3 掌握HTML5基础知识 42 任务1 初识HTML 42 任务2 HTML常用编辑器的使用 46 任务3 HTML5常用标签的使用 51 任务4 HTML5新增标签的使用 90 项目4 学习CSS 3样式基础 110 任务1 认识CSS 3 110 任务2 CSS 3选择器的使用 113 任务3 CSS 3样式的引用 122 任务4 CSS 3常用属性的使用 129 项目5 CSS 3高级篇学习 147 任务1 CSS 3高级选择器的使用 147 任务2 CSS 3高级特效的使用 159 任务3 导航制作 177 项目6 创建CSS 3盒子模型 186 任务1 认识盒子模型 186 任务2 理解盒子模型的相关属性 189 任务3 盒子模型的定位 202 项目7 DIV?+?CSS布局页面 222 任务1 DIV?+?CSS布局骨架 222 任务2 DIV?+?CSS布局实例 231 项目8 JavaScript与jQuery Mobile 241 任务1 使用客户脚本 241 任务2 JavaScript编程 250 任务3 使用jQuery Mobile 261 任务4 使用Bootstrap 266 项目9 Dreamweaver CC制作网页 273 任务1 新建网页 273 任务2 编辑网页 277 任务3 使用CSS样式 305 任务4 响应式网页设计 313 项目10 创建模板和库 322 任务1 创建模板 322 任务2 创建库 337 项目11 jQuery UI使用 350 任务使用jQuery UI创建小插件 350 项目12 创建行为 365 任务1 行为概述 365 任务2 制作图像特效 368 任务3 运用行为制作相册 375 项目13 使用Photoshop制作网页素材 383 任务1 使用Photoshop软件制作图片素材 383 任务2 导航和banner设计 386 任务3 页面版面设计 389 任务4 页面切图 393 项目14 综合项目实践—“关爱留守儿童”网站制作 400 参考文献 401

你还可能感兴趣

我要评论