公司网站设计与开发精品(七篇)

序论：写作是一种深度的自我表达。它要求我们深入探索自己的思想和情感，挖掘那些隐藏在内心深处的真相，好投稿为您带来了七篇公司网站设计与开发范文，愿它们成为您写作过程中的灵感催化剂，助力您的创作。

篇(1)

1.1教材方面

选用教材一般采用国家规划教材，教材的编写人员主要由从事此课程教学的一线教师组成，普遍不在公司一线工作，技能和技术上已经到不到目前公司的要求。另外，从开始编写教材到印刷出版，再到学生使用，往往已经过了好几年。由于WEB技术发展非常迅速，再加上网站设计开发工作的特殊性，学生所学到的知识，往往都是前几年的技术，已经不能满足公司对于网站设计人员的要求。

1.2教学内容方面

一本教材中前面章节的教学内容往往以知识点为主，后面章节加上几个WEB系统设计与实现，知识点非常分散，没有完整的围绕一条主线进行教学。教学过程中，学生虽然感觉学到了很多东西，但是教学内容没有紧紧围绕一条主线进行，学生学完之后总感觉学了很多东西，但是就是不知道怎么用。

1.3教学方法方面

传统教学都是以课程为中心，以教师为中心，以教材为中心，教师教什么，学生就学什么，没有从实际工作需要入手，学生完全处于被动接受，学生根据教师的讲授一步一步去完成，很难发挥学生的主观能动性。

1.4教学条件方面

主要采用多媒体教室+机房来保障教学，虽然能满足教学条件要求，但是学生在学校感受不到真实的工作环境，学习没有动力。

1.5教学团队方面

教师往往以中、青年教师为主，但是大部分教师没有相应的工作经验，直接从学校毕业就来到职业院校当老师，不了解社会上对于本门课程技术发展到什么程度和企业对于本门课程的人才需求。

2《网站设计开发》课程设计改革

2.1课程设计思路

依托各个网站设计公司及软件公司，开展校企合作进行课程联合开发建设。以职业能力培养为重点，以“工学结合”为切入点，依照“干什么、学什么、缺什么、补什么”的原则，基于网站架构设计师的典型工作任务和过程设计来进行课程教学体系。在课程设计中通过“真实产品开发、项目载体、知识理论实践一体化”将完整的项目开发过程贯穿在整个项目开发中,以提高学生职业能力和职业素养为目标，将网站设计开发知识和技能贯通于实践项目，以真实项目为核心整合网站设计人员所需的知识、技能和态度。在内容的选取上坚持够用、实用、新颖的原则，减少理论知识的讲解，理论基础知识以够用为准。同时，增加实践性、操作性强的知识，加强知识的实用性。密切结合行业需求，相关课程需要，注重知识连贯性和实效性。

2.2课程内容改革

《网站设计开发》课程的教学内容主要是针对高职高专层次的学生，以培养WEB应用开发程序员岗位的技能型人才培养目标，根据岗位和前后课程衔接的要求，综合考虑和选取教学内容。本课程基于一个真实的完整的项目----新闻系统开发的工作过程，在项目开发的过程中培养学生在WEB应用开发程序员岗位上每一工作环节的专项职业能力。（1）课程内容设计将实际项目转换为教学内容确定学习内容。以往的教学内容中的知识点非常非常松散，没有明确主线，因此我们选取真实的项目“新闻系统开发开发过程”为教学内容，根据开发流程将工作领域分成9个典型的工作情境，分别为搭建新闻系统项目开发环境、撰写新闻系统项目系统文档、新闻系统数据库设计、新闻系统数据库访问层设计与实现、新闻系统后台用户管理模块设计与实现、新闻系统后台栏目管理模块设计与实现、新闻系统后台文章管理模块设计与实现、新闻系统前台页面显示模块设计与实现、新闻系统安全控制与部署。（2）教学内容（表1）

2.3教学方法改进

2.3.1逆向式教学方法:教师在授课过程中摒弃原来那种先讲后练习的方式，而采用先简单给学生说明具体任务完成的思路和步骤，学生对照任务的思路和步骤自行完成，学生在任务过程中出现问题后，由师生共同解决问题，最后教师讲解任务的实现过程，并进行理论的提升。2.3.2任务驱动教学方法：将一个大型项目拆分成一个个小任务，通过让学生自主完成一个个小任务，最终实现一个大型项目。在完成一个个具体的小任务中，教师只是辅助指导，真正做到了讲、学、练一体化。通过在实践的过程中，培养和提高学生的学习兴趣，增强学生的自主学习能力。2.3.3项目实训教学方法：在综合练习之后，结合所学知识，给同学分组进行项目实训。通过具体的项目，让学生获得亲身参与软件开发研究的经历，充分提高了学生应用知识解决问题的能力。同时，还加强了学生在工作别需要的团队合作能力和协调能力，为学生能够在毕业后很快进入与实际工作衔接的工作岗位做好充分的准备。2.3.4基于问题的教学方法（PBT（Problem-BasedTeaching）[4]：在教学过程中，教师根据教学内容和教学需要，在课堂上设计问题情景，启发和引导学生积极主动参与课堂讨论，提出、分析和解决问题，从而得到问题的答案。在这个过程中，教师只给学生提供解决问题的思路和方法，主要以学生为中心，以问题为核心，以完成教学任务的一种教学方法。

2.4教学条件改进

2.4.1以现有的多媒体教室或机房建立仿真教学环境，由教师扮演企业代表，学生扮演软件开发团队成员，完成客户与项目组的交互过程。教师提出需求，学生完成“需求分析、系统设计、编码调试、提交作品”的各个过程，模拟企业项目的完整开发过程。2.4.2在学校建立大学生创业工作室，由学生从校外接一些真实项目开发的任务，让学生在学习的过程中就能够参加到真实项目的制作开发工作中去，这样，学生毕业进入企业后很快就能成为合格的专业技术人才。

2.5教学团队改进

2.5.1走出去，给一线教师提供到网站设计公司挂职和下企业实践的机会。2.5.2请进来，邀请拥有丰富工作经验的网站开发人员，在本课程中担任外聘教师，负责带领学生开发具体项目、综合实训指导等工作。

3结束语

篇(2)

关键词:网站设计;技术;应用

1开发背景

如今网络成为各单位、各企业宣传自身的重要平台。学校通过网站可以宣传办学理念、办学特色,介绍专业设置情况和招生就业情况,让师生可以更加直观地了解学校,在如今网络时代是很好的宣传平台。另外,随着网络技术的发展,网上预约、网上办公系统也大大提高了办事效率,节约了资源和时间。在教学资源共享方面,网络平台可以储存和共享各类资料、信息等,各类交互式学习和教学平台大大提高了教学效果。因此,加强网站建设,拓展网站功能,提升办公效率,不断开发网络技术,是计算机更好的服务于人们的日常工作,是技术发展的需要,也是专业人员的职责。

2网站开发工具

本人根据工作需要,在本网站设计中结合实际选择Dreamweaver8作为开发工具,运用PhotoshopCP处理好图片效果,应用在网页中,用Flash制作漂亮的动画,并在网页中使用,Dreamweaver8是Macromedia公司的开发产品,是目前使用最为广泛的网页制作软件。Dreamweaver8是一个集网页创作、网站开发与站点管理于一身的超重量级的创作工具。

3网站的分析与布局

3.1网站的色彩分析

本文以我单位中专部网站为设计基础,网站基调颜色选择是蓝色为主。因为蓝色是冷色调,给人以稳重、冷静的感觉,同时,蓝色也代表着创新,也是许多人钟爱的颜色。同时在设计过程中,蓝色与其他色调进行结合,通过对比,将蓝色的朴实、稳重、内向性格与其他活跃、扩张力的色彩进行对比,给人以沉静、理智、诚实以及和平、淡雅、可靠等感觉。

3.2网站的内容分析与布局

本文设计的网站是一个实用性的网站,是介绍宣传中专部基本情况、办学特色、教学与科研一体的综合性网站。中专部网站建设的内容是为了方便学校招生信息、教育教学改革成果、校内各类新闻等。根据工作需要,结合设计的思路,网站的板块计划作如下图1所示。本网站利用Dreamweaver进行开发,其功能目标是要实现信息在线浏览的功能。本系统建成后,对各功能模块进行了反复的测试,经过多次的修改各功能模块已经达到设计的要求。本网站开发技术先进、功能模块齐全并且具有较好的通用性。在本网站中界面的设计主要还是图文结合,以简洁大方为主。

4网站测试与上传

4.1网站的测试

网站制作完成后需要进一步的测试和运行,方便查看整体效果以及各模块适应情况。需要对网站进行全面测试。软件测试是为了发现程序中的错误而执行程序的过程。好的测试方案是极可能发现迄今为止尚未发现的错误的测试方案。

4.2网站上传

利用FlashFXP上传做好的完整的网站内容。FlashFXP是一款功能强大的FXP/FTP软件,集成了其它优秀的FTP软件的优点,如CuteFTP的目录比较,支持彩色文字显示等;如BpFTP支持多目录选择文件,暂存目录;又如LeapFTP的界面设计。支持目录(和子目录)的文件传输,删除;支持上传、下载以及第三方文件续传;可以跳过指定的文件类型,只传送需要的本件;可自定义不同文件类型的显示颜色;暂存远程目录列表,支持FTP及Socks3&4;有避免闲置断线功能,防止被FTP平台踢出;可显示或隐藏具有“隐藏”属性的文档和目录;支持每个平台使用被动模式等。在这一个章节中主要是网站的测试,通过IETESTER软件对系统整体功能进行测试,测试网页在IE6、IE7、IE8浏览器是否能都能正常显示。检验本网站是否符合系统开发的目标,发现系统存在的问题进行改进,利用Flashfxp上传网站,从任何浏览器都可以看到此网站,从而实现学院网站的开发目标。

作者:张雪莹 单位:永城职业学院

参考文献:

篇(3)

[关键词] 电子商务网站 网络数据库 ASP 服务器

一、引言

目前动态网站设计技术主要有Perl/C++/Delphi等开发的CGI,以及3P技术(ASP、JSP、PHP）。其中ASP即Ative Server Page，由微软公司开发，是一个WEB服务器端的开发环境，主要采用脚本语言VBScript、JavaScript等作为自己的开发语言，可用ODBC或直接驱动法访问Windows平台的数据库。

电子商务网站的设计主要包括“网站结构的设计”、“注册界面”、“交易界面”、“后台数据库”，以及“配套模块”诸如购物、用户、论坛、反馈、搜索、会话等设计。本文只给出统一的前台界面及后台数据库的设计方法。

二、构建ASP运行环境

ASP的运行环境：NT 5.0 Server,IIS 5.0和ASP。安装Windows 2000 Server时选择IIS 5.0有关选项。安装完后ASP便内嵌于IIS 5.0中。测试ASP的方法:启动浏览器，在地址栏处输127.0.0.1:80/default.asp,若浏览到IIS服务器的ASP欢迎页面，说明安装成功。

三、生成动态表单页面

为了通用,这里采用可能用到的表单对象为例，至于下面设计具体数据表用到的字段，只要转成给出的表单域相应对象即可。

用ASP动态生成与数据库进行数据交互的操作表单：form.asp，主要生成表单域头、生成普通文本、生成密码文本、生成滚动文本、生成单选、生成复选、生成列表框、生成提交按钮、生成重填按钮、生成表单域尾。

四、设计用于存储商务网站交互数据的MySql数据库

可在NT 5.0下用启动服务法、NET命令法等启动MySql数据库服务器，启动数据库服务器后，开始建立MySql数据库tradedb，接着建立MySql数据库表，这里以商务网站中常用的几种数据表为例，表结构如下：

客户登录管理数据表：

users ( ID, UserName, Password )

客户信息数据表：

usermessage ( UserName, Email, Address, Fax ,Phone , Cerreycard)

客户定购商品数据表：

catalog ( ProductId, Name , Price, Description )

五、设计处理表单数据的ASP程序

在form_perform.asp中建立与数据库的连接，这里采用直接驱动法：set conn = Server.CreateObject(“ADODB.Connection”)； conn.open “driver={MySQL};server=localhost;uid=sa;pwd=sa;database=tradedb”。

获取表单提交的数据：data1=request(“data1”)；data2=request(“data2”)；

用SQL语句对数据库进行操作，查询数据记录：sql=“select * from tablename” ；set rs=conn.execute(sql) ；

增加数据记录：sql=“insert into tablename(data1,data2) values(’data1‘,’data2‘)”； set rs=conn.execute(sql)；

更改某条数据记录：sql = “ update tablename set data1=”request(‘data1’)“where ID=”num“”； set rs=conn.execute(sql)；

删除某条数据记录：sql = “delete from tablename where ID=”num“”；set rs=conn.execute(sql)；

六、总结

考虑篇幅,本文没有对Linux平台、网站结构、各个功能模块设计等，只给出了Windows平台上，电子商务网站设计中的主要环节的代码设计。除了MsSql数据库，还可操作Windows平台上的Access/ Foxpro/Informix/Oracle等数据库,考虑MySql的许多方便的特点,本文以此为例,做了一些有益的工作。

篇(4)

实践表明，个体的发展主要是靠能力、具体的知识、技能，教育过程必须逐步使学生获得这种无形的、可持续发展的、内化的、人本的、个性的能力。所谓工作过程，指的是个体“为完成一件工作任务并获得工作成果而进行的一个完整的工作程序”。工作过程系统化课程主要体现为课程内容的选择和课程内容的排序。

（一）课程内容的选择

选择的课程内容要以职业资格为标准，使学生的知识、技能和价值观的学习融合为一体。高职生大多以形象思维为主，因此要设计和一定的环境和背景联系在一起的课程内容，重点在于让学生掌握“怎样做”和“怎样做更好”的过程性知识，陈述性知识为辅助。

（二）课程内容的排序

课程内容的排序包括形式上和实质上的序化结构。这要求对课程内容排序时，要从“3+6+6”这三方面考虑：一是从专业能力、方法能力和社会能力3个维度描述工作过程；二是从“对象、内容、手段、组织、产品、环境”6个要素描述；三是从“资讯、决策、计划、实施、检查、评价”6个步骤强调工作过程。

二、学习情境设计的基本思路

（一）通过分析岗位群和职业技能确定课程

课程设计的思路是依据对岗位群和对应的职业技能的分析，培养出适应于各行业移动应用的前端开发工程师、UI设计师、网站开发工程师、交互设计工程师等岗位的高端技能型专门人才。

（二）课程学习情境的挑选依据

作为基于工作过程系统化的《移动互联网站设计》课程，立足于移动互联网发展进入到第三个阶段的时代大背景，结合广东行业的发展现状以及新趋势下造成的人才缺口，认真解剖案例，是体现以学生为主体的学习领域课程，其教学方式上有如下特点：

（1）强调以学生直接经验的形式；

（2）增强学生关于职业内容和工作环境的感性认识，进而获得与职业相关的专业知识和技能；

（3）通过典型移动互联网页的案例来设计与制作，来掌握融合于实践行动中的新知识、新技能。

（三）面向工作过程的学习情境的能力分析

从2011年起，我们就开始通过社会需求调研、毕业生回访、企业一线技术人员反馈信息、参加国家级职业技能大赛，形成和完善“移动互联网站设计”课程的典型工作任务，以源于企业、经过教学改造的典型网页为载体，重构了体现移动互联网站设计的工作过程性知识与技能体系的学习领域课程，更结合社会发展趋势形成了课程的学习情境。在设计课程的学习情境时，从专业能力、方法能力、社会能力三方面考虑：

1.专业能力

全面了解移动互联网站建设与管理等相关知识，掌握移动互联网站方案策划、设计、实现，根据产品需求和设计图完成网站前端页面制作，保证页面的浏览器兼容性，优化前端页面体验和页面响应速度，维护网站整体结构。

2.方法能力

掌握网站页面的JS等交互原型的制作，CSS、模板的维护，策划、设计各种网站专题页面，设计合适的网页风格设计；掌握静态HTML页面制作，网站皮肤整体设计，界面设计、CSS高级使用、动态网站的简单应用，能够做出独出心裁的页面设计及实用性高的作品。

3.社会能力

具备不断探索新技术发展方向，结合实际不断创新的能力，工作主动热情，有恒心和责任心，逻辑性强，注重细节，有良好的沟通能力和团队意识，能够胜任移动互联网站及移动互联应用界面的各类工作。

（四）课程学习情境的设置思路

经过在原有课程的几年探索和积累，依据当前移动互联网站设计的“对象、内容、手段、组织、产品、环境”的6个要素，从以下几个方面进行课程内容的设置。

1.从就业岗位的趋势需要出发

按照以技能为核心、市场职业岗位需求为导向选择教学内容。在实际调查的基础上，以网页设计、网站前端开发，网站建设的综合技能为主线，使学生掌握一个基础，培养学生五大关键能力并按教学内容划分五大模块的模块化教学内容体系。

2.以培养岗位综合技能为主线

这种基层岗位综合技能，是为了适应企事业单位在构建网站平台时对具有实践性人才的复合能力的要求。既区别于单独的网站建设的战略规划能力，又区别于以单独使用网站从事生产、营销、财务等职业技能。整个课程的教学内容以这种综合技能为主线进行设计。

3.培养学生具备适应变化的能力

包括够用的网页美术设计基础、网页语言基础、交互设计基础，以及网站规划、管理、基础维护等，且知识贯穿在实际应用中讲授，目标是让学生掌握必备的知识和原理，并具备适应不断变化的网页设计趋势的能力。

4.培养学生五大关键能力

本课程要重点培养学生的五大关键能力，即网页设计能力、网站建设、创新能力、与客户沟通能力、项目组内成员的合作能力。这五大能力是一个网站开发人员的获得成功的必备能力。在本课程中，在介绍基本知识、原理的基础上，重点放在围绕网站设计工作过程所需的实用技能上，并把这五种能力的培养贯穿本课程的始终。

5.符合形象思维特点的教学方法

采用项目出题法、项目模拟法、合作法、问调法、冲浪法、岗位法这6种与高职学生形象思维相适应的教学方法，为学生创设掌握与运用知识的背景和环境。

（1）项目出题法。

请企业人士或社区人员按照实际需求出题，或者教师从现存的实际网站或APP中挑选，根据当时讲授的内容对题目进行加工后提供给学生，这样学生所做的作业与企业相适应，培养出适合市场需求的人才。

（2）项目模拟法。

建立模拟网站、网页，开发实际软件项目。学生建立自己的个人主页，让学生在网上个人主页，学生全员参与评估；与此同时，把网上PC版的网页（网站）改为移动版本，传送到智能终端以检查效果。部分同学参与实际计算机软件项目的开发。

（3）合作法。

要求学生在课上课下以组为单位组成项目组，进行讨论、研究、设计本组的项目，形成本组的方案。这种方式既挖掘了学生的个人创新能力，又能培养沟通与协作能力。

（4）问调法。

组织学生进行校园、社区、社会调查。有条件时，直接访问企业一线人员，组织学生与企业人员的对话活动。

（5）网络冲浪法。

根据教学进度需要，引导学生登陆有关网站，收集并整理素材资料，了解行业企业状况，学习最新知识，思考与分析现实问题。

（6）岗位法。

以就业岗位为导向，实行以能力为中心的开放式、全程化的情景教学。

（五）基于工作过程系统化的学习情境

根据移动互联网站设计的主要应用和当前设计趋势，在课程内容上设计了如下的学习情境。

三、结语

篇(5)

关键词 网站设计 控件

中图分类号：TP315 文献标识码：A

毫不夸张地说，计算机的出现，在给我们生活、工作、学习带来便利的同时，也在一定程度上改变了我们的生活习惯和生活方式，随着计算机网络技术的不断发展，人们对于计算机的依赖性也越来越强，对于计算机技术提出了更高的要求。互联网发展之初，Web凭借其图文并茂、音频技术以及可以进行有限的内部交互，得到了企业的青睐，随着Web的不断完善，逐渐形成了HTML、DHTML、ASP以及。是由微软公司推出的一款以建立动态网站为目的的网站制作技术，与传统的网站制作技术相比，面向的对象群体较为广泛，便于操作，具有较强的灵活性，因此，在各个领域的动态网站制作中得到了广泛应用。

1 概述

基于设计网站，可以使用多种语言进行编写，只要一台机器上具备框架，那么这个网站就可以正常运行。基于的网站设计打破了网站设计的局限性，网站设计者只要掌握一种编写语言，就可以对极为繁琐的Web应用进行编写，与传统的开发模式相比，具有高效率、强大支持、便于操作、灵活性强以及安全性高等优势。

2 服务器端组件

我们将服务器端用于放置组件的容器称之为 Web窗体。它是以文本文件的形式体现出来的（. aspx）。值得注意的是，在对其进行编译时，只需要一次就可以实现，同时，如果其它实例需要，也可以直接申请，再次使用。即使是在虚拟的根目录树下， Web窗体网页也可以正常使用， Web窗体的架构为可伸缩的程序模块，这个程序模块的任务就是在服务器端，进行动态网页的创建。

中包含着许多简单但是非常实用的控件：在诸多控件中，最为常用也是最为简单的就是Label控件，其主要任务就是将某段文本进行输出，并且其中的Text属性能够对输出的文本进行自定义设置。

当我们需要输出某张图片时，就需要Image控件来实现，通过Image Url就可以对图片的位置进行调整。除此之外，我们还可以凭借动态属性，对这张图片的动态属性进行改变。

用户可以在网页上输入文本，这个功能就是由Text Box控件实现的，它的值主要有三种体现形式：其一，编辑框（Single Line），单行输入模式。其二，文本框（Multi Line），可进行多行输入，并且带有滚动条。其三，密码输入框（Pass Word），密码输入模式。

我们在网站上看到的一些普通按钮，比如网上购物进行订单提交、网站退出确定按钮等，都是由Button控件实现的。此外可以进行普通按钮创建的还有Link Button控件，该控件的主要功能是在Web上实现超链接，也就是说，当我们在浏览一个网站时，当我们点击某一图片或某一段文本时，可以跳转到另一个网站。需要注意的是，Link Button控件与Hyper Link控件的外观相同，但是与Button空间的功能一致，如果网站中涉及到超链接，此时，我们将使用Hyper Link控件。

Image Button控件不仅能够显示图像，而且当鼠标点击到图像上时，能够做出相应的反应。

Check Box和Check Box List控件都是用来在web页面上创建复选框，允许用户进行true和false的转换。如果涉及的Check Box的控件较多，我们可以用Check Box List控件取代，并且与前者相比，Check Box List控件能够对数据进行绑定。但是，如果只存在一个Check Box控件，可以对Web页面进行更多控制。两者之间具有相似属性。Auto Post Back属性表示一旦状态被更改，是否将其自动回发到服务器上。如果自动回发，则设置成true，反之，设置成false。如果需要添加选项，则用到Check Box List控件中的Items属性，具体操作方法是：单击右边方形按钮，弹出对话框，点击添加按钮。

Radio Button、Radio Button List控件与Check Box、Check Box List控件无论是在关系上，还是在用法上都极为相似，区别主要体现在：Radio Button和Check Box只有一个选项可供选择，其余两者能够复选。

List控件是用来进行单选框或者多选框的创建，通过Rows属性，对目标控件进行高度设定，如果涉及多项选择，要将Selection Mode属性设置为Multiple。在Items属性下，就可以进行添加选项。

我们在浏览网站的时候，为了获取更多或者未完全显示信息，需要将右侧滚动条进行下拉控制，而这部分的实现就是由Drop Down List控件完成的。同样，在Items属性下，就可以进行添加选项。

List Box和Drop Down List控件都支持数据绑定。若要将控件绑定到数据源，先要创建一个包含要显示在控件中的项的数据源，然后通过Data Bind方法将该数据源绑定到控件上。

此外，当我们需要在网站上进行注册时，都需要填写一些带有个人信息以及其它信息的电子表单，其中，有些选项，比如用户名、密码等属于必填选项，而有些内容则为可选。并且，诸如邮箱、联系方式等内容一旦格式错误，还需要进行提示，这些内容的实现都是由数据验证控件实现的。

3结语

在了解上述中的控件之后，网站设计人员就可以更好地对动态网站进行设计，并且在逐渐的开发设计中，不断提高自身的设计能力和审美能力，从而为企业设计出更加绚烂的动态网站。

参考文献

篇(6)

项目一：个人网站的设计与制作。随着网络技术的不断发展，个人网站已成为人们展示自己的一种手段。本项目将通过制作一个简单的“鸿澜”个人网站，从任务资讯、任务决策与计划、任务实施、任务检查与评估和练习与提高五个方面进行描述，了解个人网站规划与设计的基本原则和主要内容，熟悉网站建设的基本流程，掌握Dreamweaver的基本操作和表格布局排版技术，认识HTML语言的基本结构和常用标记符<table>、<img>、<font>、<p>、<br>等使用方法，培养学生团队合作和独立思考的意识，养成良好的职业素养，为制作更加复杂的网站做好知识准备。项目二：电子商务类网站的设计与制作。21世纪以来，电子商务伴随着IT的成熟，逐渐发展壮大，成为网络经济的核心。企业通过电子商务网站实现了宣传公司形象、企业动态、产品展示、网上订单、网上交易等功能，与客户间的距离进一步贴近。本项目通过完成整个电子商务网站的设计与制作，相关内容层层展开，在学生头脑中形成“如何搭建整体网站”的概念。项目三：中小企业网站的设计与制作。作为企业类网站，主要实现的功能首先是具有较强的盈利能力。其次网站是企业树立形象和展现文化的重要窗口，是为顾客提供服务的一个工具，是企业整体营销战略的一部分。常见功能有企业信息、新闻中心、产品展厅、人力资源、会员中心、留言反馈等。本项目通过某一中小企业类网站的整体设计，培养学生在学习过程中发现问题、解决问题的能力，提高学习的主观能动性。项目四：主题网站的设计与制作。本项目给出网站设计与制作的如下要点：（1）建立网站站点；（2）建立网站页面（首页为：index.html），页面元素完整；（3）应用表格或者div、css布局页面；（4）在页面中插入文字，并用css美化文字大小、字体、颜色等效果；（5）在页面中添加超级链接，并用css美化超级链接；（6）建立模板，并制作其他页面；（7）至少完成8个及以上页面，页面标题栏、状态栏、版权等信息齐全；（8）页面中超级链接如没有链接页面以空链接（#）代替。学生根据以上设计要求，结合所学内容，从旅游类网站、时尚类网站、教育类网站、门户类网站等几个大类中选择某一项进行设计制作。教师将根据学生完成情况的复杂程度和实际效果给予评价，锻炼了学生的实践动手能力，增强了自信心和学习兴趣。

二、教学素材的选用方法

教学素材是以完成课堂教学任务为目的，以教师引导学生开展课堂活动的形式呈现的教学材料。1.合理性。以个人网站设计来说，文本的制作上讲求清晰、明了、突显个性化，Logo和导航的字体、字号设计可以依个人的喜好采取不规则式，选择跳跃感强的色彩。在图像的选取上也是以色彩丰富、形状多样的图案为主。2.整体性。选用的教学素材要能够自然、贴切地把各个知识点整合在一起，教学素材要服务于教学目标，要突出教学的重点。电子商务类网站以从事电子商务为主，对安全、稳定等性能要求较高，比较考验网站中运行的程序。在知识点上以表格嵌套、模版运用、脚本语言和行为语句为重点进行讲解。3.现实性和针对性。课堂教学中选取的素材要符合学生的认知水平和实际生活，教师可以从具体教学对象的特殊性出发，根据教学对象因人、因地、因时选材，为他们“量身定制”针对性较强的教学素材，如在教授电子商务专业学生时，素材的选取多以电子商务平台或某一个人网店为主，以便引导学生从自己熟悉的教学素材中直观体验获取知识、提高能力的喜悦。

三、教学模式在教材中的运用

在《网页设计与制作》校本教材的开发上主要采用“基于过程的项目式教学法”。即“在引导学习者融入有意义的项目完成的过程之中，让学习者积极地探究与发现，自主地进行知识的整合与建构，以现实的、学生生成的新知识和提高的完成项目任务的能力为主要成就目标，项目完成的过程也是学习者学习活动进行的过程”。为此，以项目作品开发为主线，把教材中的范例网站分解成若干个子任务，将课程标准中的图像处理、动画制作、音视频处理、网页页面设计制作、站点维护等多方面的知识点融入其中，在整个课堂教学实施中，教师根据网站设计开发的实际工作顺序安排，以作品演示的方式从头至尾带领学生操作，让其感受网站从无到有一步步制作的全过程，有助于提高学生的学习兴趣，培养其创新设计能力。

四、结语

篇(7)

据记者了解，“儿童网络项目”是由德国联邦文化与媒体专署和德国联邦家庭事务、老年、妇女及青年部于2008年发起的，其目的是为了借助政府、研究机构和企业的合作，让网络真正成为孩子们成长的帮手。该项目主要针对8—12岁的儿童。到目前为止，项目组已推出近100个适合儿童的高质量网站。孩子们可以在家及学校，在家长和老师的指导下进入这些网站。

一位项目负责人告诉记者，在孩子上这些网站前，家长、老师和学校只需在电脑上安装一个保护软件。打开网页后，孩子们可以见到一个“我的首页”，首页可按需要设计，有儿童网络社交、网络搜索、儿童百科书、儿童电视节目等。

记者看到，网站设计新颖巧妙，内容实用，非常符合儿童特点。比如，“建筑学大冒险”网站设计了一个在线游戏。孩子们可以通过对城市建筑、绿地和交通状况的考察，完成游戏设定的任务。游戏对建筑的施工技术、艺术风格、资金投入和社会环境都有相应的介绍，让孩子们在玩中学，学中玩。这些网站还包括类似谷歌、脸书等实用性专门网站，不过在这里已经过滤了不健康的内容，只有儿童参与交流。此外，还有针对残障儿童的网站，令这些儿童也可以通过网站观看连载故事、玩游戏、做练习，丰富他们的日常生活。

为了让该项目顺利运行，几年来，德国联邦文化与媒体专署每年出资100万欧元（1欧元约合人民币8元），德国联邦家庭事务、老年、妇女及青年部则每年出资50万欧元。此外，一些企业也给予了赞助。每年，相关研究机构和企业可递交申请，为所开发的儿童网页项目申请资金支持。“儿童网络项目”组的专家进行论证后，优秀者可获得资金。申请通过后，这些网页都将进入由fragFINN.de公司开发的网络空间，被孩子们“择优”使用。为了宣传这个项目，项目组每年还推出《网上冲浪无风险》小册子。这本册子里，介绍了这个项目的各种背景知识，还指导孩子们健康又安全的上网方法。

对于“儿童网络项目”，家长和老师都给予了很高评价。柏林家长克劳蒂亚对记者说，这个项目解决了家长的后顾之忧，网络也可成为孩子的学习工具。老师们表示，这些网站都是有创意、高质量的网络资源，对孩子们的成长和教育至关重要。孩子们则更加高兴。一位儿童对记者说：“现在没有家长监督了，我可以自主上网。这些网站很酷，能学到很多知识。”