广州市语言文字网页的设计与建设情况交流材料

第一篇：广州市语言文字网页的设计与建设情况交流材料

广州市语言文字工作委员会办公室

根据教育部、国家语委的要求，广州市语言文字网页于2003年9月制作开通，上挂广州市教育局网站，并连通至中国语言文字网。网页自设计开通以来运作已近一年时间，其间我们在网页的栏目规划建设、具体的运作管理及特色与针对性服务等方面作了一些探索，现就这些内容作一总结与汇报。

一注重信息覆盖，做好栏目建设

广州市是广东省省会，在全省的语言文字工作中具有比较重要的示范作用，同时具有信息采集上的优势，广州市在筹建语言文字网页之初，就有意识地注意结合广州市语言文字工作的实际，明确提出市语言文字网页的建设宗旨：宣传国家语言文字方针政策，普及语言文字规范知识，推动语言文字信息化建设，交流语言文字工作信息，服务语言文字工作者。

围绕如何落实建设宗旨的要求，网页进行了具体的栏目规划与设计，共设计了八个栏目：政策机构、语言测试、港澳广角、语用研究、语文大观园、语文教与学、专家访谈及网络资源。

政策机构栏目旨在宣传国家有关语言文字工作的法律、法规及方 1 针政策，介绍本省、市的语言文字工作信息，交流兄弟省市的语言文字工作信息，为广大语言文字工作者建立一个信息交流的平台。开通一年来，该栏目除有针对性地转引国家及上级有关部门关于语言文字工作的法规、标准及相关通知外，重点是根据广州市语言文字规范及信息工作的实际，发布了在相关区县建立普通话水平测试站点的通知、关于进一步做好普通话水平测试工作的具体要求及配合国家语委普通话水平测试新大纲的实施部署等，及时通报广州市语言文字工作的进展情况及相关计划，如关于推普周的大型宣传咨询活动的计划、广州市语言文字评估工作的自评与检查、各区配合新大纲做好测试计划及相关培训等。比较好地进行了工作信息的沟通与指导。

语言测试栏目的设立是为了配合普通话水平的培训测试，通过该栏目来介绍普通话培训信息、发布普通话水平测试信息，为各位准备测试和已经测试的社会成员提供一个信息发布、咨询及交换的渠道。该栏目开通以来，积极进行了关于普通话水平测试的宣传与推介，有计划地介绍了广州市普通话水平测试的机构、人员、测试员队伍的培训与管理等内容，针对南方方言区普通话水平测试过程中的一些问题进行了咨询答疑的活动，重点推出的内容有《培训答疑》、《普通话测试五问五答》、《新<大纲>的学习》、《广州市普通话水平测试其他相关问题》等专题，相关专题下面分别列出针对性较强的问题进行链接回答，比较有效地推动了广州市的普通话水平测试工作。

港澳广角栏目旨在报导香港和澳门地区语言文字状况及相关的教育活动，介绍穗港澳几地之间的各种相关的交流项目，关注港澳语言政策的推展情况，评述港澳地区的各种语言现象，为各级各类部门及网民了解、研究港澳地区的语言文字的相关状况提供一个窗口。本栏目下设港澳语言政策、港澳动态、穗港澳交流等几个不同的子栏目。一年多来，该栏目除借助其它传媒渠道收集提供有关港澳语文生活的现状与信息动态外，还充分借重栏目所在地毗邻港澳的地缘优势，尽可能地提供了一些第一手的材料，如：全港中小学语文教师都要在2006年9月前达到语文能力评核的要求，大批教师掀起进修热、广州大学人文学院与香港普通话测试中心有限公司合办“香港普通话教师精业培训课程”、介绍香港普通话研习社等推普社团等。

语用研究栏目的建设宗旨在提升网页建设的学术质量，更好地应对国家语言文字规范化、信息化及法制化的建设与推进的相关要求，为广大语言文字的研究者、工作者及爱好者提供一个发表学术研究成果或心得的园地。计划下设的子栏目包括：普通话水平测试研究、言语交际研究、语言服务研究、语言教育研究、语言规范研究等。建设一年来，该栏目发表的成果多具有一定的原创性和一定的学术水平，如《普通话水平测试（朗读部分）的一个群案调查及相关分析》（屈哨兵、刘惠琼）、《说说“非典”词群》（许光烈）、《广告语言中的双语双符现象》（屈哨兵）、《懂〃通〃传〃到——试论普通话科教师研修教学的四个境界》（叶竹钧）、《论普通话水平测试与普通话实际应用的关系》（吴学平）等，我们相信，经过一定时间的积累，这个栏目的建设或许会产生一定的社会影响。

语文大观园栏目的设立旨在体现对语言文字知识教育的大众化追求，以增强趣味性和实用性为手段，更好地推动社会成员的规范用语意识的形成和提高社会成员的语言文字运用的水平，该栏目所包含的子栏目有“语文知识与趣话”、“辨是论非”、“语文擂台”等。“语文知识与趣话”侧重通过一些比较有趣的各个案向读者介绍有关语言文字规范的一些常识，“辨是论非”侧重在对大众语言文字规范及语言生活中的一些容易发生的问题进行收集整理，“语文擂台”主要是设计一些小测试引导读者注意相关问题，涉及文字的字形、读音、语法常识、语用技巧等，供网民进行自测自评。

语文教与学栏目主要为中小学的教师和学生提供一个较全面的交流教育与学习心得的平台，重点是中小学的语文教育，为中小学生提供一个发表言语作品的园地，提供一些语言文字训练材料，包括美文欣赏，同时进行各种语言文字测试的导航。开办一年来，该栏目主要依托广州市中小学的教师与学生进行了一些建设，开辟有“教师园地”、“学生园地”、“校园语文”、“语言挑战园地”等不同的子栏目，供教师发表有关语文教学的心得与研究成果，为学生提供发表语文作品的网络空间，同时进行语文教育的测考导航服务。目前这个栏目的开展在广州市中小学师生中逐渐产生了一定的影响，发表了《在和谐中求优质在优质中求发展——优化课堂教学质量的认识与实践》（黄永光）、《网络环境下自读课的探索》（黎健儿）、《把研究式学习方法引入语文课堂》（尹宏燕）、《赏析式口语训练模式初探》（何银波）、《以声传情——声音在《边城》中的作用》（章晔）等具有一定水平的师生作品。专家访谈栏目定期或不定期约请一些省内外从事语言文字研究、教育及管理工作的各种类别的专家学者就一些热点问题发表意见，同时就网民提出的相关问题作出专门的解答。网页建设一年多来，该栏目根据各期语言文字工作的实际需要约请了周小兵、伍巍、邵宜、王泰兴等省内从事语言文字研究与实践工作的专家就相关问题发表了意见，计有“伍巍访谈录”、“周小兵论普通话水平测试的信度”、“提高素质是关键——邵宜访谈录”、“关于普通话水平测试内容与方法的思考（伍巍）”、“王泰兴等谈普通话水平测试大纲的修订与学习”等。访谈内容针对性强，有的访谈内容实际上是专家学术研究的成果的体现，具有较强的说服力。

网络资源栏目可供链接的资源很多，我们根据实际需要摘选了一部分应用功能较强的网络资源进行推介，如“国际音标字体”、“汉语方言计算机处理系统”、“韵谱统计分析软件”、“美国语言暑期学院语音分析软件”、“僻字输入法”等网络资源，同时还链接了一些比较有代表性的语言文字网站，如：“东方语言学”、“语言学驿站”、“中国汉语水平考试”、“世界汉语教学交流中心”等，随着时间的推移，该栏目还将继续筛选出一些可以为语言文字研究及信息化建设服务的网络资源进行链接服务。

二优化运作管理，突出区域特色

网站或者网页的工作，前期的设计规划相对而言比较容易，而后期跟进的管理与服务则是一个难度较大的事情，广州市语委办为了解决这个问题，决定充分利用所属地区的人力资源，提出与广州大学人文学院合作管理广州市语言文字网页的工作思路，广州市教育局十分重视这项工作，每年拨出专项经费用于网页的制作与管理，各区的语委办及语文教育机构同时作为网页工作的组织成员加入进来。为搞好网页建设和保证各栏目制作质量，我们聘请了八名国家级测试员和若干名省级测试员及语言文字工作者作为网页兼职人员，为网页的运作准备了一支高素质的管理队伍。基于这种情况，我们专门制定了一个《广州市语言文字网工作管理条例》，该条例较为明确地规定了广州市语言文字网的机构组织、栏目营运、人员构成、岗位职责、工作流程及评聘管理，网页设有总监并实行了分层管理下的栏目主持人责任制。

栏目运作规定了网页各栏目的常规更换时间周期为10周，但其中的关于各类信息的发布应在相关事件结束后及时收集上传，不受上述更换周期的限制。网页栏目实行信息性更换、知识性更换和创作性更换分别考量的办法，注重栏目的内涵建设；在一个更换周期内上述各类建设投放量的基本要求是：信息性更换：5——10条，知识性更换：20——30条，创作性更换：2——4篇。栏目考量的另一个参照标准是各栏目每次投放的新内容的篇幅总长度。根据初步运作实践的情况来看，总监负责及栏目主持人责任制的施行有利于网页的长效运作与规范管理，能比较充分的保障网页建设的质量。

为保障网页建设与管理的顺利施行，除设立了网页建设负责人、栏目总监、栏目主持人这些岗位外，网页还专门设立了网页技术人员、栏目联络员、栏目信息员、栏目执行编辑等不同的工作岗位，每个工作岗位都有自己的明确地网页岗位职责，比如说栏目总监的岗位职责是：1）负责本网页各栏目的策划与调整；2）负责监控本网页各栏目的继续建设；3）负责落实栏目建设滚动上传的安排部署；4）负责本网页建设经费的管理；5）协助网页建设负责人做好网页工作人员的选聘评价。栏目主持人的岗位职责是：1）负责及时足量的完成栏目内容的更新工作，在接到栏目更换通知之后的七个工作日内完成所负责栏目更新内容的收集整理并上传；2）负责拟投放内容符合国家政策法律上的相关要求，如有难以把握者需及时报告给栏目总监以决定其取舍去留；3）负责拟上传投放内容的校对工作，使之符合《国家通用语言文字法》及各种规范标准尤其是语文规范标准的要求；4）注意对转引资料要进行出处标注；5）在新投放内容上网后进行后期跟踪，如发现仍有问题应在一个工作日内报告给网页技术人员以便及时更改。网页在各区语委办及相关重点院校与单位设立栏目信息员，栏目信息员的基本职责是负责提供本区本单位有关语言文字工作的相关情况，帮助相关栏目进行信息或内容的沟通处理等等。

目前，随着电子政务和语言文字工作系统信息化建设的逐步深入，中国语言文字网和相关兄弟省市语言文字工作部门开设的语言文字工作的网站与网页为我们树立了很好的榜样，尤其是国家的语言文字网，为我们迅速获取语言文字工作的各种信息提供了一个宽阔而且及时的平台，极大的缩短了国家与地方在这一方面的距离，无疑为推动整个社会的信息化的建设提供了自身独有的贡献。作为一个地方性的语言文字工作的网页，在充分享用和推介国家及兄弟地省市的语言文字网站（网页）提供的各种网络资源的同时，如何根据广州市地区的实际将广州市语言文字网办出自己的一些特色，是我们在进行网页设计与建设过程中经常思考的问题，思考的核心是：突出区域特色，提升服务功能。一年多来，我们尝试着在以下几个方面作了一点探索：

一是利用网页平台，积极建设一种基于网络的广州市语言文字工作的电子信息管理体系。重点是利用网页平台发布关于广州市语言文字工作的相关信息，例如关于普通话水平测试工作的安排，普通话水平测试员的管理与培训，迎接国家一类城市语言文字工作检查的信息通报，广州市中小学语文教育的现状及动态报告等等。现在，我们正发动广州市下属各区根据自己的实际依托语委办建立起各自的工作网页，并力求真正形成统一高效的工作平台，为加入全国网站的共建及合作作好准备。

二是坚持突出网页建设的服务功能，一年来，我们自己组织的网页稿件主要是针对广州市语言文字工作中的实际问题来进行的，重点有两个方面，一个是针对普通话的推广和汉字规范方面的稿件，网页依托普通话水平测试的辅导分门别类地进行了相关专题的系列答疑，设有“有问必答”、“专家门诊”、“专家访谈”等专门的栏目或子栏目来强化网页的服务功能，其中有的问题是应网民的要求和存疑做出的专门的答复；另一个方面是力图为广州市的中小学语文教育服务，这方面的市场比较大，我们也作了一定的探索，但如何进一步根据网页自身的任务与特色做好这方面的工作还需要持久地努力。

三是力图凸显广州市语言文字网的区域特色，网页开辟港澳广角的目的就是想利用广州所处的地缘优势为大家观察香港、澳门的语文生活提供一个窗口。栏目开办以来有意识地通过各种途径收集了一些材料，内容涉及“香港将实施普通话教小学中文课计划”、“越来越多香港人学习普通话”、“推介《基本法》可以和学习普通话相融合”、“香港教育及推普动态”、“香港举行中小学普通话演讲比赛推广普通话取得成果”、“香港逾千警察赴穗学习普通话”、“香港教师踊跃参加普通话考试报考人数逐年增加”、“粤港澳普通话大赛香港、澳门区产生普通话推广大使”、“澳门青年新时尚：唱中文歌学普通话”、“中国内地和香港地区词汇之比较”等内容。如果可能的话，本栏目经过一段时间的努力，争取在一定程度与规模上成为相关人士搜索考察港、澳语文生活的一个资源点。

四是注意提升网页建设的学术含量，广州市语委办与广州大学人文学院共同开办广州市语言文字网，使人文学院相关的语言文字应用的研究成果有了一个比较集中的展示平台，一年来“语用研究”栏目发表了人文学院相关专业不少老师的研究成果，有些成果学术水平较高，曾发表在《语言文字应用》、《汉语学报》、《学术研究》、《广州大学学报》等学术期刊上。另外，在“专家访谈”、“港澳广角”等栏目也转发了周小兵、韩其洲、田小琳、伍巍等专家学者的相关文章与研究成果。

三几点不足与思考

回顾一年来广州市语言文字网页的建设，虽然有一定的收获与心得，但与兄弟省市网站与网页的设计与建设成绩相比，我们感觉更多的或许是工作上的差距。广州市语言文字网在建设过程中的不足主要有以下几点：一是如何进一步优化网页工作流程，目前网页建设因为工作流程设计不尽合理，导致网页制作完成之后上挂的时间拉得比较长，不利于信息资源的快速传输。二是如何进一步整合各种资源，更好更快提升广州市语言文字网服务社会指导广州语言文字工作的能力和水平，尽快地筹建广州市语言文字工作网站。三是如何进一步向网络和社会提供具有区域特色的网络资源问题。目前一个比较突出的问题是同功能的网站或网页所提供的信息彼此重复的内容比较多，网站与网页建设在充分利用网络资源的同时也要积极加入上传具有自身特色的各种资源，更快地促进具有互补共享特征的全国网站网页的建设营运。四是网站与网页建设的营运成本，目前网页对相关资源的使用（不管是原创的还是转引的）或者管理人员大都是不计报酬的或者只能略作补贴，如何运作才能长久地有利于语言文字网页的进一步发展，有利于国家及区域内电子政务的高效推展等，是一个需要继续探讨的问题。

二00四年八月十三日

第二篇：网页设计与网站建设

《网页设计与网站建设》实验教学大纲

课程编号070105007

学时学分：总学时：64总学分：4实验学时：

32适用对象：计算机科学与技术及相关本科专业

课程属性：专业方向课

实验属性：非独立设课

一、课程的性质与任务

随着Internet的普及，网页已经成为人们信息发布及获取、思想交流和商务往来最重要的途径，网页制作已成为当今社会上一种比较热门的技术，本课程突出实用技术和应用技能，是计算机专业学生的一门必选课，同时又可作为相关专业学生的选修课。

网页设计课程是学生在学习了高级程序设计语言、数据库原理及应用等课程的基础上开设的一门实用性较强的课程，实验课的任务是通过实验加深对理论知识的理解，基本掌握WEB应用的规划、设计和动态网页制作中对于内容的动态显示与更新技术，培养学生的动手能力和设计能力。

二、实验的目的与基本要求

实验目的：通过实验让学生掌握网站的配置方式和网页设计的基本方法。

基本要求：

（1）掌握页面的设计与布局的基本方法；

（2）掌握JS脚本语言的使用方法；

（3）掌握asp.net控件（包括HTML控件与服务器端控件）的使用方法。

三、实验考核方式及办法

实验成绩根据学生的实验完成情况、实验纪律、实验报告进行综合评定，给出优（90-100）、良（70-89）、及格（60-69）、不及格（60以下）。实验成绩占本课程总成绩的20%，对缺实验成绩或不及格者，《网页设计与网站建设》课程不予通过。

四、实验项目一览表

网页制作实验项目一览表

序号2 3 4

5实验项目名称

div布局 css层叠样式单

JS脚本 asp.net控件 ado.net数据库连接

实验类型

验证性设计性设计性设计性设计性

实验要求

必做必做必做必做必做

适用专业

理工类理工类理工类理工类理工类

学时6 6 6 8

五、实验项目的具体内容：

实验一div布局

1．本次实验的目的和要求

掌握网页设计的DIV布局方式，能够使用DIV进行层布局，认真撰写实验报告，严格遵守实验室规章制度。

2．实验内容或原理

掌握dream weaver软件的基本功能，熟悉dream weaver的工具箱,使用DIV做层布局。

3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weaver软件，搭建好asp.net的开发环境。

4．实验步骤

（1）打开dream weaver软件；（2）使用div布局设计网页；（3）div的布局设计与修改。

5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。

6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。

7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验二css层叠样式单

1．本次实验的目的和要求

通过dream weaver软件的使用，掌握使用css层叠样式单做布局样式控制的方法，要求认真撰写实验报告，严格遵守实验室规章制度。2．实验内容或原理

通过dream weaver软件的使用，使用css层叠样式单做布局样式控制。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weaver软件，建好asp.net的开发环境。4．实验步骤

（1）打开dream weave软件。

（2）用css层层叠样式单做布局样式控制。（3）css层叠样式单编写与调用。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验三JS脚本

1．本次实验的目的和要求

掌握JS脚本的基本用法、变量、函数、DOM文档对象的操作。要求认真撰写实验报告，严格遵守实验室规章制度。2．实验内容或原理

JS脚本的基本用法、变量、函数、DOM文档对象的操作。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weave软件。4．实验步骤

（1）打开dream weave软件。

（2）新建JS文件，编写脚本程序实现对JS脚本的变量、函数、DOM文档对象的操作。

（3）外部调用JS文件。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验四 asp.net控件

1．本次实验的目的和要求

掌握asp.net控件（包括HTML控件与服务器端控件）的使用方法。实验后要求认真撰写实验报告，实验过程中严格遵守实验室规章制度。2．实验内容或原理

运用所学知识，用HTML控件与服务器端控件进行编程，实现简单功能。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有asp.net开发平台。4．实验步骤

（1）打开asp.net开发平台。（2）新建空白页面或者空站点。

（3）用HTML控件与服务器端控件进行编程并调试。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验五ado.net数据库连接

1．本次实验的目的和要求

掌握ado.net数据库连接的基本概念、ADO.NET对象模型、SqlConnection对象。

2．实验内容或原理

建立ado.net数据库连接，ADO.NET对象模型、SqlConnection对象。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有asp.net开发平台。4．实验步骤

（1）打开asp.net开发平台。（2）建立ado.net数据库连接。

（3）通过SqlCommand对象提供的方法传递对数据库操作的命令，并返回命令执行的结果。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

六、实验教材及主要参考资料

翁健红编著，基于C#的ASP.NET程序设计(第2版)，机械工业出版社

七、教改说明及其他

在实验教学过程中可以结合优秀网站分析、优秀作业点评、作业中普遍存在的主要问题及改正方法的分析等方法相互穿插结合进行教学。

第三篇：《网站建设与网页设计》教案

《网站建设与网页设计》

教案

学期：2014-2015-1 班级：2012软件工程

2012计算机科学与技术

课时：44学时教师：李念

第1讲 HTML基础

1.1 教学目的和要求

1.了解HTML的发展历史和HTML5的特性；

2.掌握HTML的文档结构、代码规范和网页文件的创建过程； 3.掌握搭建支持HTML5浏览器环境的方法。

1.2 教学重点和难点

1.HTML5的新特点； 2.HTML5的新元素；

1.3 教学方法及手段

实例教学，讲授与演示结合。

1.4 教学内容

1.4.1 HTML简介

HTML是HyperText Markup Language（超文本置标语言）的缩写，是一种为普通文件中某些字句加上标签的语言，其目的在于运用标签（tag）对文件达到预期的效果。

HTML5的特性及元素：

(1)实现Web应用程序：绘画的Canvas元素，该元素就像在浏览器中嵌入一块画布，程序可以在画布上绘画；更好的用户交互操作，包括拖放、内容可编辑等；扩展的HTMLDOM API（Application Programming Interface，应用程序编程接口）。

(2)更好地呈现内容：基于Web表现的需要，HTML5引入了更好地呈现内容的元素；用于视频、音频播放的video元素和audio元素；用于文档结构的article、footer、header、nav、section等元素。

1.4.2 HTML编写规范

HTML文档由标签和被标签的内容组成。标签能产生所需要的各种效果。其功能类似于一

个排版软件，将网页的内容排成理想的效果。其格式为：

<标签> 受标签影响的内容每个标签都有一系列的属性。标签通过属性来制作出各种效果，格式为： <标签

属性1=“属性值1” 属性2=“属性值2” „> 受标签影响的内容。不推荐使用的标签：在HTML中，某些标签不推荐使用，例如，、、、、、、、、、等标签。

代码的缩进：在编写HTML代码时要注意使用代码缩进来提高程序的结构性和层次性。

1.4.3 网页文件的创建过程

用记事本创建网页用DW软件创建网页

1.4.4 搭建支持HTML5的浏览器环境

目前，Microsoft的IE系列（仅有IE9及其以上版本）浏览器，以及Opera Software的Opera与Google的Chrome浏览器。

1.4.5 小结

本次课主要讲述了网页设计的步骤和要点以及HTML5的新特征。

第2讲 HTML标签

2.1 教学目的和要求

1.掌握基本的文字与段落标签的使用；

2.掌握超链接、图像、表格和列表标签的使用方法和基本属性； 3.能够进行基本的网页排版。

2.2 教学重点和难点

1.各类标签的使用方法和属性设置； 2.嵌套列表的使用。

2.3 教学方法及手段

实例教学，讲授与演示结合。

2.4 教学内容

2.4.1 文字与段落排版

注释标签强制换行标签段落标签

„

定位标签„第四篇：《网页设计与网站建设》教学总结《网页设计与网站建设》教学总结本学期11网络1班的网络程序设计基础课程采用的是人民邮电出版社的《动态网页设计与制作——CSS+JavaScript》吴以欣陈小宁主编。这本教材总体还是比较适合于高职学生。在实际教学中我广泛选择利用其他较适宜的教学资源，注重入门练习。作为教学的补充，我将一些资源和教师多年教学积累整理成课件发给学生。现将一个学期的教学情况总结如下：一、老师给与学生合理的引导，更要加强自身的素质修养，提高自己的知识水准。在整个教学过程中，在教学过程中自己还缺少更高的艺术修养和艺术创造能力，所以还要不断的学习；另外就是技术上还需要完善，也需要和有经验的老师多交流，多沟通。相信只有站在一定的高度去看整个项目的实现，会更通俗易懂也更有说服力，所以也不能说都是学生的原因，归结起来还是要提高自己的知识水平和业务素质！二、了解学生，加强考核。针对全体学生来说，聪明程度相当，但学习兴趣层次不同，大部分学生只愿意听后选择性的接受，而没有知识的创新利用，或者是没有下去自学，巩固知识，单一的只是听和做。有的同学，上完课后根本就直接把书丢在一边置之不理。综合学生的学习态度问题，个人认为还需要加强考核制度，从严制学，宽进严出，严肃考风！三、教学内容心得 1.网页制作要简洁大方。网站在设计过程中以简洁大方为主，配合合理的颜色搭配和主题内容的诠释，给访问者赏心悦目的感觉；而避免过多的动画和帧的过多运用，以及不明确的导航，杂乱的颜色，没有主题的胡编乱造。 2.网站风格要统一。所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，也会对你的网站留下一个“很专业”的印象。知识运用中要大量配合合理的模板、CSS样式的运用而避免在网页中反复的字体样式重定义、颜色的胡乱运用，参差不齐给人杂乱的感觉。 3.网站布局合理。避免一些“拿来主义”，一些学生为了设计方便，拿网上流行的模版做网页，做出的网页几乎是千篇一律，没有特色，虽然完成了网页的制作，毕竟不是出自个人之手，知识缺乏进一步巩固，且让浏览者产生厌倦。另外导航清晰化，能引领浏览者阅读网页，思路一定要清晰，避免交叉链接。 4.网站容量要小。虽然网页更加美观可以吸引浏览者，但是图片，动画容量大会影响浏览速度，所以一定要注意网络容量问题。图片尽量压缩，多采用单一色，或者简单的颜色；动画要尽量简洁实用，用最少的帧做出最漂亮实用的动画，给网页增色。但是总体来说，通过整个学期网页制作的学习，学生已经了解了网页制作所需要的基本技术，也掌握了网页制作的基本技能。但由于时间紧迫，知识点多，一些重点难点问题还需要勤加练习，比如：静态网页中的布局和CSS 的定义；动态网页中对象的综合运用等等。当然也存在着遗憾，不少学生反映，学习爱好更多的是动画的制作即 Flash的学习，而我们只是笼统的讲解，不能完全满足学生的求知欲！当然针对网页制作来说，还需要加强学生的配色观念以及审美观的培养，以及动态网页的实现技术的把握，在很多方面还需要老师和学生们进一步配合，共同学习和实战，以达到知识运用的一定高度！第五篇：网页设计与应用网页设计与应用专业：班级：学号：姓名：指导教师：计算机网络技术 20***031 蔡依婷杨艳慈邯郸职业技术学院 2017年11月21日摘要网页设计与应用摘要本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上，着重使用JavaScript作为工具语言进行网页设计与制作的实际操作，分别对基于对象的JavaScript语言、内部对象系统的使用及WEB页面信息交互——窗口和框架进行详细描述，并利用具体的实例进行验证。本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关知识。第二章：网页设计语言概述，本章主要介绍网页设计的语言——HTML，以及用于编辑HTML语言的软件，为后续工作奠定基础。第三章：基于对象的JavaScript语言，本章介绍了基于对象的JavaScript中常用内部对象属性、方法的使用。第四章：内部对象系统的使用，本章主要介绍使用浏览器的内部对象系统，可实现与HTML文档进行交互。第五章：WEB页面信息的交互——窗体与框架，本章主要介绍实现网页的动态交互，必须掌握有关窗体对象（Form）和框架对象（Frames）更为复杂的知识。关键词：网页制作；网页设计；HTML；ASP 目录 1.1 网页设计概述............................................................................................................................................4 1.2 网页设计的要素........................................................................................................................................4 1.3 大作业目的和意义.....................................................................................................................................4 第二章 HTML网页设计技术的应用...........................................6 2.1 HTML语言介绍........................................................................................................................................6 2.1.1 HTML语言的特点...............................................................................................................................6 2.1.2 HTML语言的编辑软件.......................................................................................................................6 第三章色彩在网页中的应用..............................................7 3.1色彩在网页中的应用...............................................................................................................................7 3.2主页色彩的处理........................................................................................................................................7 3.3常用的配色方案........................................................................................................................................7 第四章 WEB页面信息的交互——窗体与框架..................................8 4.1窗体基础知识..............................................................................................................................................8 4.1.1窗体对象.................................................................................................................................................8 4.1.2 窗体对象的方法....................................................................................................................................9 4.2 窗体中的基本元素.....................................................................................................................................9 4.3窗体对象实例...........................................................................................................................................11 4.4 框架..........................................................................................................................................................13 4.5 框架的访问...............................................................................................................................................14 4.6本章小结...................................................................................................................................................17 第五章结论...........................................................18 致谢................................................................19 参考文献................................................................20 绪论第一章绪论随着21世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越来的职业需要具有计算机的应用技能。掌握计算机是职业的需要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的相关知识。 1.1 网页设计概述网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。 1.2 网页设计的要素网页设计的两大要素是：整体风格和色彩搭配。一、确定网站的整体风格在这里，我提供给大家一些参考经验： 1．将你的标志logo，尽可能的放在每个页面上最突出的位置。2．突出你的标准色彩。 3．总结一句能反映贵站精髓的宣传标语！ 4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！二、网页色彩的搭配 1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。 2．用两种色彩。先选定一种色彩，然后选择它的对比色。 3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。 1.3 大作业目的和意义本大作业主要是对网页设计与制作的语言基础上进行探讨，主要内容如下：通过已经做好的网页，分析html网页设计技术、XML技术、Java Applet技术和Javascript技术在网页设计中的应用。绪论 5 第二章第二章 HTML网页设计技术的应用 2.1 HTML语言介绍 HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 2.1.1 HTML语言的特点 HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，HTML语言的特点如下： 1、简易性，HTML版本升级采用超集方式，从而更加灵活方便。 2、可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。 3、平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。 2.1.2 HTML语言的编辑软件 HTML的本质是文本，需要浏览器的解释，HTML的编辑器大体可以分为三种： 1、基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。 2、半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出Homepage，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。 3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有Frontpage，DREAMWEAVER、Delphi、Eclipse、UltraEdit。第三章 7 第三章色彩在网页中的应用 3.1色彩在网页中的应用色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中不要将所有颜色都用到，尽量控制在三至五种色彩以内。背景和前文的对比尽量要大以便突出主要文字内容。 3.2主页色彩的处理色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。 3.3常用的配色方案 1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。 2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。 3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。第四章最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化在色彩学中称为“明度变化”。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使读者的眼睛受不了。第四章 WEB页面信息的交互——窗体与框架要实现网页的动态交互，必须掌握有关窗体对象（Form）和框架对象（Frames）更为复杂的知识。 4.1窗体基础知识窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互，而用不着在之前首先进行数据输入，就可以实现动态改变Web文档的行为。 4.1.1窗体对象窗体（Form）：它构成了Web页面的基本元素。通常一个Web页面有一个窗体或几个窗体，使用Forms[]数组来实现不同窗体的访问。在Forms[0]中共有三个基本元素，而Forms[1]中只有两个元素。窗体对象最主要的功能就是能够直接访问HTML文档中的窗体，它封装了相关的HTML代码：第四章 9 enctype =“窗体编码方式” [onsubmit =“JavaScript代码”]> 4.1.2 窗体对象的方法窗体对象的方法只有一个--submit()方法，该方法主要功用就是实现窗体信息的提交。如提交Mytest窗体，则使用下列格式： document.mytest.submit()4.2 窗体中的基本元素窗体中的基本元素由按钮、单选按钮、复选按钮、提交按钮、重置按钮、文本框等组成。在JavaScript中要访问这些基本元素，必须通过对应特定的窗体元素的数组下标或窗体元素名来实现。每一个元素主要是通过该元素的属性或方法来引用。其引用的基本格式见下： formName.elements[].methadName(窗体名.元素名或数组.方法)formName.elemaent[].propertyName(窗体名.元素名或数组.属性)下面分别介绍：（1）Text单行单列输入元素功能：对Text标识中的元素实施有效的控制。基本属性： Name：设定提交信息时的信息名称。对应于HTML文档中的Name。Value：用以设定出现在窗口中对应HTML文档中Value的信息。defaultvalue：包括Text元素的默认值基本方法： blur()：将当前焦点移到后台。select()：加亮文字。主要事件： onFocus：当Text获得焦点时，产生该事件。OnBlur：从元素失去焦点时，产生该事件。Onselect：当文字被加亮显示后，产生该文件。onchange：当Text元素值改变时，产生该文件。例： ... 第四章（2）textarea多行多列输入元素功能：实施对Textarea中的元素进行控制。基本属性 name：设定提交信息时的信息名称，对应HTML文档Textarea的Name。Value：用以设定出现在窗口中对应HTML文档中Value的信息。Default value：元素的默认值。方法： blur()：将输入焦点失去 select()：将文字加亮后事件： onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件（3）Select选择元素功能：实施对滚动选择元素的控制。属性： name:设定提交信息时的信息名称，对应文档select中的name。Length:对应文档select中的length options:组成多个选项的数组 selectIndex;该下标指明一个选项 select在中每一选项都含有以下属性： Text:选项对应的文字 selected:指明当前选项是否被选中 Index:指明当前选项的位置 defaultselected:默认选项事件： OnBlur：当select选项失去焦点时，产生该文件。onFocas:当select获得焦点时，产生该文件。Onchange:选项状态改变后，产生该事件。（4）Button按钮功能：实施对Button按钮的控制。属性： Name:设定提交信息时的信息名称，对应文档中button的Name。Value:用以设定出现在窗口中对应HTML文档中Value的信息。方法： click()该方法类似于一个按下的按钮。事件： onclick当单击button按钮时，产生该事件。例： 10 第四章 11........4.3窗体对象实例下面我们演示通过点击一个按钮（red）来改变窗口颜色，点击“调用动态按钮文档”调用一个动态按钮文档。 test8_1.htm 调用动态按钮文档

广州市语言文字网页的设计与建设情况交流材料

第一篇：广州市语言文字网页的设计与建设情况交流材料

第二篇：网页设计与网站建设

第三篇：《网站建设与网页设计》教案

第四篇：《网页设计与网站建设》教学总结

第五篇：网页设计与应用

相关范文推荐

网页设计与网站建设课程教学大纲[大全五篇]

语言学习与交流协会大全

语言的交流与技巧

网页设计与制作-论文（本站推荐）

网页设计与应用毕业论文

网页设计与制作报告书

网页设计与制作教学计划

网页设计与制作简答题