web网页制作课程设计一、课程目标知识目标：1. 让学生掌握Web网页制作的基本概念，如HTML、CSS、JavaScript等；2. 使学生了解网页设计的基本原则，包括布局、色彩、字体等；3. 帮助学生掌握常用的网页制作工具和技术，如Dreamweaver、Sublime Text等。
技能目标：1. 培养学生独立完成网页设计与制作的能力，包括编写代码、调整布局、优化页面等；2. 提高学生解决实际问题的能力，如调试代码、优化网页性能等；3. 培养学生团队协作和沟通能力，能够与他人共同完成项目。
情感态度价值观目标：1. 培养学生对Web网页制作的兴趣，激发学生学习编程的热情；2. 培养学生认真负责、精益求精的工作态度，提高学生的审美观念；3. 引导学生关注互联网发展趋势，培养创新意识和探索精神。
课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和实际操作技能。
学生特点：学生具备一定的计算机操作基础，对网页制作有一定了解，但对编程知识掌握较少。
教学要求：结合学生特点，采用案例教学、任务驱动等方法，注重理论与实践相结合，提高学生的实际操作能力。
在教学过程中，关注学生的个体差异，鼓励学生积极参与，充分调动学生的主观能动性。
通过课程学习，使学生能够独立完成网页设计与制作，为未来从事相关工作奠定基础。
二、教学内容1. 网页制作基础知识：包括HTML、CSS、JavaScript等基本概念，以及网页设计的基本原则和流程。
- 教材章节：第一章至第三章- 内容列举：HTML标签、属性、页面结构；CSS样式、选择器、布局；JavaScript语法、事件处理、DOM操作。
2. 网页制作工具与技术：介绍常用的网页制作工具和技术，如Dreamweaver、Sublime Text等。
- 教材章节：第四章- 内容列举：Dreamweaver界面与功能；Sublime Text基本操作、插件安装与使用。
3. 网页布局与设计：学习网页布局的基本原则，掌握常见的布局方式，提高页面设计能力。
Web1.0
是以编辑为特征，网站提供给用户的内容是网站编辑进行编辑处理后提供的，用户阅读网站提供的内容。
这个过程是网站到用户的单向行为，web1.0时代的代表站点为新浪，搜狐，网易三大门户。
Web2.0
更注重用户的交互作用，用户既是网站内容的消费者（浏览者），也是网站内容的制造者。
（微博、天涯社区、自媒体）是以加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与；用户在web2.0网站系统内拥有自己的数据。
并完全基于WEB，所有功能都能通过浏览器完成。
web1.0与web2.0的不同之处
1：在web2.0之中个人不再是互联网信息被动的接收者,而是作为一个主动者参与到了互联网的发展之中!用户不再是一个单纯的浏览者而是成为了互联网这块大网的编织者,使用者与传播者!
2：web2.0不同于web1.0的最大之处在于它的交互性。
这个时期的典型代表有：博客中国、亿友交友、联络家等。
Web3.0
Web3.0则完全不一样，其特点可归纳为
①网站内的信息可以直接和其他网站相关信息进行交互和倒腾，能通过第三方信息平台同
时对多家网站的信息进行整合使用；
②用户在互联网上拥有自己的数据，并能在不同网站上使用;
③完全基于WEB，用浏览器即可以实现复杂的系统程序才具有的功能,比如即时通聊天等
等就可以直接在网页完成，无需下载任何软件。
四川大学《WEB技术与网页制作》15春在线作业1满分答案一、单选题1. 以下标记符中，用于设置页面标题的是：A. <title>B. <caption>C. <head>D. <html>正确答案:A2. 下面关于绝对路径的说法，正确的是：A. 绝对路径是被链接文档的完整URL，不包括使用的传输协议B. 绝对路径是被链接文档的完整URL，不包括文件名C. 绝对路径是被链接文档的完整URL，不包括文件虚拟路径D. 创建外部链接时，必须使用绝对路径正确答案:D3. HTML定义了网页的结构，（）决定了浏览器如何显示HTML代码。
A. JavaScriptB. CSSC. XMLD. C#正确答案:B4. 下面说法错误的是：A. CSS样式表可以将格式和结构分离B. CSS样式表可以控制页面的布局C. CSS样式表可以使许多网页同时更新D. CSS样式表不能制作体积更小下载更快的网页正确答案:D5. 一台装有windows系统的计算机，要上网必须安装（）协议。
A. NetBeuiB. IPX/SPXC. TCP/IPD. FTP正确答案:C6. 框架中rows和cols的属性值可以是：A. 百分数B. 像素值C. 星号“*”D. 以上都可以正确答案:D7. 以下不属于动态网页技术的是：A. CGIB. C. HTMLD. JSP正确答案:C8. 若想将窗体中数据发送到服务器，并由服务器脚本处理，应将<INPUT>标记的TYPE 属性的值设为：A. SUBMITB. RADIOC. PASSWORDD. RESET正确答案:A9. 网页最基本的元素是：A. 文字与图像B. 声音C. 超链接D. 动画正确答案:A10. BODY元素可以支持很多属性，其中用于定义文档背景颜色的属性为：A. ALINKB. BACKGROUNDC. BGCOLORD. VLINK正确答案:C11. 下面是静态网页文件的扩展名的是：A. aspB. aspxC. htmD. jsp正确答案:C12. 当<INPUT>标记的TYPE属性为（）时，代表一个密码框。
web1.0与web2.0的区别介绍附举例WEB1.0是以数据为核⼼的⽹，那我觉得WEB2.0是以⼈为出发点的互联⽹。
例如：脚本之家就是web1.0类型的⽹站，⼤多数数据都是经过内容⼈员整理加⼯，质量有保证，但缺乏新内容，涉及⾯等.也就是⼤家经常说的数据站，靠优质内容带来流量。
靠搜索引擎等来吃饭。
cnblogs就是web2.0发动⼤家发信息，虽然内容⽔平不⼀，但富含新内容，涉及⾯也⽐较⼴。
毕竟⼈多⼒量⼤。
有⾃⼰的⽤户群体，靠品牌。
web1.0时代是⼀个群雄并起，逐⿅⽹络的时代，虽然各个⽹站采⽤的⼿段和⽅法不同，但第⼀代互联⽹有诸多共同的特征，表现在技术创新主导模式、基于点击流量的盈利共通点、门户合流、明晰的主营兼营产业结构、动态⽹站。
在WEB1.0上做出巨⼤贡献的公司有Netscape，Yahoo和Google。
Netscape研发出第⼀个⼤规模商⽤的浏览器，Yahoo的杨致远提出了互联⽹黄页， ⽽Google后来居上，推出了⼤受欢迎的搜索服务。
⼀、web1.0基本采⽤的是技术创新主导模式，信息技术的变⾰和使⽤对于⽹站的新⽣与发展起到了关键性的作⽤。
新浪的最初就是以技术平台起家，搜狐以搜索技术起家，腾讯以即时通讯技术起家，盛⼤以⽹络游戏起家，在这些⽹站的创始阶段，技术性的痕迹相当之重。
⼆、web1.0的盈利都基于⼀个共通点，即巨⼤的点击流量。
⽆论是早期融资还是后期获利，依托的都是为数众多的⽤户和点击率，以点击率为基础上市或开展增值服务，受众群众的基础，决定了盈利的⽔平和速度，充分地体现了互联⽹的眼球经济⾊彩。
三、web1.0的发展出现了向综合门户合流现象，早期的新浪与搜狐、⽹易等，继续坚持了门户⽹站的道路，⽽腾讯、MSN、GOOGLE等⽹络新贵，都纷纷⾛向了门户⽹络，尤其是对于新闻信息，有着极⼤的、共同的兴趣。
这⼀情况的出现，在于门户⽹站本⾝的盈利空间更加⼴阔，盈利⽅式更加多元化，占据⽹站平台，可以更加有效地实现增值意图，并延伸由主营业务之外的各类服务。
