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

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%"。

…… …… 余下全文

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

一、引言

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

二、课程设计目的

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

三、课程设计任务

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

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

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

四、设计方案选择:

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

设计分工: 

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

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

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

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

五、具体设计内容                       

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

…… …… 余下全文

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

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

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

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

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

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

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

…… …… 余下全文

篇四 :《网页设计》课程报告模板

《网页设计》课程报告

       :

       :

       :

       :

:

电子信息与计算机工程系

20##年11月

目  录

一、设计目的... 2

二、课程设计题目... 2

三、课程设计要求... 3

四、需求分析... 3

五、技术分析... 4

六、创意分析... 7

七、制作过程及要点... 9

八、参考资料... 12

九、设计总结... 12

一、设计目的

本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练,以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例,理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法;了解网页设计制作过程。

通过设计达到掌握网页设计、制作的技巧。

了解和熟悉网页设计的基础知识和实现技巧。

根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。

熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。

增强动手实践能力,进一步加强自身综合素质。

二、课程设计题目

设计的题目是:《XXXXX》

三、课程设计要求

1.课程设计要求一人一题,每题之间不得有雷同现象。

2.每个题目至少要 有8个不同页面(不能利用模板生成),总页面不少于10个。作品中必须有index.htm为索引页,作品中需包含flash动画、超链接、图片、声音等多媒体元素。

…… …… 余下全文

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

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制作一个关于“新加坡之旅”的网站,利用表格、行为、层和链接等网页设计技术设计页面。

…… …… 余下全文

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

网页设计与制作

课程设计报告

学校:         邵阳学院          

课题: 制作“邵阳学院之旅”网站 

专业班级:    电气工程及其自动化     

姓名:         吴鹏辉            

学号:        1041201114         

指导教师:          牛 莉            


目录

1设计目的    ………………………………......1

2设计思想…………………………………..1

3网页详细设计分析………………………..2

  3.1建立站点………………………...……2

  3.2建立布局…………………….………..3

3.3网页中的图像………………………...4

4结论…………………………….………….8


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

…… …… 余下全文

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

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

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

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

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

…… …… 余下全文

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

网页设计课程设计报告

系别: 计算机科学系

班级: 09级计师二班

学号: ***

成绩:

日期: 20xx年5月

网页设计课程设计报告

一、网站设计目的和任务

一学期的网页设计理论和实践课程都结束了,根据老师的要求及指导,我设计了此网站,本网站属于小型个人网站,目的在于简单的介绍一下个人状况,可以使老师和同学们更进一步的了解我现在以及部分过去的情况,加强老师和同学们对我的认识,深化我们大家的情谊,有利于以后在学习、工作生活当中的团结协作。

此外,这不仅是为了肩负学生的责任而去完成老师交给我的任务,更是对过去学习的知识的温习巩固,是一个把理论转化为实践的过程,是一个把自己的设计思想转化为实物的过程,是一个发挥自己创造力和想象力的过程。

再者,这是对自己在一学期内该学习科目以来的成果的检查,这是一个自我审视的过程:检测我该学期的学习成果,衡量一期以来的收获,更为重要的是扬长避短,发现自己的问题与缺点,使自己及时改正,发觉自身的优点和长处并坚持发扬,有利于我以后的学习和发展。

二、网站主题

本网站以个人从小到现在的大概情况介绍为主题,阐述喜好,表现本人的性格特点。

三、网站规划思想

当今社会,靠什么成功?很多成功人士都说过这样一句话:“成功来自百分之八十的人际关系和百分之二十的自身天分和努力。”据此可以发现,扩大人际关系网是十分重要的一项活动,因此就需要一条联系两方的桥梁,这条桥梁是满载信息的大流量的通道,在这信息时代,于是网络成为了这当之无愧的桥梁。我设计这个网站的思路就来源于此。

怎样让更多人了解你?怎么使别人更了解你?怎样扩大自己的接触面?当代是繁忙的一代也是讲究高效率的一代,当今面对这些问题,这时候的内敛不会被认为是好的,最好的解决办法我认为是把自己推销出去,我想通过网络把自己的概况晾晒,方便别人更快捷更省事地得到相关信息,通过这种方式,也可以交到志同道合的朋友,可以一起研究探讨,相互促进,达到共赢。

…… …… 余下全文