《网页设计与制作入门与实战》心得读后感

《网页设计与制作入门与实战》心得读后感（精选6篇）

篇1：《网页设计与制作入门与实战》心得读后感

网页设计并不只是一个简单的工作，涉及达到多方面的知识，如何做好网站设计是一个很大的命题。这里给大家分享《网页设计与制作入门与实战》读后感，希望大家在读后能够产生新的理解和体会。

《网页设计与制作入门与实战》读后感

2月份春节假期我在家里阅读了网页设计与制作入门与实战这本书，这本主要涉及的内容有网页设计与制作基础，Photoshop CS6网页界面设计基础，图像的基本处理，图层和文本的使用，网页切片输出与动画制作，常用网页元素的设计，Dreamweaver CS6的使用与基础知识，在网页中插入基础网页元素，用多媒体与超链接丰富网页，使用表格布局页面，使用css样式美化页面，利用Div+Css布局网页，表单元素、模板和库的运用，使用JavaScript行为创建特效网页，以及在线出境游网站设计，制作现代家居装饰网站实战这两个实战例子。

在看书时这本书主要是有16个章节，其中16个章节中主要的重点内容包括网页设计与制作基础，Photoshop网页图像设计，Dreamweaver网页制作以及综合案例实战4个部分：

1、第一部分：网页设计与制作基础，其内容主要讲述的是网页设计与制作，主要是了解网页的基本概念，html的基本概念，以及网页色彩搭配，除此之外，还穿插了域名与网站设计流程和网页制作的常用工具介绍等，文中的内容可以说是网页制作的入门了解，其主要目的是通过学习为后面网页设计与制作的各种操作打下基础，在阅读这一部分章节的时候，可以说是在复习，因为工作时间长了，会容易把以前学习过的东西忘记，在看书的时候可以再度学习并加深记忆，同时还可以熟悉一下编辑器和ps软件的使用。

2、第二部分：Photoshop Cs6设计网页的内容专题，其主要讲述的是Photoshop Cs6网页界面的设计基础，图像的基本处理，图层和文本的使用，网页切片输出与动画制作以及常用网页元素的设计等，在阅读了这部分内容的时候能够让人熟练掌握Photoshop Cs6的使用方法以及设计中各种网页用到的元素。

3、第三部分: Dreamweaver Cs6制作网页的内容专题,其主要讲述的是网页的布局与构建，其中的文章内容有初识Dreamweaver Cs6、在网页中插入基础的网页元素、用图像、多媒体与超链接丰富网页、使用表格布局、使用Css样式表美化页面、用DIV+Css布局网页、使用表单、模板和库的运用以及运用JavaScript行为创建特效网页，而这些内容的学习主要是为了让我们能够可以熟练掌握Dreamweaver Cs6的操作从而制作出网页。

4、第四部分：运用综合案例实战，其讲述具体内容包括有“在线出境游网站设计”和“制作现代家居装饰网站”，从这两个综合案例出发，这样可以让人能够轻松掌握网页设计制作的技巧和操作流程，还可以加深所学到的网页制作知识。

通过这次阅读，我得到的体会就是，如果一个人在社会上没有一技之长，那他是没有办法很好的活下来的，只有不断的加强自身专业技能学习才行。所以，此后我会在业余时间好好学习，加强自己的专业能力，使自己变得更强，只有这样才能上到为国家、为社会做出贡献，下到为自己、为父母、为公司交出一份满意的答卷。

本文为原创文章，版权归作者所有，未经授权不得!

篇2：《网页设计与制作入门与实战》心得读后感

——读《PIC单片机入门与实战》有感

课程名称：

院系：

班级：

姓名：

学号：指导教师：

设计时间：

分数：单片机原理与接口技术机电工程学院2009级电气工程及其自动化林强20091679史丽萍2011 年11月20日

一、读书目的通过本门课程设计，来引导学生进行设计和搭建一个基于PIC单片机的硬件平台，并在其之上对单片机的接口控制做深入学习，能够活学活用，增强创新意识、创新能力以及动手能力，训练并提高学生在文献检索、资料利用、方案比较和元器件选择等方面的综合能力。

二、读书内容

38到70页

三、心得体会

1.PIC单片机的中断机制

我通过阅读

知道了PIC中档系列单片机与其低档系列相比最重要的性能提升就是引入了中断机制。在中档系列琳琅的各型号单片机中，有丰富的中断源可以让单片机产生中断响应，且绝大部分的中断源在单片机休眠时可以使其被唤醒。并且学习到最重要的中断源包括：

●外部引脚INT/RB0沿跳变中断；

●定时器（TMR0/TMR1/TMR2）计数溢出中断；

●PORTB【7:4】4个引脚输入电平变化中断；

●CCP模块时间捕捉/比较中断；

●串行通信（同步或异步）接收发送中断；

●A/D转换结束中断；

●8位并行从动口中断；

●内部EEPROM写入完成中断；

●液晶显示帧刷新中断

如此多的中断源，书中按照与单片机的内核结合的紧密程度，把它们分为了两类：其中前三个中断为内核资源中断，它们的中断控制和相应可以在一个特殊寄存器INTCON中实现；其他全部归属于外部资源中断，又称外设中断，除了INTCON寄存器，还需要其他针对外设中断的控制寄存器辅助配合实现中断响应。

中断部分中低，这就是软件优先级的概念。

PIC单片机的如此中断优先级控制还有一个关键的地方，是高低优先级一般不考虑嵌套。如果现在正在处理优先级的中断，就算有高优先级的中断发生，也必须等到低优先中断处理完毕后才能响应，这是由PIC单片机的中断机制决定的。在响应任何中断请求时，PIC单片机会自动把全局中断使能位清除。这样其他中断请求就暂时不被响应，但它们所发出的中断请求标志将一直得到保留，并在当前中断退出后立即得到响应。

3.中断现场保护和恢复

一般的单片机中断现场的保护都是把关键的寄存器放到堆栈中，中断退出前在从堆栈中恢复其原先的内容。PIC单片机无法实现此种现场保护，因为PIC单片机内没有可供用户使用的数据堆栈。进入中断保护普通寄存器的唯一办法是将其内容复制到其他数据寄存器PC的值。所以，进入中断时保护普通寄存器的唯一办法是将其内容复制到其他数据寄存器做备份。在中断结束前再把这些备份寄存器中的内容复制回原先对应的寄存器。

4．单片机的特色

对书中的中断部分进行了学习了解后，我又学习了书中的单片机特色章节其中的RC震荡部分和上电复位部分。

从中我了解到外部RC震荡是构成单片机时钟最简单，成本最低的方法。如图1所示，只要外接一个电阻和电容，加上单片机内部的控制电路，即可产生一个时钟供给单片机内部逻辑电路使用。我对中断的优先级控制产生了很大的兴趣，通过阅读，我了解到中断优先控制级有一个关键的地方，就是高低优先级一般不考虑嵌套。如果现在正在处理低优先级的中断，就算有高优先级的中断发生，也必须等到低优先级中断处理完毕后才能响应，这是有PIC单片机的中断机制决定的。在相应任何中断请求时，PIC单片机会自动把全局中断使能位清除。这样的话，其他的中断请求就会暂时的不被相应，但它们发出的中断请求标志将会一直得到保留，并在当前中断退出后立即得到响应。结合书中的知识和实验，我对这个机制更加了解了。

2.PIC单片机的中断入口只有一个，故对中断优先级得控制也由编程人员通过软件来实现。当某一时刻有两个中断同时发生是，单片机会进入0x0004处的中断服务程序开始判别中断源类型，判别到一个就做一个终端服务。这样的软件处理流程决定了先被判别的中断其优先级为高，后判别的优先级为

构成外部RC震荡的电阻电容必须连接到OSC1引脚，在单片机内部和OSC1引脚相连的还有比较触发器和可控对地导通的MOS晶体管。通过看书和向老师咨询我对RC震荡的基本工作原理有了一些了解，上电时，电源VDD通过电阻REXT对电容CEXT充电，OSC1引脚内部的比较触发器监测CEXT上的充电电压。如果电压超过了判别上线，MOS管就对地导通，对CEXT上的电压进行放电；如果CEXT上的电压低于比较器判别下线，MOS管关断，重新开是充电过程，周而复始产生震荡频率。现在有很多型号的单片机除了能实现外部RC震荡工作模式外，在芯片内部还有一个独立的片内RC震荡。这样的芯片如果设定成片内RC震荡只要给其加上电源即可工作，除了电源和地这两个引脚，其他所有引脚都可以做输入输出。我从书中了解到内部RC工作原理和外部RC震荡大同小异，但是振荡频率在芯片设计时已经确定，一般都被定在4MHz左右。这就是我学到的RC震荡的基本工作原理。

对于上电复位部分，我也做了比较详细的阅读和学习，从书上我学到了PIC单片机内已包含有完整的上电复位电路，一但芯片加电，内部电路就检测电压VDD的上升，当VDD到了设定的电压门限时就自动产生一个复位信号。由

于上电复位时检测的只是电源电压VDD，这就无需像其他单片机那样，为了实现上电复位必须在芯片的主复位引脚上外接电阻电容电路。PIC单片机的上电复位电路可以简化到如图2这样。

图2PIC单片机上的上电复位电路

如果上电时电源电压的上升速度太慢，那就需要考虑用类似于图3所示的电路。在芯片主复位引脚上增加电阻电容，必要时在增加一个二极管D，以便在断电时可以快速泄放电容上的电压，以便于在下次上电时实现可靠复位。

图3 电源上升较慢时的参考复位电路

通过阅读这本书我又明白了许多之前不懂得的东西，收获很大。

四、参考文献；

参考书：1.刘和平.PIC18Fxx单片机程序设计及应用[M].北京航天航空大

学出版社,2005

2.王有绪.单片机接口技术及应用系统设计[M].高等教育出版

社,2000

3.李学海.PIC单片机实用教程—基础篇[M].北京航天航空大

学出 版社,2002

4.窦振中.PIC系列单片机原理和程序设计[M].北京航空航天

篇3：网页制作与开发教学点滴心得

该文主要介绍作者在从事网页制作与开发教学过程中的一些体会。所采用的课本是人民邮电出版社出版的《网页制作与开发教程》,作者为张强、高建华、温谦。该书共有十二章,从网页制作的基础知识入手,重点介绍网页中经常涉及的两大元素:文字和图片,以及网页布局的相关知识:表格和框架。对于网页中经常出现的超链接,书中不仅介绍了网页之间,还包括了网页中各部分内容相互跳转的方法。另外还介绍了用于统一网页结构和外观的模板、库以及CSS样式设置等Dreamweaver特有功能和Dreamweaver自带的可以增加网页动感的flash对象。至于网站管理与发布以及动态网页,书中也有所涉及。该书的一个突出特点是采用实例教学法,每一章都是先介绍相关的理论知识,然后举例来加深学生的理解,每一章的最后一节则是一个综合实例,包括了该章所涉及的主要知识点,以便学生最终能熟练的使用全部技术。该书还用一整章的篇幅,通过对一个网站具体制作的介绍,回顾并总结了学生需要掌握的主要知识。

1 教学目标

首先是要让学生了解网页的分类、网页制作的一些基本概念以及网页制作的基本步骤;理解HTML语言的基本知识;掌握网页中文字、图片等元素的添加和修改;学会通过建立超链接来实现网页间以及网页中各部分内容的跳转;通过表格和框架对网页进行更好的布局;使用模板、库和CSS样式设置使得网页具有统一的结构和外观;在此基础上采用Dreamweaver 8.0作为开发软件,使用其网站管理功能,并添加其内置的Flash对象,制作出更加美观、更加高效、内容和功能更加丰富的网页。

2 教学方案

与其它课程不同,该门课以练习为主,教学为辅。具体是学生每个星期有两节的上机练习课,每两个星期安排两节课堂教学课。课堂教学主要介绍网页制作所涉及技术的各种理论知识,比如:HTML标签符的基本格式、网页中的图片格式、绝对路径和相对路径、CSS工作原理等。这些理论是网页制作的基础,只有真正理解了这些理论知识,才能在网页开发的过程中灵活应用各种技术,从而制作出更加完美的网页;上机练习则是让学生通过自身的实践,加深对网页制作技术的认识,最终掌握网页制作的相关技巧。像网页制作这样的计算机课程,其最终目的是让学生可以独立完成网站的开发,因此培养学生的动手实践能力是首要任务,而学生开发的网站则作为学习成绩的主要依据。

3 重点和难点

要想能够独立开发网站,学生必须做好以下三点:第一,正确理解HTML语言;第二,勤于练习;第三,能够熟练使用Dreamweaver等相关软件。因此这三个方面是本课程重点介绍的内容。首先,是重视对HTML语言的理解。虽然现在很多网页开发软件,比如:Dreamweaver,Front Page等都可以自动完成很多设置工作。但是,学生们还是应该要能够准确理解网页中所有HTML代码的真正含义。因为只有这样,在制作复杂网页时,才能够更加精确的控制网页的实际显示效果。其次,要培养学生自己动手,独立思考的能力。课本每一章都有实践和练习,是针对每一章内容设计的实践动手环节。大多数学生都能够独立完成,因为课本给出了制作的相关步骤。但仅此还不够,应该使学生能够举一反三,灵活应变。Dreamweaver等软件可以帮助我们更快的完成网站的开发,因此对相关的软件,不仅要会用,而且还要熟练。

学生在学习过程中经常会遇到各种各样的困难,帮助学生克服困难是教师的职责。对于网页制作这门课,学生遇到的第一个困难是编程。虽然Dreamweaver等网页开发工具可以帮助我们完成大部分网页代码的编写,但是要想制作出更加美观,功能更加强大的网页,掌握程序的编写是必要的条件。由于该门课的授课对象是大学一年级的新生,他们中的大多数人在此之前并未接触计算机程序,因此要专门安排有关编程知识的讲授。

学生遇到的另一个困难是浏览器对网页外观的影响。由于国内的计算机多数安装了微软公司的视窗操作系统,因此目前国内用于上网浏览网页的浏览器主要是微软公司的探险家,或者以探险家为核心的其它浏览器。但并非所有浏览器都是以探险家为核心,它们与以探险家为核心的浏览器并不兼容。而HTML语言也不是专门为某款浏览器而开发的,因此就存在某些代码只能被某些浏览器识别的问题。比如创作网页上的动画,教材的作者提供了一个简单的例子,在网页中添加一段HTML代码闪烁效果,这段代码的目的是浏览网页的时候“闪烁效果”四个字会闪烁,但是一些学生尝试之后反馈说并未出现闪烁。原因是他们没有留意课文对软件的描述,按照习惯采用了常用的探险家浏览器。这种问题时不时会出现,应该在刚开始授课的时候就反复强调其成因,以便引起学生的注意。

完成网页的制作之后是将整个网站上传到服务器,并使其可以浏览。而这个过程也会出现一些问题。首先是如何上传,一开始学生们都选择通过浏览器来上传文件。但是用浏览器上传文件存在一个缺陷,就是在传输过程中如果出现中断,正在传输的文件就得重新再上传一次,即使该文件的99%已经上传到服务器上。另一个缺陷是一个文件完成传输才会进行另一个文件的传输,因此速度较慢。引导学生采用专业的FTP工具上传文件,是解决上述问题的最好办法。一些学生上传文件后反映网站没法打开,这通常是因为学生没有将网站的首页名称改成index,或者没有将首页放在根目录所致。因此在开始制作网页的时候就要强调,首页一定要用正确的名称保存,上传的时候不要将存放所有网页和网页元素的主目录文件夹上传。

4 结束语

要达到能够灵活应用网页制作技术,从而开发出满足用户要求,色彩鲜艳、内容丰富并能够浏览顺畅的网站,学生们必须熟练掌握各种网页开发的技巧并且深刻领会网站的设计理念。特别是要将静态网页制作技术和动态网页制作技术很好的融合在一起。

通过学习这门课程,学生们初步掌握了相关的网页制作技术,了解了网站设计的有关理念,为学生们进一步学习网页开发技术打下了坚实的基础。

参考文献

[1]张强,高建华.网页制作与开发教程[M].北京:人民邮电出版社,2008.

[2]陈一匡.采用英文教材的“多媒体技术概论”教学探索[J].电脑知识与技术,2010(6):3216-3217.

[3]杨志祥.启发式教学在《计算机文化基础》课中的应用[J].电脑知识与技术,2011(7):2215-2216.

篇4：网页设计与制作

网络设计要遵循下列原则:

(1)色彩的独特性

网页色彩的选择与搭配要与众不同,使大家对你的网页印象深刻。

(2)色彩的鲜明性

网页的色彩要鲜艳,容易引起浏览者的注意力。

(3)色彩的合适性

网页色彩要与所表达的内容相融合。另外,还要针对浏览者的类型、社会背景、心理需求来选择网页的色彩。

比如,政府网站多采用红色来体现其严肃性;女性站点的网页多采用浅淡类色彩来表现女性的柔美;环保网站一般采用绿色来体现健康与生命。

(4)色彩的联想性

不同的色彩会使人产生不同的联想,白色使人想到雪花,黑色使人想到黑夜,蓝色使人想到天空。在网页设计时,多运用具有美好联想的色彩,可以使网站流露出别样的气息。

网页色彩设计的方法可以简单地概括为“整体统一,局部对比”。也就是说网页的整体色彩效果应该是和谐统一的,只有局部的、小范围的色彩对比作为点缀。在进行网页色彩设计时,首先要明确网站的主题和服务对象,以及你通过色彩希望达到的目的。例如要设计一个儿童类网站,为了达到欢乐活泼的气氛,就要选择非常鲜艳活泼的色彩。然后,根据网站的主题、服务对象及用色目的,确定网页的主色调,以形成统一的风格。整个网页最好只有一个主色调。主调颜色一般采用公司的标准色,这样符合公司的形象战略,可以提升公司的形象。个人站点可以根据网页的内容和自己的喜好来确定主色调。

主调色确定后,还可以选择一两种辅助色配合使用,整个网页的色彩最好控制在三色以内。如果整个网页采用单色调,即只用一种色相,可以调节其明度或纯度,也就是说将色彩变深或变淡,产生新的色彩。采用单色调,容易形成一种风格,在网页局部可以采用小面积的互补色来作为点缀,达到丰富页面的作用。网页的辅助色还可以用主调色的邻近色或互补色,也可以使用非彩色黑白灰。

接下来,要确定背景和文字的色彩。背景和文字色彩的对比尽量要大,以便突出主要文字内容。正文和标题的背景色可以不同,一般正文的背景色用淡雅的颜色,标题的背景色可以用较鲜艳的颜色。背景色如果以白色等淡色为主,文字的色彩就要用低明度的彩色;如果背景色以彩色为主(一般只用一种),那么文字的色彩要与背景色有一定的色相差或者明度差,这样搭配有利于人们阅读。

最后,要确定超链接的颜色。这里的超链接指文字超链接。超链接的颜色要和其他文字颜色区别开,这样有利于浏览者很快发现并找到自己所需的信息。

2 文字的编排与设计

文字是最容易传递信息和最通用的一种沟通方式。文字作为一种符号,在长期的应用和变革发展中,经历了简单—复杂—简练的演变过程。现在看到和使用的许多种文字符号已经发展得非常成熟,在一些应用的实例中,不需要任何装饰与组合,便能独立地成为一个完美的视觉传达。

在很多经典的设计作品中,文字的组合大多用来作为画面空间的分割。在长期的实践应用中,文字排版逐渐形成了一定的规律和规范。通过文字大小的比例关系和平面设计上点线面关系的组合构成,可以获得不同的视觉效果。例如,粗大黑体字可以产生强烈的视觉冲击力,而细小的字体则在视觉上产生连续性,同时其构成的版面也给人一种精细整洁的感觉。因此,在网页及多媒体界面设计中,文字应该作为一种动态元素和画面构成的基本要素,通过平面设计来展现自身极强的表现力。在网页页面的设计中,由于计算机技术的高速发展,字体多样化成为必然,例如常见的方正字库、华文字库、兰亭字库、经典字库等。但是我们在设计网页时,根据每个网页内容,只选择使用三四种字体就可以了。通过精心的平面规划与编排,使文字配合网页画面,达到和谐与统一。

字体的选择要与网站内容的性质相吻合。如休闲娱乐类网页,文字字体鲜亮明快,给人以优美清新、轻松愉悦的感受;有关历史文化方面的网页,字体应具有一种苍劲古朴、端庄典雅的格调;政府网页,其文字具有庄重和严肃性,字体规整简洁;公司网页可根据行业性质和企业理念对字体进行编排与设计,使其符合主题内容;个人主页可以根据个人的爱好与兴趣,充分展示个性和特色。

总之,文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息,要达到这一目的就要做到以下几点:一是提高文字的可读性;二是文字的位置要符合网页设计要求;三是在视觉和色彩及形式上应给人以美感;四是在整体平面设计上要有独特的风格和色调并力求形式上的创新。

3 图片的编排与设计

图片是文字以外最早引入到网络中的多媒体对象。图片的引入大大美化了网络页面。可以说,要使网页在纯文本基础上变得更有趣味,最为简捷省力的办法就是使用图片。对于一条信息来说,图片对受众吸引也远远超过单纯的文字。

网络图片的特点是其质量不需很高。一般来说,分辨率为72 dpi(dot per inch)是大多数图片最佳选择;另外,图片要尽量小。网络页面的图片用于网络的传输,受到带宽的限制,其文件尺寸在一定范围内越小越好。这也是适应信息高速公路的要求。

图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时,应考虑图片在整体编辑计划中的作用,达到和谐整齐。要达到这样的效果,在页面图片的选用时,一要注意统一;二要注意悦目;三要注意突出重点,特别是在处理和相关文字编排在一起的图片时。

4 网页设计基本特征

(1)交互性

网页不同于传统媒体之处,就是在于交互性。在网络中,传播者和受众的身份不再明确,传播信息和接受信息几乎可以同时完成,人们的角色在瞬间就能转换。每个人都是传播者,每个人都是受众,这就是网页的交互性。交互性既是网络成为热点的主要原因,也是网页设计时必须考虑的问题。在网络环境下,人们不再是一个传统媒体方式的被动接受者,而是以一个主动参与者的身份加入到信息的加工处理和发布之中。在网络世界里,信息的传达、发表不再是少数人所拥有的特权,每个人都可以成为信息的消费者,同时也是信息的发布者,他们拥有更大选择的自由和参与的机会。

(2)可延续性

网页设计具有可延续性,网页发布后,最终结果是以数字化形式出现的,所以信息和形式的调整都非常方便。设计人员可以在网页传递到主机上后,对其中的编排、色彩等做相应的调整,以达到最好的视觉效果和传达效应。此外由于网页所具备的交互性特点,使得网页信息的发布成为不断更新的循环过程,网页设计人员必须根据用户的反馈信息和网站各个阶段的经营目标,经常地对网页进行调整和修改。例如,为了保持网站的新鲜感,很多大型网站总是定期或不定期地进行改版,这就需要设计者在保持网站视觉形象一贯性的基础上,不断创作出新的网页设计作品。

(3)多媒体的综合利用性

网页最大的资源优势就是它的多媒体综合利用性。目前网页可以利用文字、声音、图像、动画,甚至虚拟显示技术等与用户交互,在表现形式上可谓声形并茂。比如在众多商业网站中,都将动态图文技术恰如其分地运用到网页设计中,不但吸引了浏览者的眼球,同时也提高了界面的点击率,达到了一定的商业广告宣传作用。随着网络技术的发展、带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广,必将促使设计者更加综合地运用多种媒体元素来设计网页,以满足和丰富浏览者对网络信息传输质量提出的更高要求。

(4)技术与艺术结合的紧密性

网页设计是一门新兴的网络技术与设计艺术的交叉学科,既具备网络的基本特性,还具备了平面设计艺术特性。在网页设计中,技术和艺术是紧密结合、相辅相成的。网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,从而更加吸引浏览者。网页设计者也应该积极主动地掌握现有的各种网络技术规律,注重技术和艺术紧密结合,这样才能穷尽技术之长,实现艺术想象,满足浏览者对网页信息的高质量需求。

5 结语

网页设计是一门新兴的网络技术与设计艺术的交叉学科,既具备网络的基本特性,还具备了平面设计艺术特性。在网页设计中,技术和艺术是紧密结合、相辅相成的。网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,从而更加吸引浏览者。网页设计者也应该积极主动地掌握现有的各种网络技术规律,注重技术和艺术紧密结合,这样才能穷尽技术之长,实现艺术想象,满足浏览者对网页信息的高质量需求。

摘要：网页设计就是依据网站宗旨,把造型、结构、信息、色彩等视觉元素有机地统一在网页中,并对网页风格等进行整体设计。其目的主要是利用造型的原则和规律,合理地分配和排列文字、图形等视觉元素,以便准确、系统、有效地传达信息。

关键词：网页设计,网页,网页制作,规范

参考文献

[1]张帆,罗琦,宫晓东.网页界面设计艺术教程[M].人民邮电出版社,2002.

[2]王楠,李岭松.网站设计教程与上机指导[M].清华大学出版社,2006.

[3]王庆斌,张福昌.现代网页色彩设计[J].无锡轻工大学学报:社会科学版,2001,(2).

[4]张帆,罗琦,宫晓东.网页界面设计艺术教程.北京:人民邮电出版社,2002:2.

[5]文喜华.论网页设计中的艺术和技术.邵阳学院学报(社会科学版),2005,4(6):115-116.

篇5：《网页设计与制作入门与实战》心得读后感

1以企业岗位资质确定课程目标

通过企业调研分析,《网页设计与制作》课程的职业岗位指向主要为网页设计师、网站管理员和网页编辑员。针对三类岗位的资质分析后明确了从业人员涉及7个方面的知识和技能要求:(1)能熟练使用一种以上的网页制作工具;(2)能独立进行网站规划和网页结构设计;(3)能利用HTML语言、Java Script语言进行网页的制作;(4)能独立完成网页的布局和内容的编排;(5)能进行简单的图像设计与制作;(6)能进行网站的管理、修改、更新等操作;(7)能独立完成网站的测试与发布。

根据上面的工作岗位要求,《网页设计与制作》课程的培养目标是:(1)能正确的对文本、图像、超链接、表格、表单、模板等网页元素进行应用;(2)能利用表格、DIV进行网页布局;(3)能利用CSS进行网页的修饰;(4)能独立完成企业级网页的设计与制作。

2 以企业岗位工作任务确定课程内容

按照4节课连续的上课模式,针对课程培养目标,将文字、图像、超级链接、CSS样式、表格、表单、DIV、网站发布作为教学内容,依据知识点前后顺序的关系,归纳重构到共计16个项目中,总计64课时。这些教学内容能够完全涵盖网站制作的各个知识点,具有较好的针对性与适应性。

3 以企业员工素质要求确定教学模式

从学生个体和工作岗位要求出发,本课程在实施中设计了以“教师为主导,学生为主体”综合素质全面提升的教学与管理模式。设计了五种学习情景:(1)虚拟性情景;(2)问题性情景;(3)合作性情景;(4)互动性情景;(5)真实性情景。学生在教师的引导下,对所学的知识点进行分析、讨论、研究,通过实践练习,培养严谨的工作态度和创新精神、创造能力,从而具备解决实际问题的基本能力。教师在教学中主要扮演引导者的身份,以问题的出现、探究和解决来激发学生的求知欲和主体意识,多方面,多手段的培养学生的创造能力。

4 以企业绩效考核模式确定课程考核标准

以企业日常考核制度和项目绩效考核制度为参照,取消课程期末考试,将课程考核分为过程性考核(60%)和课程项目设计考核(40%)两个部分,采用小组形式参加考核,注重完成项目任务的过程,而不仅仅是最终的结果。考核通过项目任务制作完成情况、学生学习行为表现、团队协作等方面进行综合考核评价。根据学生自评、学生互评和教师评价相结合的方法,严格执行课程项目考核方案,对学生的作品进行评价。学生自评,通过团队项目组长内部评分进行;学生互评,通过不同项目团队之间互相评分进行,实现学习成果的共享和项目组之间的竞争意识;教师评价,通过对各个项目组作品、项目协同合作、学习行为等方面综合考核,充分体现学生的劳动成果。

5 以企业真实项目的参与提升学生专业技能和自信心

围绕职业教育服务地方经济的思想,积极开拓社会服务的途径。先后带领学生团队在严格按照网页制作流程和岗位要求下,完成了株洲天意汽车运输有限公司、株洲益农生态有限公司、佳佳国际会展有限公司等7家企业和学院系部网站的开发与管理。通过参与企业网站的设计与制作,增强了学生的动手实践能力,提升了学生团队协助意识,增加了学生的自信心。

通过实施《网页设计与制作》课程教学改革,使学习过程成为了创造实践性的活动过程,学生以团队的形式人人参与,发挥学习的主动性,灵活运用知识和技能来完成实际工作任务,积累了实际工作任务和作品成果,较大的提升了学生的综合素质。在今后的教学过程中还将根据实际教学情况不断地总结学习不断改进教学方法和教学手段,完成真正意义上的专业级网页设计人才的培养。

摘要：网页设计具有很强的操作性和综合实践性,本文以企业为中心,围绕企业岗位资质与课程目标相结合、企业岗位工作任务与课程内容相结合、企业员工素质要求与教学模式相结合、企业绩效考核模式与课程考核标准相结合等方面进行了积极的探索和改革,构建了突出职业能力和素质培养较完整的课程体系。

关键词：网页设计,教学改革,实践

参考文献

[1]李亚桂,竺辉.“任务引领型”专业课教学的实践与启示——以《建筑组合体的投影》一节课为例[J].职业,2011(11).

[2]韦昌有.办公自动化课程教学模式探析——“任务引领,做学一体”教学模式的探讨与应用[J].广西民族师范学院学报,2011(3).

[3]李爱武.“任务引领教学法”的实践[J].职业技术,2012(5).

[4]陈小燕,谢强,丁秋林.浅谈项目式教学在网页设计与制作中的应用[J].电脑学习,2010(1).

篇6：《网页设计与制作入门与实战》心得读后感

一、部件组成 (如图1所示)

鞋头围条、内外半围条、鞋盖、鞋舌、后帮片、鞋耳扇、鞋口围条

二、工艺处理 (如图1所示)

1、鞋面:鞋盖压接鞋头围条和内外半围条, 在两侧采用缝皱工艺, 使鞋款更具有一点休闲的味道;后帮片和鞋耳扇压接内外半围条, 内外半围条放出压茬量, 后帮片和鞋耳扇采用折边做法;鞋盖压接鞋舌, 鞋舌放出压茬量, 外露边缘采用毛边做法, 鞋盖的断接处由于是被鞋带所掩盖, 则也可以采用毛边做法;后帮鞋口半围条特意设计成海绵口, 能够增加鞋口立体感, 给人以饱满, 柔软的感觉, 并使穿着的舒适性得到提高。

2、鞋里:由前帮里、后帮里、鞋舌里、后跟里四部分组成, 后帮鞋口采用翻缝做法。

三、结构设计

1、选楦:耳式鞋楦250 (二型半) 楦底样长=282 mm面料:牛正面革 (二) 、贴楦 (鞋头贴全楦, 后帮贴半楦)

2、画楦 (参考数据。如图2所示)

需要注意的是:后帮中缝高度QA1包海绵口处要比一般折边鞋口高出3mm左右。

3、半面板制作

在从鞋楦上揭下美纹纸前, 首先将鞋耳扇轮廓线复制下来并展平, 以备后用。 (如图2所示)

四、帮面样板制作

用分解法或用锥子扎点法分别从展平后的半面板上将鞋舌片、鞋耳扇、后帮片、鞋口围条、鞋头围条、鞋盖、内外半围条的部位半面板制取出来。

1、鞋耳扇、鞋舌片、后帮片的做帮样板。 (如图3、4、5、6、7所示)

2、护耳片样板。 (如图8、9所示)

3、鞋口围条的做帮样板制作

将鞋口围条半面板的后帮中缝处, 超出样板纸的对折线1.5 mm, 勾画出鞋口围条的半面轮廓线, 放出3 mm的翻缝量, 做出牙尖“∧” (注:在裁剪材料时牙尖为凸牙) 便于帮里缝制, 割下并展开, 定出标志点, 即为鞋口围条的做帮样板。 (如图10、11所示)

注:将鞋口围条半面板的后帮中缝处, 超出样板纸的对折线1.5 mm, 实际上也就是减掉鞋口围条半面板上的1.5 mm合缝量。若选用帮面材料延伸性能不够时, 则需要事先将后帮片的中缝处放出1.5 mm的合缝量, 然后再制作鞋口围条的做帮样板。

4、鞋口围条的海绵样板的制作

此款鞋的后帮鞋口围条的外形较平坦, 在实际操作当中, 一般情况下, 均选用加工好的海绵直条, 无需制作海绵样板。

若后帮鞋口围条的外形凹凸比较明显, 则需要制作海绵样板, 其方法为:将鞋口围条半面板的后帮中缝处, 超出样板纸的对折线3 mm左右, 再将围条的半面板适当减短3 mm左右。其中上面提到3 mm只是一个标记量, 具体的数据应与海绵自身厚度有一定的关系。 (如图12、13所示)

5、鞋盖片做帮样板的制作

<1>、根据1/3旋转曲跷法制作出鞋盖的净样板。 (如图14所示)

<2>、鞋盖样板两侧洞眼位置的设定。

A、将洞眼设定在鞋盖片净样板两侧缩进3 mm的轮廓线上。 (如图15所示)

B、根据款式的设计要求, 此款两洞眼中心间距为5～6 mm。

6、鞋头围条的做帮样板的制作。

(如图16、17、18、19所示)

7、内外半围条做帮样板的制作

<1>、外怀半围条样板洞眼位置的设定

根据鞋盖做帮样板的洞眼来设定外怀半围条洞眼的位置, 应该将洞眼设置在外怀半围条的内侧净样板轮廓线向压茬部分扩充的3 mm的轮廓线上。但在实际操作当中则将外怀半围条的洞眼设置在净样板轮廓线向压茬部分扩充的2 mm的轮廓线上, 主要是考虑到在底部绷帮成型时, 两侧半围条会受到较大的拉力, 导致鞋盖与两侧半围条的镶接处容易发生位移 (因鞋盖与两侧半围条是采用手工缝制工艺, 没有像针车缝制的那么牢固。) , 所以其洞眼的设定位置应比理论位置少1 mm左右, 才能使成鞋达到预先设计的效果。 (如图20所示)

<2>、外怀半围条做帮样板的制作

此鞋款前帮采用皱头式工艺做法, 皱头式工艺一般用于鞋盖与围条的缝合。由于围条的弧线长度大于鞋盖的弧线长度, 用上蜡线缝合时, 在缝线力的作用下, 围条上的孔距缩短, 与鞋盖上的洞眼对齐, 从而形成皱。

A、首先在两洞眼之间将半围条外怀样板内侧的轮廓线处和对应的帮脚处打剪口至样板的净帮脚处, 使其呈似断非断状态。

B、然后将半围条样板的内轮廓线处的剪口拉开, 其具体的拉开量与缝制的皱褶和面料有关, 一般拉开为2 mm左右, 此时帮脚处自然重叠。 (如图21所示)

C、由于帮脚处重叠量较多, 势必会使绷帮余量变小, 故需要在样板底边缘线较弯处和与鞋头围条的镶接处适当放出一定的余量, 予以弥补。最后将样板线条修顺, 即为外怀做帮样板。 (如图22、23所示)

<3>、内怀半围条做帮样板的制作

在外怀半围条做帮样板的基础上, 根据鞋盖片的内外怀差别, 将内怀围条的做帮样板制作出来。如图24、25所示

五、鞋里样板制作

1、后跟里样板。 (如图26所示)

2、前帮里样板制作。

<1>、首先将前帮片半面板鞋舌断开处的背中线E2V1处平齐对折线, 勾画出鞋舌断开处的轮廓线。 (如图27所示)

<2>、然后以O3点为中心旋转样板, 使半面板前部下降, 后部自然上升, 当旋转至鞋头部分最凸点平齐对折线, 此时勾画轮廓线O3M3M4, 并确定对折线的J2位置。 (如图28所示)

<3>、将T1、J两点平齐对折线, 使鞋头前尖部位对准J2点, 此时勾画出J2M5帮脚轮廓线, 接着再逐步按住净样板的O4 (注:O4=1/2T1T3) 等点, 旋转排除余量, 不断勾画出帮脚轮廓线, 最后, 将半面板最凹处与对折线之间的余量排出, 即为前帮里的半面轮廓线条。 (如图29、30所示)

<4>、检验前帮里半面轮廓背中线的长度

根据“鞋舌里净样长度+前帮里净样长度=鞋舌净样长度+鞋盖净样长度+鞋头围条净样长度”这个公式要求, 对前帮里进行适当修改。 (如图31所示)

<5>、割下并展开, 放出压茬量, 减掉适当的帮脚余量, 即为前帮里样板。 (如图32所示)