web简单网页课程设计报告
web网页开发课程设计
web网页开发课程设计一、课程目标知识目标：1. 让学生理解Web网页开发的基本概念，掌握HTML、CSS和JavaScript的基础知识。
2. 学习并运用网页设计原则，如页面布局、色彩搭配、字体选择等，提高网页审美能力。
3. 了解Web前端框架的作用，学会使用至少一种常见框架，如Bootstrap、Vue.js等。
技能目标：1. 学会使用网页开发工具，如Visual Studio Code、Sublime Text等，编写规范的代码。
2. 培养学生独立完成静态网页设计与开发的能力，实现网页的响应式设计，适应不同设备。
3. 学会利用调试工具，如Chrome开发者工具，调试并优化网页性能。
情感态度价值观目标：1. 培养学生对Web网页开发的兴趣，激发学习积极性，提高创新意识。
2. 培养团队协作精神，学会与他人共同解决问题，分享学习经验。
3. 增强学生的网络安全意识，遵循道德规范，自觉抵制不良信息。
本课程针对初中年级学生，结合学生年龄特点，注重培养学生的学习兴趣和动手能力。
在教学过程中，充分考虑学生的认知水平和接受程度，循序渐进地引导他们掌握Web网页开发知识。
课程目标旨在使学生在掌握基本知识的同时，提高实际操作能力，培养良好的团队协作精神和价值观。
通过具体的学习成果分解，教师可针对性地进行教学设计和评估，确保课程目标的实现。
二、教学内容1. 网页基础知识- HTML基础：学习HTML标签、属性、页面结构等。
- CSS基础：学习选择器、盒模型、布局、样式优先级等。
- JavaScript基础：了解变量、数据类型、运算符、函数等。
2. 网页设计与布局- 学习网页设计原则，如页面布局、色彩搭配、字体选择等。
- 学习并实践响应式设计，掌握媒体查询和移动端布局技巧。
3. 前端框架与库- 了解Bootstrap框架，学习栅格系统、样式组件等。
- 了解Vue.js框架，学习基本概念、指令、生命周期等。
4. 网页开发工具与调试- 学习使用Visual Studio Code、Sublime Text等开发工具。
web技术课程设计报告
web技术课程设计报告一、课程目标知识目标：1. 让学生掌握Web技术的基本概念，包括HTML、CSS和JavaScript的使用。
2. 使学生了解Web开发的流程，理解网页的结构、样式和行为之间的相互关系。
3. 帮助学生掌握浏览器与服务器之间的通信原理，了解HTTP协议的基本概念。
技能目标：1. 培养学生运用HTML编写结构化网页的能力，能正确使用标签组织内容。
2. 培养学生运用CSS设计美观、兼容性强的网页样式，掌握基本的布局方法。
3. 培养学生运用JavaScript实现网页动态效果，能编写简单的交互功能。
4. 培养学生运用Web技术解决实际问题的能力，具备基本的网页制作与调试技能。
情感态度价值观目标：1. 激发学生对Web技术的兴趣，培养其主动探究、自主学习的精神。
2. 培养学生良好的团队协作意识，学会与他人分享、交流、合作解决问题。
3. 培养学生具备网络安全意识，了解网络道德规范，树立正确的网络价值观。
课程性质分析：本课程为信息技术课程，旨在帮助学生掌握Web技术的基本知识和技能，提高其信息技术素养。
学生特点分析：1. 学生具备一定的计算机操作能力，但对Web技术了解有限。
2. 学生好奇心强，对新事物充满兴趣，但注意力容易分散。
3. 学生在团队协作、沟通表达方面有待提高。
教学要求：1. 教师应以学生为主体，注重启发式教学，引导学生主动探究。
2. 教学内容要贴近实际，注重实践操作，提高学生的动手能力。
3. 教师应关注学生的个体差异，实施分层教学，使每位学生都能在课程中取得进步。
4. 教师要关注学生的情感态度价值观培养，将德育融入教学过程中。
二、教学内容根据课程目标，本课程教学内容主要包括以下几部分：1. Web技术基本概念- 网络基础知识- HTML、CSS、JavaScript简介- 网页的结构、样式和行为2. HTML- 标签及其属性- 网页结构化元素- 表单与表格- 多媒体与语义化标签3. CSS- 选择器- 文本与字体样式- 盒模型与布局- 响应式设计- CSS3新特性4. JavaScript- 基本语法与数据类型- 函数与对象- DOM操作- 事件处理- 常用库与框架简介5. 网络通信与HTTP协议- 请求与响应- 状态码与RESTful API - 数据提交方式- 网络安全与隐私6. 实践项目- 简单网页制作- 网站布局与样式设计- 动态交互效果实现- 前端工程化与模块化教学内容安排与进度：1. 第1周：Web技术基本概念2. 第2-3周：HTML3. 第4-6周：CSS4. 第7-9周：JavaScript5. 第10周：网络通信与HTTP协议6. 第11-12周：实践项目教材章节与内容对应：1. 教材第1章：Web技术基本概念2. 教材第2章：HTML3. 教材第3章：CSS4. 教材第4章：JavaScript5. 教材第5章：网络通信与HTTP协议6. 教材第6章：实践项目三、教学方法为了提高教学效果，激发学生的学习兴趣和主动性，本课程将采用以下多样化的教学方法：1. 讲授法：教师以讲解为主，系统地传授Web技术的基本知识和概念，如HTML、CSS、JavaScript等。
web网页设计课程设计报告
web网页设计课程设计报告一、教学目标本课程旨在通过学习，使学生掌握Web网页设计的基本原理和方法，能够使用HTML、CSS等工具进行网页设计与制作，培养学生的创新意识和实践能力，提高学生运用信息技术解决实际问题的能力。
知识目标：理解Web网页设计的基本概念，掌握HTML、CSS等网页设计工具的使用方法。
技能目标：能够独立完成简单的网页设计与制作，具备一定的网页美工能力。
情感态度价值观目标：培养学生对信息技术的好奇心和创新意识，提高学生运用信息技术解决实际问题的能力，使学生认识到Web网页设计在现代社会的重要性。
二、教学内容本课程的教学内容主要包括HTML、CSS和网页设计的基本原理。
1.HTML：介绍HTML的基本结构，标签的使用，图片、链接和音频视频嵌入等。
2.CSS：介绍CSS的基本语法，选择器，盒模型，布局和样式。
3.网页设计：介绍网页设计的基本原则，色彩、字体和布局的设计方法。
三、教学方法本课程采用讲授法、案例分析法和实验法相结合的教学方法。
1.讲授法：用于讲解基本概念、原理和工具的使用方法。
2.案例分析法：通过分析实际案例，使学生更好地理解和掌握网页设计的方法和技巧。
3.实验法：通过实际操作，使学生掌握HTML、CSS等工具的使用，培养学生的实践能力。
四、教学资源1.教材：选用权威、实用的教材，如《Web网页设计基础》等。
2.参考书：提供相关的参考书籍，如《HTML与CSS入门经典》等。
3.多媒体资料：制作精美的PPT，提供视频教程、在线案例等。
4.实验设备：提供足够的计算机设备，安装有相关的软件，如SublimeText、Visual Studio Code等。
五、教学评估本课程的评估方式包括平时表现、作业和考试三个部分，各部分所占比例分别为40%、30%和30%。
1.平时表现：通过课堂参与、提问、小组讨论等方式评估学生的学习态度和积极性。
2.作业：布置适量的作业，评估学生的理解和应用能力。
web(.asp)网站设计课程设计报告(实训报告)
湖南娄底职业技术学院web网站设计课程设计报告设计题目: 个人网站系部: 电子信息工程系专业: 计算机网络学生姓名: 陈赞林学号: 306020109起迄日期：2009年12月29日~ 2010 年01月02日指导教师：罗金玲教研室主任：《web网站设计》实训报告班级：06网高一班姓名：陈赞林实训地点：实训楼指导老师：罗金玲年月日：2010年01月02一、实验目的运用已经掌握的知识完成网站。
通过此次设计可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver8 flash 8 fireworks 8 Photoshop制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。
二、实训准备1、确定风格、确定主色调、及网页的主体外观、栏目的规划。
2、收集网页制作所需的相关资料和素材，并通过图像处理软件对图片进行加工处理。
三、实训要求1、主题鲜明、内容充实；颜色明快、醒目、结构合理；2、导航清楚、栏目合理、层次分明、使用方便3、设计8至15个页面。
内含：用户注册，登录系统，留言系统、统计在线人数，设为首页、加为收藏等动态网页内容。
四、实训内容（步骤及程序）实验方案设计：1.设计一个主页面(结构图如下)2.制作数据库(其实只做一个Data表就可以了)表一（用户注册）表二（用来存放网友在留言板中所输入的信息。
）实验过程（实验步骤、记录、数据、分析）（一）．⑴安装配置IIS（若配了就不用安装）①“开始→控制面板→添加删除程序”②打开“添加删除程序”选中“Internet信息服务（IIS）”单击进行装③经过一段时间等待后，屏幕上出现【完成“Windows 组件向导”】对话框，单击【完成】按扭，完成了IIS的安装。
（二）。
主页的制作1.生成进站页面，该页面以index.html的名字保存在根目录下（新建站点，在这里就介绍了）2.生成主页及其他的页面3.制作进站页面⑴用表格整体布局（插入→表格）插入一个4行一列的表格⑵添加网页元素（按照要求输入文字和图象）⑶页面属性设置在页面属性中将背景颜色设为绿色（#99cc33）以后颜色都是这个值，文本颜色为白色（#FFFFFF）※下面的心情文章也是用表格制作的在这里就不介绍了。
web简单网页课程设计报告
设计内容及要求<1>使用各种HTML标记，CSS各种常用样式及简单的JavaScript 技术，完成的网页没有错误<2>首页设置导航栏，命名为index.html<3>利用CSS技术对网站进行布局，网站风格统一<4>灵活运用JavaScript使网页生动一、设计思路首页：二、设计结果及分析首页：1.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。
东营：2.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。
广饶简介：联系：3.第四章做了根据js的一个互动。
可以对前台邮箱的内容进行判断。
图片欣赏：4.第五章，由于需要用到表格的内容，所以将照片用着种形式呈现出。
三、总结通过本次网页的制作过程，我学到了很多实用的东西，也充分了解了editpuls这个软件的强大，对学习了一个学期的课程也有了深入的了解。
在这段时间里，一方面，我尝试着讲课本上所学的知识运用到制作中，另一方面，我又时刻在网上学习自己需要的知识，学习到了很多有用的知识。
虽然之前对于代码的编辑不是很明白，但这几天不断搜集各种网站模板，不断学习设计思路。
虽然呈现出的作品很不完整，基本达不到观赏性和实用性，但我还会不断练习。
争取作出属于我的风格的web。
五、附录（源代码）首页：<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>web课程设计</title><link href="style.css" rel="stylesheet" type="text/css" /><style type="text/css">body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;background:black ;}</style></head><body><div id="wrapper"><div id="logo"><h1>我大东营</h1></div><div id="menu"><ul><li><a href="index.html">主页</a></li><li><a href="jingji.html">东营</a></li><li><a href="techan.html">广饶</a></li><li><a href="dili.html">关于</a></li><li><a href="注册.html">欣赏</a></li></ul></div><div class="jianjie"><p>简介</p></div><div class="item"><p><strong>欢迎来到我的web<a href="index.html">课程设计</a></strong></br><strong>我要向大家介绍一个美丽的<a href="jingji.html">城市</a></strong></br><strong>&我的<a href="techan.html">家乡</a></strong></p></div></div><div id="footer"><p><a href="/">济南大学</a>信息科学与工程学院</p></div></body></html>东营/广饶页面<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>东营</title><link href="style.css" rel="stylesheet" type="text/css" /><link href="jingji.css" rel="stylesheet" type="text/css" /><style type="text/css">body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;background:pink ;}</style></head><body><div id="wrapper"><div id="logo"><h1>东营</h1></div><div id="menu"><ul><li><a href="index.html">主页</a></li><li><a href="jingji.html">东营</a></li><li><a href="techan.html">广饶</a></li><li><a href="dili.html">关于</a></li><li><a href="注册.html">欣赏</a></li></ul></div><div id="sidebar"><li><h2>荣誉</h2><li>东营荣获“2012中国特色魅力城市”称号</li><li>东营在2013年成为国家首批“智慧城市”试点单位（山东省共8个地市获得此称号，东营在山东排名第一）</li></li><li><h2>区划</h2><li>东营区有6街道4镇（文汇街道、东城街道、辛店街道、胜利街道、黄河路街道、胜园街道，牛庄镇、六户镇、龙居镇、史口镇）</li> </li><li><h2>教育</h2><p> <li>教育、卫生稳步发展，质量进一步提高。
简单web课程设计项目报告
简单web课程设计项目报告一、课程目标知识目标：1. 了解Web的基本概念，掌握HTML、CSS和JavaScript的基础知识；2. 学会使用Web技术进行页面布局和样式设计；3. 掌握基本的JavaScript编程，实现简单的交互功能；4. 了解网站开发的流程和规范。
技能目标：1. 能够运用HTML和CSS编写结构清晰、样式美观的网页；2. 能够使用JavaScript实现简单的前端交互功能；3. 能够运用Web技术进行项目实践，完成一个简单的Web页面设计；4. 能够遵循网站开发规范，进行团队协作和沟通。
情感态度价值观目标：1. 培养学生对Web技术的兴趣，激发学习热情；2. 培养学生的创新意识和审美观念，注重页面设计的美观与实用性；3. 培养学生团队协作精神，提高沟通与协作能力；4. 培养学生严谨、细致的学习态度，养成良好的编程习惯。
课程性质：本课程为信息技术课程，结合实际操作，注重理论与实践相结合。
学生特点：六年级学生，具备一定的计算机操作基础，对新鲜事物充满好奇，喜欢动手实践。
教学要求：教师应关注学生的个体差异，因材施教，注重培养学生的实际操作能力和团队协作精神。
教学过程中，以学生为主体，教师为主导，引导学生主动探究、积极实践，提高学生的综合素养。
通过本课程的学习，使学生能够掌握Web技术的基本知识，具备一定的网页设计与制作能力，为后续学习打下坚实基础。
二、教学内容1. Web基础知识：介绍Web的概念、发展历程和基本原理，引导学生了解互联网的基本构成和运行机制。
- 教材章节：第一章 Web概述2. HTML基础：讲解HTML的基本语法、常用标签及其作用，使学生能够编写结构清晰的网页。
- 教材章节：第二章 HTML基础3. CSS样式设计：介绍CSS的基本概念、选择器和属性，教授如何使用CSS 进行页面布局和样式设计。
- 教材章节：第三章 CSS样式设计4. JavaScript编程：讲解JavaScript的基本语法、函数、事件处理等，使学生能够实现简单的前端交互功能。
web网页设计课程设计报告
《web开发技术》课程设计学院：工学院专业：软件工程班级：1401姓名：兰欣学号：29指导教师：姬广永2015年12月31日工学院课程设计评审表《web开发技术》课程设计任务书新疆行网站的设计1设计目的随着我国经济的迅速发展，人们的生活水平有了显着提高，假日经济和旅游经济已成为人们消费的热点。
各地也把旅游业当作本地经济发展的重要支柱之一，从而带动别的经济产业的快速发展。
旅游网站也就成为了各旅游胜地和旅行社对外宣传中不可缺少的工具，它的内容对于旅游胜地的宣传和旅游地的项目的开发的决策起着非常重要的作用。
新疆拥有丰富的地域优势和民族民俗文化旅游资源，该网站通过首页、新疆简介、风土人情、吃在新疆、路线选择五个页面，文字与图片搭配来介绍新疆旅游。
2网站规划网站的类型：旅游网站网站主题：新疆行网站风格：网站以蓝色为主色调，以白色为辅色，布局简单明了，突出新疆风景秀丽原生态。
使用的技术：Html、Div、CSS、JavaScript、Photoshop网站栏目：首页、新疆简介、风土人情、吃在新疆、路线选择网站结构示意图：3站点首页设计首页采用导航在主视觉下方的布局，导航放在banner下面的好处是可以弥补banner中设计素材截断的缺点，让设计看上去完整、自然。
在导航条下划分左中右三个内容区，分别用风景与简洁的文字来吸人眼球。
在图片的选择上，一是体现出新疆旅游景点的特色，而是与主色调蓝色相呼应，是整体更协调。
网站主页效果图首先在网上搜集大量的图片和文档进行整理，对进行图像处理，并制作了一些图像，进行保存用于网页设计。
用Div对页面进行布局，用CSS对页面进行控制，最后再添加超链接以及特效。
主页源代码<!DOCTYPE html PUBLIC "-/images/ no-repeat;margin:0px;}#globallink a:link, #globallink a:visited{color:#004a87;text-decoration:underline;}#globallink a:hover{color:#FFFFFF;text-decoration:underline;background:url(../images/ no-repeat;}#left{float:left;width:200px;background-color:#FFFFFF;margin:0px;padding:0px 0px 5px 0px;color:#d8ecff;}#left div{background-color:#5ea6eb;margin:0px 5px 0px 5px;}.map{margin:0px 5px 0px 5px;background-color:#5ea6eb;}#left div h3{font-size:12px;padding:4px 0px 2px 15px;color:#003973;margin:0px 0px 5px 0px;background:#bbddff url(../images/ no-repeat 5px 7px; }#today{padding:0px 0px 10px 0px;}#today ul{list-style:none;margin:-5px 0px 0px 0px;padding:0px;}#today ul li{text-align:center;}#today ul li img{border:1px solid #FFFFFF;margin:8px 0px 0px 0px;}#today ul li a:link, #today ul li a:visited{color:#d8ecff;text-decoration:none;}#today ul li a:hover{color:#FFFF00;text-decoration:underline;}#middle{background-color:#FFFFFF;margin:0px 0px 0px 2px;padding:5px 0px 0px 0px;width:400px; float:left;}#middle div{margin-left:5px;margin-right:5px;position:relative;}#middle h3{margin:0px; padding:0px;height:41px;}#middle h3 span{display:none; /* 文字去掉，换成图片*/ }#beauty{margin:15px 0px 0px 0px;padding:0px;}#beauty h3{background:url(../images/ no-repeat;}#beauty ul, #route ul{list-style:none;margin:8px 1px 0px 1px;padding:0px;}#beauty ul li{float:left;width:97px;text-align:center;}#beauty ul li img{border:1px solid #4ab0ff;}#route{clear:both; margin:0px;padding:5px 0px 15px 0px;}#route h3{background:url(../images/ no-repeat;}#route ul li{padding:3px 0px 0px 30px;background:url(../images/ no-repeat 20px 7px;}#route ul li a:link, #route ul li a:visited{color:#004e8a;text-decoration:none;}#route ul li a:hover{color:#000000;text-decoration:underline;}#right{float:left;margin:0px 0px 1px 2px;width:176px;background-color:#FFFFFF;color:#d8ecff;}#right div{position:relative;margin-left:5px;margin-right:5px;background-color:#5ea6eb;}#right div h3{font-size:12px;padding:4px 0px 2px 15px;color:#003973;margin:0px 0px 5px 0px;background:#bbddff url(../images/ no-repeat 5px 7px; }#map{margin-top:5px;}#map p{text-align:center;margin:0px;padding:2px 0px 5px 0px;}#map p img{border:1px solid #FFFFFF;}#food{padding-top:10px;}#food ul, #life ul{list-style:none;padding:0px 0px 10px 0px;margin:10px 10px 0px 10px;}#food ul li, #life ul li{background:url(../images/ no-repeat 3px 9px;padding:3px 0px 3px 12px;border-bottom:1px dashed #EEEEEE;}#food ul li a:link, #food ul li a:visited, #life ul li a:link, #life ul li a:visited{ color:#d8ecff;text-decoration:none;}#food ul li a:hover, #life ul li a:hover{color:#000000;text-decoration:none;}#life{padding-top:10px;padding-bottom:5px;margin-bottom:5px;}#footer{background-color:#FFFFFF;margin:1px 0px 0px 0px;clear:both;position:relative;padding:1px 0px 1px 0px;}#footer p{text-align:center;padding:0px;margin:4px 5px 4px 5px;background-color:#5ea6eb;}#footer p a{color:#FFFFFF;text-decoration:none;}#jianjie{float:left;padding:10px 10px 10px 10px;width:560px;background-color:#FFFFFF;}.font1{font-size: 14px;color: #000;line-height: 18px;text-indent: 2em;font-weight: normal;}.font2{font-size:18px;font-weight:bold;color:#000;text-indent:2em;}.clear{ clear:both;}.mainbox{overflow:hidden;position:relative;}.flashbox{overflow:hidden;position:relative;}.imagebox{text-align:right;position:relative;z-index:999;}.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}.defimg{background-image:url(../images/}.curimg{background-image:url(../images/}JS代码function PPTBox(){= ();[] = this;$ = function(id){return (id);};= 390;lickPic("+i+")\" onmouseover=\""+eventstr+".mouseoverPic("+i+")\"></div>" + imageHTML;}$+"_flashbox").innerHTML = flashbox;$+"_imagebox").innerHTML = imageHTML;},_play : function(){clearInterval;var idx = +1;if(idx>= (idx);var eventstr = "['"++"']._play()";= setInterval(eventstr,*1000);},flashHTML : function(url,width,height,idx) {var isFlash = ('.')+1).toLowerCase()=="swf";var html = "";if(isFlash){html = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-0000' "+ "codebase='' width='"+width+"' height='"+height+"'>"+ "<param name=\"movie\" value=\""+url+"\" />"+ "<param name='quality' value='high' />"+ "<param name='wmode' value='transparent'>"+ "<embed src='"+url+"' quality='high' wmode='opaque' pluginspage=''"+" type='application/x-shockwave-flash' width="+width+" height='"+height+"'></embed>"+" </object>";} else {var eventstr = "['"++"']";var style = "";if[idx].href){style = "cursor:pointer"}html="<img src='"+url+"' style='width:"+width+"px;height:"+height+"px;"+style+"' onclick = \""+eventstr+".clickPic("+idx+")\"/>";}return html;},changeIndex : function(idx){var parame = [idx];moveElement+"_flashbox",-(idx*,1);var imgs = $+"_imagebox").getElementsByTagName("div");imgs[ = "bitdiv defimg";imgs[ = "bitdiv curimg";= idx;},mouseoverPic:function(idx){(idx);if>0){clearInterval;var eventstr = "['"++"']._play()";= setInterval(eventstr,*1000);}},clickPic:function(idx){var parame = [idx];if&&!=""){,;}},add:function (imgParam){[ = imgParam;},show : function () {();();if>0){var eventstr = "['"++"']._play()";= setInterval(eventstr,*1000);}}}var PPTBoxHelper ={count: 0,instance: {},getId: function() { return '_ppt_box-' + ++); }};function moveElement(elementID,final_x,interval) {if (! return false;if (!(elementID)) return false;var elem = (elementID);if {clearTimeout;}if (! {= "0px";}var xpos = parseInt if (xpos == final_x ) {return true;}if (xpos < final_x) {var dist = ((final_x - xpos)/5);xpos = xpos + dist;}if (xpos > final_x) {var dist = ((xpos - final_x)/5);xpos = xpos - dist;}= xpos + "px";var repeat = "moveElement('"+elementID+"',"+final_x+","+interval+")";= setTimeout(repeat,interval);}4网站其他页面及核心代码子页延续了主页的布局，不过在导航栏下设左右两个分区，左边为二级导航栏，右边为内容区。
web前端课程设计个人网页设计
web前端课程设计个人网页设计一、教学目标本课程的学习目标包括：知识目标：学生能够理解并掌握HTML、CSS和JavaScript的基本概念和用法，能够运用这些知识构建基本的个人网页。
技能目标：学生能够通过实践，掌握使用HTML编写网页结构、使用CSS进行页面样式设计和使用JavaScript实现交互功能的能力。
情感态度价值观目标：学生能够体验到web前端开发的乐趣，培养对技术的热爱和积极探索的精神，提高自我学习和解决问题的能力。
二、教学内容教学内容将按照教材的章节进行，包括：第1章：Web前端基础，介绍HTML、CSS和JavaScript的基本概念。
第2章：HTML页面结构，学习如何使用HTML编写网页的结构。
第3章：CSS页面样式设计，学习如何使用CSS进行页面样式设计。
第4章：JavaScript交互功能，学习如何使用JavaScript实现网页的交互功能。
三、教学方法本课程将采用讲授法、案例分析法和实验法进行教学：讲授法：通过讲解和演示，让学生掌握Web前端的基本概念和用法。
案例分析法：通过分析实际案例，让学生理解并掌握如何构建个人网页。
实验法：通过实践操作，让学生亲手编写代码，培养其编程能力和解决问题的能力。
四、教学资源教学资源包括：教材：《Web前端开发教程》，作为主要的学习材料。
参考书：《HTML与CSS入门经典》，作为辅助的学习材料。
多媒体资料：包括教学PPT、视频教程等，用于辅助教学。
实验设备：计算机、网络等，用于实践操作。
五、教学评估教学评估将包括以下几个方面：平时表现：通过观察学生在课堂上的参与程度、提问和回答问题的表现来评估其学习态度和理解程度。
作业：布置与课程内容相关的作业，评估学生对知识的掌握和应用能力。
考试：定期进行考试，评估学生的综合理解和应用能力。
评估方式将力求客观、公正，全面反映学生的学习成果。
六、教学安排教学进度将按照教材的章节进行安排，确保在有限的时间内完成教学任务。
网页课程设计报告模板
网页课程设计报告模板一、教学目标本课程的教学目标是使学生掌握网页设计的基本原理和方法，能够独立完成简单的网页设计任务。
具体来说，知识目标包括了解网页设计的基本概念、掌握HTML和CSS的基本语法、理解网页设计的流程和原则。
技能目标包括能够使用HTML和CSS编写简单的网页、能够使用网页设计软件进行网页设计、能够进行网页的排版和美化。
情感态度价值观目标包括培养学生对网页设计的兴趣和热情、培养学生创新和团队协作的精神、培养学生的审美能力和责任感。
二、教学内容本课程的教学内容主要包括网页设计的基本概念、HTML和CSS的基本语法、网页设计的流程和原则、网页设计的工具和软件、网页的排版和美化等。
具体来说，将讲解网页设计的基本概念，如网页、、网页设计等，以及HTML和CSS的基本语法，如标签、属性、选择器等。
同时，将介绍网页设计的流程和原则，如需求分析、设计稿、编码等。
此外，还将教授如何使用网页设计软件进行网页设计，如Photoshop、Dreamweaver等，以及如何进行网页的排版和美化，如字体、颜色、布局等。
三、教学方法为了达到本课程的教学目标，将采用多种教学方法，如讲授法、案例分析法、实验法等。
首先，将采用讲授法向学生讲解网页设计的基本概念和HTML、CSS的基本语法。
然后，通过案例分析法，分析优秀的网页设计案例，使学生了解和掌握网页设计的流程和原则。
最后，通过实验法，让学生亲自动手实践，使用网页设计软件进行网页设计，进行网页的排版和美化。
四、教学资源为了支持本课程的教学内容和教学方法的实施，将选择和准备适当的教学资源。
教材方面，将选用权威、实用的网页设计教材，如《网页设计基础》、《HTML和CSS入门》等。
参考书方面，将提供一些经典的网页设计书籍，如《网页设计艺术》、《网页设计师手册》等。
多媒体资料方面，将收集一些优秀的网页设计案例，以及相关的教学视频和演示文稿。
实验设备方面，将确保学生能够使用计算机和网络进行实验和实践。
web网页课程设计
web网页课程设计一、课程目标知识目标：1. 让学生掌握Web网页设计的基本概念，了解HTML、CSS、JavaScript等网页编程语言的作用和基本结构。
2. 使学生学会运用网页设计软件（如Dreamweaver）进行网页布局、排版和美化的方法。
3. 引导学生了解网站建设的流程，掌握域名解析、服务器搭建等基本知识。
技能目标：1. 培养学生运用HTML、CSS、JavaScript等编程语言独立编写静态网页的能力。
2. 提高学生利用网页设计软件进行网页制作和优化的技能。
3. 培养学生团队协作能力，能够与他人共同完成网站项目的开发。
情感态度价值观目标：1. 激发学生对Web网页设计的兴趣，培养其主动学习和探索的精神。
2. 培养学生具有良好的审美观念，注重网页的美观与实用性相结合。
3. 引导学生遵循网络道德规范，关注网络安全，树立正确的网络价值观。
课程性质：本课程为信息技术课程，旨在培养学生的网页设计能力，提高学生的信息素养。
学生特点：六年级学生具有一定的计算机操作基础，好奇心强，喜欢动手实践，但注意力容易分散。
教学要求：结合学生特点，课程设计应注重实践性、趣味性和互动性，以激发学生学习兴趣，提高教学效果。
通过分解课程目标，使学生在完成具体学习成果的过程中，逐步达到课程目标。
后续教学设计和评估将以此为基础，确保课程目标的实现。
二、教学内容1. 网页设计基础知识：- HTML：标记语言基础，常用标签及其属性，页面结构布局。
- CSS：样式表概念，选择器，样式属性，盒子模型，页面布局。
- JavaScript：基本语法，函数，事件处理，DOM操作。
2. 网页设计软件应用：- Dreamweaver：软件界面及功能介绍，创建和管理站点，HTML文档编写，CSS样式应用，JavaScript行为添加。
3. 网站建设流程：- 域名解析：域名概念，解析原理，域名注册及管理。
- 服务器搭建：服务器概念，本地服务器搭建，网站上传与发布。
web课程设计网页制作
web课程设计网页制作一、课程目标知识目标：1. 让学生掌握网页制作的基本概念，了解HTML、CSS和JavaScript等网页编程语言的作用和功能。
2. 使学生了解网页设计的基本原则和流程，包括页面布局、色彩搭配、字体选用等。
3. 帮助学生掌握常用的网页制作工具和软件，如Dreamweaver、Sublime Text等。
技能目标：1. 培养学生运用HTML、CSS和JavaScript等编程语言进行简单网页制作的能力。
2. 培养学生运用网页设计原则，设计出美观、易用、兼容性强的网页。
3. 提高学生团队协作能力，学会在项目中分工与沟通。
情感态度价值观目标：1. 培养学生对网页制作的兴趣和热情，激发其主动学习的动力。
2. 培养学生具有良好的审美观念，关注用户体验，提高社会责任感。
3. 引导学生认识到网络信息安全的重要性，遵循网络道德规范，养成良好的网络行为。
课程性质：本课程为实践性较强的学科，注重培养学生的动手能力和实际操作技能。
学生特点：学生具备一定的计算机操作基础，对网页制作有一定了解，但编程能力和设计能力有待提高。
教学要求：结合学生特点，课程以实践操作为主，理论讲解为辅，注重培养学生的实际操作能力和团队协作能力。
教学过程中，将目标分解为具体的学习成果，便于教学设计和评估。
二、教学内容1. 网页制作基础知识：讲解HTML、CSS和JavaScript的基本概念、功能及作用，使学生了解网页编程语言的基本原理。
- 教材章节：第一章 网页制作基础知识2. 网页设计原则与流程：介绍页面布局、色彩搭配、字体选用等设计原则，讲解网页设计的基本流程。
- 教材章节：第二章 网页设计原则与流程3. 网页制作工具与软件：教授Dreamweaver、Sublime Text等常用网页制作工具的使用方法。
- 教材章节：第三章 网页制作工具与软件4. HTML与CSS编程：引导学生学习HTML标签、属性、页面结构等，掌握CSS样式表的使用，实现网页布局与样式设计。
网页课程设计报告
网页课程设计报告一、课程目标知识目标：1. 让学生掌握网页设计的基本概念，了解网页的构成元素和结构；2. 使学生掌握HTML和CSS的基础知识，能够运用基本标签创建和美化网页；3. 培养学生对网页设计规范的认知，了解网页的可访问性和用户体验。
技能目标：1. 培养学生运用HTML和CSS进行简单网页布局的能力；2. 使学生掌握基本的网页美化技巧，能够为网页添加合适的颜色、字体和图片；3. 培养学生运用网页设计工具进行网页创作的实践能力。
情感态度价值观目标：1. 激发学生对网页设计的兴趣，培养其创新意识和审美观念；2. 培养学生团队协作精神，提高沟通与协作能力；3. 引导学生关注网页设计在日常生活和职业发展中的应用，提高其信息素养。
课程性质：本课程旨在让学生在掌握网页设计基本知识的基础上，培养其实践操作能力，提高学生的信息素养。
学生特点：本年级学生具备一定的计算机操作基础，对新鲜事物充满好奇，具备较强的学习能力和动手能力。
教学要求：结合课程性质和学生特点，注重理论与实践相结合，以学生为中心，充分调动学生的主观能动性，培养其独立思考和解决问题的能力。
通过本课程的学习，使学生能够达到上述课程目标，为后续深入学习网页设计打下坚实基础。
二、教学内容本课程教学内容主要包括以下几部分：1. 网页设计基本概念：网页的构成元素、网页结构、网页设计原则。
- 教材章节：第一章 网页设计基础2. HTML基础知识：HTML基本结构、常用标签及其属性、列表、表格、表单。
- 教材章节：第二章 HTML基础3. CSS基础知识：CSS基本语法、选择器、字体样式、文本样式、盒模型、布局模型。
- 教材章节：第三章 CSS基础4. 网页布局与美化：网页布局原则、CSS布局方法、颜色与字体搭配、图片使用。
- 教材章节：第四章 网页布局与美化5. 网页设计工具：介绍常用的网页设计工具，如Dreamweaver、Sublime Text等。
Web网页设计实验报告
课程设计报告书2010/2011 学年第 1 学期设计题目： Web网页制作实验报告年级专业： 08级市场营销姓名学号：指导老师：经济管理系 12月20日目录一、设计目的 (3)二、设计题目 (3)三、结构设计 (3)四、技术分析 (4)五、设计过程 (7)六、实验心得 (10)七、实验总结 (11)[附录]网页源代码节选 (12)一、设计目的在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站建设在Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。
我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。
了解和熟悉网页设计的基础知识和实现技巧。
根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。
熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。
增强动手实践能力，进一步加强自身综合素质。
学会和团队配合，逐渐培养做一个完整项目的能力。
二、设计题目《C罗球迷之家》三、结构设计选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。
首先，做好需求调研。
调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。
然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。
我们选做的主题是个人主页，并且选定题目为“C罗球迷之家”，其目的是做一个简单的网站，介绍C罗的各个方面，提供一定的资讯信息，。
进行一番调研之后，该网站整体站功能结构图如下：四、技术分析(一)建立布局在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。
Web课程设计报告模板
-课程设计报告学院、系：计算机科学与技术系专业名称：2009计算机、软件工程、网络工程课程设计科目：Web程序设计题目：企业网站与开发系统学号、姓名：（小组所有成员的学号、姓名）指导教师：杨智泽完成时间：2012年2月--4月目录1. 开发背景 (3)2. 功能描述 (4)3. 需求分析 (7)4. 数据流程分析 (7)4.1、数据流程图.................................................................................... 错误！未定义书签。
4.2、数据字典........................................................................................ 错误！未定义书签。
5. 概念模型设计 (8)6. 逻辑模型设计和优化 (8)7. 物理设计和实施........................................................................................ 错误！未定义书签。
8. 应用程序设计（前台）............................................................................ 错误！未定义书签。
9. 课程设计心得体会 (10)一. 开发背景主要介绍开发该系统的意义所在，国内外发展情况，采用什么技术及结构来进行开发等。
目前在互联网上出现众多企业网站无人访问，深入研究发现，企业做网站有两大需求，一个是利用互联网开展营销活动，一个是利用互联网服务于企业管理，简而言之就是网络营销和企业信息化。
对于后者，一般适用于大型企业提高工作效率和协同办公，而对于广大的中小企业而言，做网站主要的目的则是开展网络营销。
如果企业没有明确自己为什么要做网站就盲目上马，自然会出现“无人喝彩”的尴尬境地。
web技术课程设计报告
web技术课程设计报告一、教学目标本课程的教学目标是使学生掌握Web技术的基本原理和应用，包括HTML、CSS和JavaScript等技术。
具体来说，知识目标要求学生了解Web技术的背景和发展历程，掌握HTML的基本结构和相关标签，理解CSS的语法和应用方式，了解JavaScript的基本语法和常用函数。
技能目标要求学生能够独立编写简单的HTML、CSS和JavaScript代码，实现静态网页的设计和功能。
情感态度价值观目标要求学生培养对Web技术的兴趣和热情，提高自主学习和解决问题的能力，增强团队协作和沟通能力。
二、教学内容本课程的教学内容主要包括HTML、CSS和JavaScript三个部分。
教学大纲如下：1.HTML基本结构和相关标签：介绍HTML的概述，掌握HTML的基本结构，学习常用的标签如标题、段落、列表、图片等。
2.CSS语法和应用：学习CSS的基本语法，包括选择器、属性和值，了解CSS的继承和优先级规则，掌握内联样式、内部样式表和外部样式表的应用。
3.JavaScript基本语法和常用函数：学习JavaScript的基本语法，包括变量、数据类型、运算符、控制结构等，了解函数的定义和调用，掌握常用的JavaScript函数如alert、confirm等。
三、教学方法为了激发学生的学习兴趣和主动性，本课程将采用多种教学方法相结合的方式。
主要包括：1.讲授法：教师通过讲解和演示，系统地传授Web技术的基本知识和技巧。
2.案例分析法：通过分析具体的网页设计案例，使学生更好地理解和运用所学的知识。
3.实验法：学生通过动手实践，编写代码并调试，提高实际操作能力。
四、教学资源为了支持教学内容和教学方法的实施，我们将选择和准备以下教学资源：1.教材：《Web技术基础》或其他合适的教材，用于引导学生系统地学习Web技术。
2.参考书：提供一些相关的参考书籍，供学生深入学习。
3.多媒体资料：制作课件和教学视频，辅助学生更好地理解和学习。
web网站设计课程设计报告
网站设计课程设计报告设计题目：个人网站设计专业数字媒体技术班级媒体102姓名张洁学号媒体102指导教师康晓兵完成时间2013年1月2012 年秋季学期个人网站设计摘要随着计算网络技术的发展不断提高，越来越多的人喜欢浏览网页、我们也可以在网上发现好多网站。
每个网站都有自己不同的风格和表现主题。
本次课程设计了一个个人网站。
详细讨论了DreamWeaver中网页的设计，实现了具有较完整功能的一个简单网站。
采用了表格和背景图片完成了整个网站的总体结构；同时，利用链接将各个页面连接起来，形成了很好的交互作用。
用的这种方法较为方便简答、制作出来的页面简洁大方，看起来一目了然，可以得到令人满意的效果。
关键词：表格、链接、网页设计目录一、绪论 (3)1.网站设计概述 (3)2.网站设计的要求及意义 (3)二、背景资料 (3)1.设计目的 (3)2.设计思路 (4)三、网站的建立 (4)1.实现思路 (4)2.系统结构框图 (5)3.系统功能流程图 (5)4.页面的设计 (5)四、网站功能的实现 (7)1.设计要点 (7)2.实现过程 (7)3.运行效果 (8)五、设计中遇到的问题 (8)六、设计总结 (9)1.设计效果 (9)2.存在问题 (9)3.自我评价 (9)七、附录 (10)参考文献 (11)一、绪论1.网站设计概述网站设计是一种建立在新媒体之上的新型设计，是艺术设计类和计算机网络类的交叉学科。
随着网络的发展，网站设计也越来越受重视。
网站设计中涉及到的内容具有视觉性和互动性、受众面也比较广，是区别于报刊和影视的媒体。
网站既具有传统媒体的优点，又能使传播变得更为直接、便捷和有效。
2.网站设计的要求及意义本课程设计要求使用DreamWeaver制作一个简单的网站。
主题为“个人网站”具体内容应该包括：个人主页、校园生活、家乡风光、个人爱好相册等页面。
具体要求如下：1.主题鲜明、设计新颖，页面美观、内容充实；2.网页层次分明，页面之间的链接清晰正确；3.不宜使用过多图片，系统移植性好准确可靠。
web课程设计报告首页设计
web课程设计报告首页设计一、教学目标本课程的教学目标是使学生掌握Web页面设计的基本原理和方法，能够独立完成Web页面的设计与制作。
具体目标如下：1.知识目标：理解并掌握Web页面设计的基本概念、原理和技巧，包括HTML、CSS和JavaScript的使用。
2.技能目标：能够运用HTML、CSS和JavaScript独立设计和制作出功能完善、界面美观的Web页面。
3.情感态度价值观目标：培养学生的创新意识和团队协作精神，使学生在完成Web页面设计的过程中，增强自信心，提高对计算机科学和网络技术的兴趣。
二、教学内容本课程的教学内容主要包括HTML、CSS和JavaScript三个部分。
1.HTML：介绍HTML的基本结构、标签及其属性，使学生能够理解并运用HTML编写基本的Web页面。
2.CSS：讲解CSS的基本语法、选择器、属性和伪类，培养学生对Web界面设计的美感和控制能力。
3.JavaScript：介绍JavaScript的基本语法、函数、事件处理和DOM操作，使学生能够运用JavaScript为Web页面添加动态效果。
三、教学方法为了提高教学效果，本课程将采用多种教学方法相结合的方式进行教学。
1.讲授法：讲解基本概念、原理和技巧，使学生能够系统地掌握Web页面设计的相关知识。
2.案例分析法：分析实际案例，使学生能够将理论知识应用于实际项目中。
3.实验法：上机操作，使学生能够亲手编写代码，提高实际动手能力。
4.讨论法：分组讨论，培养学生的团队协作能力和解决问题的能力。
四、教学资源为了支持教学内容的实施，我们将准备以下教学资源：1.教材：选用权威、实用的教材，为学生提供系统、全面的学习资料。
2.参考书：提供丰富的参考书籍，帮助学生深入理解Web页面设计的相关知识。
3.多媒体资料：制作精美的PPT、视频等多媒体资料，提高学生的学习兴趣。
4.实验设备：配置高性能的计算机和必要的实验设备，保障学生的实践操作。
web网络课课程设计
web网络课课程设计一、教学目标本节课的学习目标包括以下三个方面：1.知识目标：学生需要掌握Web网络的基本概念、网络协议、网络结构以及网络应用等相关知识。
2.技能目标：学生能够使用网络浏览器进行信息的检索和浏览；能够使用电子邮件进行信息的发送和接收；能够使用网络交流工具进行实时的沟通和交流。
3.情感态度价值观目标：培养学生对网络的正确使用态度，使学生能够认识到网络的两面性，自觉抵制不良信息，做到文明上网。
二、教学内容本节课的教学内容主要包括以下几个部分：1.Web网络的基本概念：介绍什么是Web网络，Web网络的特点和优势。
2.网络协议：介绍HTTP、HTTPS等网络协议的作用和功能。
3.网络结构：介绍互联网的层级结构，包括服务器、客户端、路由器等。
4.网络应用：介绍网络在日常生活和工作中的应用，如电子邮件、网络购物、在线办公等。
5.网络素养：介绍网络素养的定义和重要性，以及如何提高网络素养。
三、教学方法本节课的教学方法采用讲授法、案例分析法和小组讨论法相结合的方式进行。
1.讲授法：用于向学生传授Web网络的基本概念、网络协议、网络结构等知识。
2.案例分析法：通过分析具体的网络应用案例，让学生了解网络在日常生活和工作中的应用。
3.小组讨论法：分组让学生就网络素养的重要性进行讨论，培养学生的批判性思维和团队协作能力。
四、教学资源本节课的教学资源包括教材、多媒体资料和网络设备。
1.教材：使用《Web网络基础》教材，为学生提供系统的网络知识学习。
2.多媒体资料：制作课件、案例视频等，以图文并茂的形式展示网络知识，提高学生的学习兴趣。
3.网络设备：准备计算机、投影仪等设备，方便学生进行实时的网络操作和实践。
五、教学评估为了全面、客观地评估学生的学习成果，本节课采用以下几种评估方式：1.平时表现：通过观察学生在课堂上的参与程度、提问回答、小组讨论等表现，评估学生的学习态度和理解程度。
2.作业：布置相关的网络知识作业，如练习题、小论文等，评估学生对知识的掌握和运用能力。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
设计内容及要求<1>使用各种HTML标记，CSS各种常用样式及简单的JavaScript 技术，完成的网页没有错误<2>首页设置导航栏，命名为index.html<3>利用CSS技术对网站进行布局，网站风格统一<4>灵活运用JavaScript使网页生动一、设计思路首页：二、设计结果及分析首页：1.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。
东营：2.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。
广饶简介：联系：3.第四章做了根据js的一个互动。
可以对前台邮箱的内容进行判断。
图片欣赏：4.第五章，由于需要用到表格的内容，所以将照片用着种形式呈现出。
三、总结通过本次网页的制作过程，我学到了很多实用的东西，也充分了解了editpuls这个软件的强大，对学习了一个学期的课程也有了深入的了解。
在这段时间里，一方面，我尝试着讲课本上所学的知识运用到制作中，另一方面，我又时刻在网上学习自己需要的知识，学习到了很多有用的知识。
虽然之前对于代码的编辑不是很明白，但这几天不断搜集各种网站模板，不断学习设计思路。
虽然呈现出的作品很不完整，基本达不到观赏性和实用性，但我还会不断练习。
争取作出属于我的风格的web。
五、附录（源代码）首页：<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>web课程设计</title><link href="style.css" rel="stylesheet" type="text/css" /><style type="text/css">body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;background:black ;}</style></head><body><div id="wrapper"><div id="logo"><h1>我大东营</h1></div><div id="menu"><ul><li><a href="index.html">主页</a></li><li><a href="jingji.html">东营</a></li><li><a href="techan.html">广饶</a></li><li><a href="dili.html">关于</a></li><li><a href="注册.html">欣赏</a></li></ul></div><div class="jianjie"><p>简介</p></div><div class="item"><p><strong>欢迎来到我的web<a href="index.html">课程设计</a></strong></br><strong>我要向大家介绍一个美丽的<a href="jingji.html">城市</a></strong></br><strong>&我的<a href="techan.html">家乡</a></strong></p></div></div><div id="footer"><p><a href="/">济南大学</a>信息科学与工程学院</p></div></body></html>东营/广饶页面<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>东营</title><link href="style.css" rel="stylesheet" type="text/css" /><link href="jingji.css" rel="stylesheet" type="text/css" /><style type="text/css">body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;background:pink ;}</style></head><body><div id="wrapper"><div id="logo"><h1>东营</h1></div><div id="menu"><ul><li><a href="index.html">主页</a></li><li><a href="jingji.html">东营</a></li><li><a href="techan.html">广饶</a></li><li><a href="dili.html">关于</a></li><li><a href="注册.html">欣赏</a></li></ul></div><div id="sidebar"><li><h2>荣誉</h2><li>东营荣获“2012中国特色魅力城市”称号</li><li>东营在2013年成为国家首批“智慧城市”试点单位（山东省共8个地市获得此称号，东营在山东排名第一）</li></li><li><h2>区划</h2><li>东营区有6街道4镇（文汇街道、东城街道、辛店街道、胜利街道、黄河路街道、胜园街道，牛庄镇、六户镇、龙居镇、史口镇）</li> </li><li><h2>教育</h2><p> <li>教育、卫生稳步发展，质量进一步提高。
2010年全市普通高校在校生人数为52796人，比1983年增长1419.3%；中等专业学校在校生为4329人，比1983年增长146.7%</li><li>普通中学在校生为123326人，比1983年增长64.8%。
</li><li>城乡居民生活水平显著提高。
2010年末，全市在岗职工总人数30.81万人，比1983年增长133.8%，在岗职工平均工资19282元，是1983年的37.6倍；</li><li>城镇居民可支配收入23796元，是1985年的30.2倍；农民人均纯收入13047元，是1985年的22.5倍。
</li></li> <li><h2>地区特产</h2><li>河口冬枣</li></li></ul></div><div id="content"><div class="post"><h2 class="title">图片</h2><img src="images/dili.jpg" width="700" height="500" alt="image"><h2 class="title">经济</h2><div class="entry">在中国的城市之林中，东营市是一个非常年轻的城市。
30年间，东营人在一张白纸上，画出了最新最美的画图，经济社会发展之快令世人刮目相看。
生产总值。
</br></br></div><h2 class="title">资源</h2><div class="entry"><p>石油资源</br>东营市不仅“人杰”而且“地灵”。