网页设计与制作任务驱动教程1PPT课件

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