篇一 :学习网页设计课程心得

HTML(Hyper Text Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部、主体两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:   

1、简易性,HTML版本升级采用超集方式,从而更加灵活方便。   

2、可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。   

3、平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上。

CSS 语法由三部分构成:选择器、属性和值。selector {property: value}选择器通常是你希望定义的 HTML 元素或标签,属性是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明:body {color: blue}上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中,body 是选择器,而包括在花括号内的的部分是声明。声明依次由两部分构成:属性和值,color 为属性,blue 为值。

色彩可用色调(色相)、饱和度(纯度)和明度来描述。人眼看到的任一彩色光都是这三个特性的综合效果,这三个特性即是色彩的三要素,其中色调与光波的波长有直接关系,亮度和饱和度与光波的幅度有关。

色彩的三要素: 明度、色相、饱和度。

刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。

1. 单标签
  某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是:
          < 标签名称>
   最常用的单标签是<BR>, 它表示换行。
2.双标签
  另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是:
             <标签> 内 容</ 标签>
其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一<EM> </EM>标记中:
              <EM>第一:</EM>
3.标签属性
  许多单标记和双标记的始标记内可以包含一些属性, 其语法是:
        < 标签名字 属性1 属性2 属性3 … >
  各属性之间无先后次序,属性也可省略(即取默认值),例如单标记<HR>表示在文档当前位置画一条
水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。带一些属性:
                <HR SIZE=3 ALIGN=LEFT WIDTH="75%"> 
中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐缺省值),CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对 " "  号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH=300),缺省值是"100%"。

…… …… 余下全文

篇二 :网页设计课程心得体会

“网页设计”学习心得体会

现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的。我通过这一学期的学习,对网页设计有了初步的认识和了解,并基本掌握了Dreamweaver的应用。

在学习了网页设计的同时,我更加深入的了解了关于计算机和网络的知识。基于对计算机基础与C语言的基本掌握,学习网页设计的基础部分便显得较为轻松。虽然如此,在设计过程中依然出现了很多的问题,但通过看书,上网查询,等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。

通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。我还了解了一些基础的网络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是Flash、Fireworks等网页软件的综合应用。

下面阐述一下我在设计我的网站时的一些关于网页设计的见解。在具体的制作时我了解到一个优秀的网页设计应该具备一些基本原则。

首先,要确定网页设计的内容,一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

…… …… 余下全文

篇三 :网页设计课程小结

网页设计课程小结

1、网页设计课程小结

不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情。

自从第一天接触《网页设计与网站建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的网站。所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上。更何况这一次实操。回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做网站做到一、二点,可能有人会说我傻,但正因为这个傻的行动,令我学会很多东西,学会别人不懂的东西,做出一个令自己满意的网站,可能跟别人比还需要继续完善,但我不会因为实操结束,就把网页设计抛到九霄云外,我会继续学习网页设计技术,把它变为自己的一项特长。

回顾第一天的《网页设计与网站建设》课程实操,老师叫我们继续完善以前设计的网站,做出留言板、注册的功能。我很快就完成了,但可能我是一个追求完善的人,所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定,从头开始做一个网站。因为我觉得以前那个真的不是太好,尽管实操的时间过去了一半,尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著,追求成功,追求完善的人,才会使我今天交出一个令自己满足的答卷。

在制作个人网站时我们首先:

一、必需进行个人网站前台功能设计

包括个人网站主题的确定,前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。

二、对个人网站后台管理功能设计

包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。

三、网站的发布

通常我们发布一个网站可能以能过域名注册,但我们也可以利用自己主机,装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。

…… …… 余下全文

篇四 :网页设计课程总结

网页设计课程总结

摘要:自从第一个网站在上个世纪 xx年代初诞生以来,设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成,除了一些小图片和毫无布局可言的标题与段落。然而,时代在进步,接下来出现了表格布局,然后是 Flash,最后是基于 CSS 的网页设计。很有幸的,这学期跟着老师学习了网页课程设计,了解了网页设计的基础知识,会制作简单的小网页。

关键字:基础知识 原则 要点 软件 发展方向 主流技术 发布与维护 网页设计基础知识

说起网页,不得不提几个和它相关的名词。

(1) WWW 又称万维网,也可以简称为WEB或3W,是一种建立在INTERNET上的

庞大的基于超文本的网络信息系统,具有全球性、交互性、动态性、跨平台、分布式等特点。

(2) www浏览器是专门用来定位和访问WEB信息的应用程序或工具软件。常用

的浏览器软件包括Microsoft公司的Internet Explorer和Netscape公司的Navigator.ta.

(3) WWW服务器是对浏览器的请求提供服务的计算机及其相应的服务程序。网

页提供者将制作和的网页存放在服务器上供用户浏览。采用客户机/服务器的工作模式。

(4) 超文本与超媒体是WWW的信息组织形式。在WWW系统中,信息是以一种非

线性的超文本方式组织的。

(5) 超链接在本质上属于网页的一部分,它是一种允许我们同其他网页或站点

之间进行连接的元素。

(6) URL统一资源定位器是对Internet上资源的一种准确的定位机制,它以

一种全世界统一的唯一标识来确定某个网络资源,可以访问Internet上任何一台主机或者主机上的文件。

(7) 搜索引擎是一个对Internet上的信息资源进行搜集整理,并供用户快速

查询的系统。

(8) 网页是构成WEB站点的基本单位,是一种包含HTML格式内容的文本文件,它存放在INTERNET上的WWW服务器中,当用户在客户端浏览器中输入网址发出

…… …… 余下全文

篇五 :网页设计课程学习心得

从新学期开始接触网页设计这门课程以来,已将近学习了一个学期。经过这么长时间的学习,从起初对网页设计的一知半解,到如今已基本掌握网页制作的基本技能,可谓获益良多。作为一门新接触的学科,之前并没有太多的了解,只知道在计算机迅猛发展的今天,网页已成为网络世界中必不可少的一环,网民对于网页的要求也越来越高,因此,学好网页设计这门技术,对于生活在日后计算机主导的世界来说,显得更加重要了。

大作业展示中的网页作品主题明确、布局合理、页面设计得当,方便浏览的人找到想获取的信息。任何一个优秀的网站都有其明确的主题, 网站主题的确立应根据网站的用途而定。整个网站需要围绕这个主题,也就是说,在网页设计之前,我们要明确这个网站的建立目的,用来做什么,围绕着这个主题和内容来制作网站所有的页面。明确对网页的制作有着很重要的作用。

作品网站“web”中合理运用了网站制作的几个基本技术来构建。首先使用了DIV标签来布局网页,简单方便。DIV标签可以设置一个规定的属性,用于设定表格、画、字规格大小或摆放位置,在网页制作中使用,可以大大减少我们对表格、画、字等的设定工作量,大大提高我们制作网页的效率。同时,也方便我们在完成网页后对部分细节的修改。

作品中的网站外观简洁大方,界面友好易懂,是网页制作初学者的优秀模版。例如网页的布局,素材的管理,代码的简化等等,都可以从中得到许多启发和借鉴意义。目前通过这学期以来老师的悉心教导和学习,已基本掌握网页制作的基础知识。而有关网页内容的设计与编排,还有待更多的实践操作来提高。总的来说,已对网页的制作有一定的认识和基本的了解。从目前学习的进度来看,个人认为老师还可以教授我们“行为的应用”和“基础动态网页”等知识,拓展我们制作网页的知识。在个人的网站建设中,希望加入运用更多更高级的技术来呈现和表达自己网站的主题和内容。例如设计网页中的一些动作和事件,以此来达到更好的表达效果。

…… …… 余下全文

篇六 :网页设计课程心得体会最终版

“网页设计”学习心得体会

现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的。我利用寒假的时间,对网页设计进行了初步的认识和了解,并基本掌握Dreamweaver的应用。

通过寒假期间的学习,在学习了网页设计的同时,我更加深入的了解了关于计算机和网络的知识。基于大一对计算机基础与C语言的基本掌握,自学网络设计的基础部分便显得较为轻松。谁然如此,在设计过程中依然出现了很多的问题,但通过看书,上网查询,等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。

通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。我还了解了一些基础的网络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是、Flash、Fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先,要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

…… …… 余下全文

篇七 :网页制作课程设计报告总结

一、引言

  课程设计是一块“试金石”,是加深对自我能力认识的重要途径。大学的学习基本上都是理论的接受,而缺少能力的熟练与加强,我们缺少的并不是知识的储备,而是能力的积蓄。但由于大学特殊的学习模式和环境,缺少实际情景的见证和实践活动的参与,同学之间缺乏必要的交流和比对,使得我们很多时候很难对自身的能力有明晰的认识,能力缺陷往往被遮蔽起来。而课程设计“前所未有”地考验着我们的知识迁移和运用能力、适应环境的能力、应对突发事件的能力以及如何处理人际关系等各方面的能力,为我们提供了不可多得的见证的机遇和平台。通过这次课设,我们可以新的思考维度有效发现自己能力上的缺陷。综合运用所学理论知识、方法和技能,开展实际工作,巩固专业技能,培养和强化社会沟通能力;树立新的发展起点和目标,通过课设,认识社会的需要,发现自身的差距,培养面对现实的正确态度和独立分析解决问题的基本能力;培养良好的职业精神,适应毕业以后的实际工作需求。

二、课程设计目的

掌握HTML格式语言,能使用网页设计工具,理解动态页面技术的工作原理

三、课程设计任务

(1)用HTML或网页设计工具设计网页

(2)用IE浏览器浏览所设计的网页,要求页面美观,包含常见的HTML格式元素

(3)包含动态页面技术(有脚本代码或后台逻辑代码)

四、设计方案选择:

选择动态页面和静态页面相结合,取长补短。

设计分工: 

谷加林:主页、留言板、主页动态效果的代码编写协助所有组员完成代码的编写

杜春吉:主页设计、留言板设计、总体排版、协助所有组员完成设计。

蔡旺:注册网页代码编写和学校风貌网页设计及相关资料收集处理。 

姜文粹:登录网页代码编写和学校简介网页设计及协助素材收集整理。

五、具体设计内容                       

作用:美化网站,提高网页的浏览效率,页面以简单风格为主,背景以白色为主。页面右上角边有网站导航条,背景以半透明白色为主。冲该页面可以看出,该网站主要是宣传学校,所以要简洁大方,不要太花哨。

…… …… 余下全文

篇八 :网页制作课程设计报告

1.设计目的... 1

2.设计思想... 1

2.1网站整体结构规划思想... 1

2.2 主页设计思想... 1

2.3子页的设计思想... 1

3网页详细设计分析... 1

4结论... 1


1.设计目的
    阐述该个人网站的设计意图和创意,简单介绍自己的个人网站。

2.设计思想

阐述网站的整体设计思想,包括:

2.1网站整体结构规划思想

要求阐述网站整体结构的选择、设计的思想,绘制网站结构草图。

2.2 主页设计思想

要求对主页的布局思路进行阐述和分析。

2.3子页的设计思想

要求对子页的设计以及网页对象的选取思路进行阐述和分析。

3网页详细设计分析

要求选取一张网页,对网页的设计实现过程进行阐述和分析,详细说明制作该网页的步骤,所使用的网页对象以及该网页对象的操作方法。

4结论

对整个设计报告做归纳性总结,并分析设计过程中的困难及如何解决的,最后提出展望。

一、设计目的

本课程的设计目的是通过实践使同学们经历Dreamweaver 8开发的全过程和受到一次综合训练,以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例,理解并初步掌握运用Dreamweaver 8可视化开发工具进行网页开发的方法;了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop 8、Dreamweaver 8等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。我本次主要是设计的一“新加坡之旅”为主题的网页,针对新加坡的美丽风景做了介绍。

二、设计思想

利用Dreamweaver8.0制作一个关于“新加坡之旅”的网站,利用表格、行为、层和链接等网页设计技术设计页面。

…… …… 余下全文