网页设计与制作任务驱动教程课件.ppt

网页设计与制作任务驱动教程,2017年8月30日,主持人：闲云,1,网页设计基础,2,任务1 认识网页与网站,3,超文本标记语言或超文本链接标示语言HTML（HyperText Mark-up Language）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容,超文本标记语言,欢迎hello！ 欢迎访问 焦作工贸职业学院前两行是报头，告诉浏览器，你的文档以HTML格式遵循W3C标准XHTML1.0协议！xmlns属性 是用来定义xml namespace（命名空间）的。该属性可以放置在文档内任何元素的开始标签中。即使你没有包含它，此值也会被添加到 标签,4,模块1 网页设计基础,了解网页、网站及其特点。掌握网页设计的基础知识，包括色彩的基础知识。了解网站的开发流程。熟悉常见的网页布局。认识Dreamweaver CS5，熟悉Dreamweaver CS5的操作界面。,知识目标,5,模块1 网页设计基础,准确掌握网页制作的相关基础知识。了解网站开发设计的基本流程。熟练掌握Dreamweaver CS5的基本操作，包括如何显示和使用面板。,能力目标,6,模块1 网页设计基础,任务1：认识网页与网站。任务2：了解网站开发流程。任务3：熟悉网页开发工具。,具体任务,7,任务1 认识网页与网站,掌握网页制作技术，首先要了解网页和网站的基础知识，主要包括以下内容：,8,任务1 认识网页与网站,Web页面设计=1000元/页内页设计=300元/页代码设计=10元/百行软件开发=5000元/月维护费用=总计*10%/年,9,任务1 认识网页与网站,10,任务1 认识网页与网站,11,任务1 认识网页与网站,12,任务1 认识网页与网站,动态网站需要IIS/Apache + PHP/asp/jsp + MySQL/access等技术,13,任务1 认识网页与网站,14,任务1 认识网页与网站,网页板块构成,15,任务1 认识网页与网站,16,任务1 认识网页与网站,本任务主要使读者对网页有一个初步的了解。网页制作技术众多，读者可在掌握一定的基础知识和计算机技术后，根据自己的实际情况进行网页设计和开发。,17,任务2 了解网站开发流程,客户需求分析注册域名与申请空间,确定网站的主题与特色提出网站建设方案确定网站的主题与特色,运用网页设计工具实施网站建设计划,上传网站内容到服务器,网站的后期维护,线下服务器测试,18,任务2 了解网站开发流程,19,任务2 了解网站开发流程,1.网页设计的要点,20,任务2 了解网站开发流程,2.网站建设的基本流程,21,任务2 了解网站开发流程,1）网站需求分析,22,任务2 了解网站开发流程,23,任务2 了解网站开发流程,3）测试网页测试网页主要从以下3个方面着手。,24,任务2 了解网站开发流程,25,任务2 了解网站开发流程,26,菜单栏工具栏文档窗口面板组合属性面板标签选择,任务3 熟悉网页开发工具,目前常用的IDE有：Sublime Text、Webstorm、VScode、Atom、Brackets等等,27,任务3 熟悉网页开发工具,28,任务3 熟悉网页开发工具,1.Dreamweaver的核心功能,29,任务3 熟悉网页开发工具,2.Dreamweaver CS5的界面,30,任务3 熟悉网页开发工具,31,任务3 熟悉网页开发工具,3.Dreamweaver CS5的新特性,32,任务3 熟悉网页开发工具,33,网站风格是指，网站页面设计上的视觉元素组合在一起的整体形象，展现给人的直观感受。这个整体形象包括网站的配色、字体、页面布局、页面内容、交互性、海报、宣传语等因素。网站风格一般与企业的整体形象相一致。,思考与练习,34,思考与练习,课后思考题,35,思考与练习,课后思考题,36,