下载文档原格式
《网页设计基础》课程编号：...课程名称：网页设计基础学分：3 学时48 （其中实验学时：16）先修课程：计算机基础B一、目的与任务本课程是本科文科各专业的一门必修的计算机基础课，是计算机基础教学中的重要环节。
本课程的主要任务是使学生掌握在信息社会中必要的计算机应用技能——网页设计与制作，培养学生的计算机文化意识。
课程将讲授HTML、CSS、JavaScript等基本技术，并通过大量实验使学生掌握网页设计与制作技能，为培养理论与实践相结合的、全面发展的计算机应用高级人才打下基础。
二、教学内容与学时分配理论教学部分（32学时）第1章HTML5基础（2学时）浏览器、服务器和URL创建网站的基本步骤HTML的概念和原理使用基本HTML标记符（<html> <head> <title> <body> <p>）创建简单网页第2章文本格式与超链接（4学时）段落格式字体格式列表格式创建超链接第3章CSS入门（4学时）CSS样式定义CSS的属性单位3种CSS样式表5种CSS选择器3种常见CSS属性第4章图像与多媒体（2学时）网页图像基础图像处理基本操作图像标记符img使用多媒体对象第5章表格与表单（2学时）创建表格表格的属性设置创建表单创建表单控件第6章CSS3进阶（6学时）CSS3高级选择器CSS3布局CSS3高级属性CSS3样式的优先级第7章JavaScript与前端开发（3学时）使用客户端脚本JavaScript编程*前端开发技术第8章网页设计基础（3学时）设计与认知网站设计的原则设计适于导航的网页设计网站导航设计版式第9章使用Dreamweaver（3学时）使用本地站点编辑网页使用CSS样式高级功能第10章综合项目实践（3学时）网站开发项目管理综合实例实验教学部分（16学时）实验0：确定网站主题（搜集资料）实验1：制作纯文本网站（2学时）实验2：添加CSS（2学时）实验3：加入图片与多媒体（2学时）实验4：表格与表单（2学时）实验5：CSS布局（2学时）实验6：综合项目实践（6学时）三、考核与成绩评定采用日常性考核（大作业）和期末终结性考核相结合的方式。
Web前端开发——HTML5 + CSS3 +JavaScript潍坊学院智慧树知到答案2024年第一章测试1.WWW 是（）的意思。
（）A:浏览器 B:网页 C:万维网 D:超文本传输协议答案:C2.统一资源定位符是指：（）A:因特网上标准的资源的地址。
B:服务器地址。
C:从一个网页指向另一个目标的连接关系。
D:Web服务器。
答案:A3.以下属于浏览器的是：（）A:IE B:Google Chrome C:Mozilla Firefox D:Hbuilder答案:ABC4.Web前端开发主要任务是信息内容的呈现和用户界面设计。
（）A:错 B:对答案:B5.CSS（也称为层叠样式表）是用来呈现网页外观样式的一组规范，它可以定义网页的样式表现。
（）A:对 B:错答案:A6.JavaScript是一种运行在的服务器端的脚本语言，使用Javascript可以开发交互式的Web页面。
（）A:错 B:对答案:A7.Document Object Model文档对象模型，DOM与JavaScript结合起来实现了Web网页的行为与结构的分离。
（）A:对 B:错答案:A8.BOM主要处理浏览器窗口和框架，常见的BOM窗口有Window对象、Navigator对象、Screen对象、History对象和Location对象。
（）A:对 B:错答案:A9.AJAX即异步JavaScript和XML，是一种支持异步请求的技术。
（）A:错 B:对答案:B10.同一个HTML页面，在不同浏览器上的显示效果是一样的。
（）A:对 B:错答案:B11.Web前端开发常用的技术有：（）A:JavaScript B:CSS C:PHP D:HTML答案:ABD12.浏览器对HTML文档解析显示的结果就是我们平时看到的网页。
（）A:错 B:对答案:B13.下面哪一个工具用于Web前端开发？（）A:Hbuilder B:C++ C:Matlab D:Java答案:A14.在URL地址中多个参数之间使用（）进行分割。
网页设计与制作HTML5+CSS3+JavaScript课程设计1.课程目标本课程旨在培养学生对网页设计的基本理解、前端技术的熟悉程度，以及网页制作的实际操作能力。
在课程的基础上，学生将掌握HTML5、CSS3和JavaScript这三个最重要的网页前端技术，从而能够实现对网页的基本设计和制作。
2.课程安排第一周•网页设计的基本原理和概念•前端技术的介绍和发展•HTML5的语法和基本元素–标题、段落、表格、图片、链接、表单等第二周•CSS3的基本规则和语法–选择器、属性、值•CSS3的基本样式和效果–文本格式、背景、边框、盒子模型等第三周•JavaScript的基础语法和应用–变量和数据类型、运算符、条件语句、循环语句等•JavaScript的事件和DOM操作–事件响应、选择元素、修改属性、插入、删除元素等第四周•综合实践项目–学生完成自己的网页设计和制作项目–应用HTML5、CSS3和JavaScript技术3.课程教材本课程主要使用以下教材：•《Head First HTML5 Programming》，Eric Freeman and Elisabeth Robson，O’Reilly Publishing，2011。
•《CSS3: The Missing Manual》，David Sawyer McFarland，O’Reilly Publishing，2012。
•《JavaScript: The Definitive Guide》，David Flanagan，O’Reilly Publishing，2011。
以上教材内容详尽，机构其他完整案例较多，内容丰富，是本课程的主要参考教材。
4.考核方式学生的考核主要以实践为主，包括大作业和期中期末报告，但同时也会有一些理论知识的测试。
大作业每位学生需要完成一个个人网页项目，实践掌握本课程所讲述的HTML5、CSS3和JavaScript技术。
网页设计与制作HTML5+CSS3+JavaScript教学设计一、教学目标和要求1.理解HTML5、CSS3、JavaScript的概念及各自的作用；2.能够使用HTML5、CSS3、JavaScript分别搭建静态网页、设置样式、实现交互效果；3.熟悉各种网页元素及其应用；4.具备网页设计与制作的基础能力。
二、教学内容和方法1. HTML5的基本语法和标签•介绍HTML5语言的基础知识：HTML5文档结构、标签、属性、元素等；•演示如何搭建静态网页，如头部、导航栏、总结等；•学习HTML5表单的相关标签及基本应用。
2. CSS3的样式设置•介绍CSS3概念、语法、常用样式属性等；•讲解样式的继承、层叠等基本原理；•展示如何使用CSS3设置页面布局、字体、颜色、背景等等。
3. JavaScript的基础知识和DOM操作•介绍JavaScript基础语法，语言特点，数据类型，运算符等；•讲解DOM对象的基本概念，元素节点、属性节点等；•展示如何使用JavaScript实现交互效果，如点击按钮弹窗、页面滚动、表单验证等。
4. 综合实战•带领学生实现一个完整的网页设计和制作，包括HTML5、CSS3、JavaScript三项内容；•在实战过程中，注意掌握网页的整体设计思路、完整流程和基本原则。
5. 授课方式和评估标准•采用翻转课堂的授课方式，将理论应用与实践结合，让学生在实战中进行学习；•作业形式以小组作业为主，要求学生在规定时间内完成一个网页设计和制作；•评估标准包括实战成果、作业质量、思考深度等方面综合考虑。
三、教学资源和参考书籍1. 教学资源•讲解PPT、教学视频等多样化教材；•具体数据、素材等各类教学资源。
2. 参考书籍•《HTML5+CSS3基础教程》；•《JavaScript高级程序设计》；•《Web前端开发必备：深入浅出移动Web开发》。
四、教学效果与总结•教学效果以学生成绩和实际应用能力为主要标准；•总结探讨教学中存在的问题，进一步探究网页设计与制作的深层次思路和实现方法，提高教学成果。
《HTML5+CSS3+JavaScript网页设计基础与实战》课程教学大纲学分：5 学分学时：66 学时（其中：讲课学时：46 学时上机学时：20学时）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI 设计、JavaScript 网页特效适用专业：信息技术及其计算机相关专业开课部门：计算机系一、课程的性质与目标《HTML5+CSS3+JavaScript网页设计基础与实战》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标签、CSS样式、网页布局、动画、JavaScript基础、HTML5应用、JavaScript特效和响应式布局等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
该课程属于“1+X 证书制度”Web 前端的初级课程，通过本课程，能够为学习后面的前端知识夯实基础。
二、课程设计理念与思路课程设计理念：课程的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。
单纯的技能训练不是提高高等职业教育的理想课程。
以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计出理论学习与技能掌握相融合的课程内容体系。
教学整体设计“以技能培养为目标，以案例（项目）任务实现为载体、理论学习与实践操作相结合”。
三、教学条件要求开发工具：webstorm或其他代码编辑工具四、课程的主要内容及基本要求第一章初识web前端第二章HTML构建基本网页第三章使用列表与表格布局第四章设计网页页面第五章表单与表单设计效果第六章实现CSS3动画第七章JavaScript基础应用第八章实现HTML5应用第九章JavaScript特效第十章移动端布局与响应式开发第十一章综合案例-快递网站首页五、学时分配六、考核模式与成绩评定办法本课程为考试课程，期末考试采用百分制的闭卷考试模式。
