篇一 :《网页设计与制作》学习心得

说实话,短短三个星期能将《网页设计与制作》这本书粗略的学完,简直有点不敢相信。不过能懂得基本的框架和思路,这一点在以后的学习过程中是非常有帮助的。

其实买电脑的时候就装上了网页四剑客,可能稍微接触多一点的子软件是《Flash CS3》,但吕老师和我们谈及用《Dreamweaver》制作网页的时候,感觉有点茫然。

一开始老师并没有详细的介绍软件的使用,只是强调建立的主要部分:新建站点。其中images、index两个单词要牢记。因为这个是以后网页建设的主要部分。随后布置的作业中强调了表格插入的重要性。

学习与实践环节

第一部分:家庭作业是进行简单的网页制作,以书本上的百川商城为例,按照步骤,新建站点,创建名为images的文件夹及名为index的空白HTML文档,各边距设置为0。值得注意的是,在创建文档前就要规划好将文件保存的具体位置。在文档中添加表格,首先以一行一列、800像素、变宽粗细为0、单元格边间距为0为目标建立对象,为了显示的效果更佳入眼,我们将表格居中对齐,再插入4行一列的表格,俗称表格嵌套,第一行分为两栏用于制作logo和banner,可以根据图片的像素设置好宽和长,第二行为导航栏,第三行为页面内容,第四行为版本信息。这些就是我们平常浏览网站的基本布局,将不同的内容放在网页的不同位置,目的是使得浏览者能轻松准确的获取网站所要表达的信息。做好上述准备工作,就要在表格中添加素材,可以根据常用菜单栏进行要求的填充和写入。本作业时详细的指导我们完成第一个网页制作,其中涉及了表格、文字、图片及水平的应用,对于各自的使用,老师均作了很详细的图文并茂的介绍,布局时要先确定网页的分辨率及灵活度调整等。我们在这个简单的网页设计与制作过程中也学到了很多知识,学到了很多操作。

第二部分:学习的是主页面设计与制作,我就不过多的谈论步骤了,这个项目制作中使用了布局表格的嵌套功能,这将有利于页面内容的布局和定位,运行网页时整体不会出现异常情况,使页面与当初设计的样式相同,另外,为了使当浏览器大小改变时对页面布局不产生影响,一定将表格宽度设置成固定宽度。

…… …… 余下全文

篇二 :网页设计与制作个人实训报告

一 、实训目的:

通过实训,掌握网页制作系列软件Dreamweaver、Fireworks、Flash和Photoshop的使用方法。达到全面理解、运用网页制作的知识,并使之得以融会贯通,在掌握理论的基础上再加以实践,进一步提高、加强设计、制作网站的综合能力。

二、 实训过程

1.资料的搜集:

收集的资料主要是汽车图片,以及运用做页面局部框架背景的图片。

2.熟悉制作软件软件:

软件:Dreamweaver \ Firework \ Photoshop CS \ Flash

硬件: PC机

技术: HTML\CSS \ javascript\特效代码

项目设计及运行平台 :Windows XP

3.构建站点框架:网站结构图如下:

4.设计制作页面:

◆ 网页名称:关于我们

◆ 网页的色彩:最主要是以白色背景为主导色,字体的主要色彩是黑色。链接字体颜色链接前设为蓝灰色,鼠标覆盖后为深红色。

◆ 网页富有动感,通过GIF动画来展示,页面的色彩好与首页和栏目页统一主要采取白色。 ◆ 页面的大小,在1024X768像素下显示效果最佳。

◆ 颜色调配设计,网页的色彩是树立网站形象的关键之一,各版块采用与网站首页同一色系的颜色,整个版块内部也尽量保持风格一致。

◆网页内容的安排相互链接关系 如下概述

最上面先放了一个724*100px的logo.

右边放了一个1024*100广告如下图:

再下来的表格中里放了一个我们用GIF的轮换效果展示知名品牌汽车,效果如图:

右侧是世界/中国地图及天气实况查询图。属特效代码。当鼠标覆盖时显示链接提示,点击即可查询各地当日天气情况,帮助驾车人员快速掌握天气情况。效果如下:

然后再表格里面分别放的是各种小版块。

分别记载有:QQ联系方式,用户只要单击即可打开QQ

聊天窗口与网站内部人员进行对话。

…… …… 余下全文

篇三 :网页设计与制作教学总结

自考“专接本”课程

教学总结

(2012 -20##学年   第 一 学期)

课程名称      网页设计      

授课班级      12平面a      

任课教师      徐凯     

系 、 部      视觉传达系      

课 时 完 成 情 况

…… …… 余下全文

篇四 :网页设计与制作与网站发布 学习心得

《网页设计与制作与网站发布》

学习心得

今天上了第一堂选修课,课程内容很简单,讲了一些关于网页的基本内容,Internet是一个覆盖几乎全球的计算机网络,WWW服务是互联网上最为先进、应用最广、交互性能最好的信息检索工具,它向人类提供了一个无比丰富的资源库,网页是其上主要的资源组织形式。图像是网页颇具活力的组成元素,网页上常用的图像格式是GIF和JPEG, 网页制作中使用最广泛的是RGB色彩模式,在不同的操作系统和浏览器中显示效果一致的216种颜色称为网络安全色。

介绍了制作网页的三大软件,Macromedia公司的Dreamweaver 8、Fireworks

8、Flash 8三个软件是网页制作的优秀套件,俗称“三剑客”,对此,我们对制作网页有了一定的认识,课上,上课气份活跃,同学们提问积极,充分体现了对这门课程喜爱。上完课,我在网上下载了网页制作的三大软件,并成功安装。

第二次课就讲的Flash 8的工作环境,Flash 8动画的创作流程,以及元件、实例和库的基本知识。制作动画就是在Flash 8的工作环境中利用各种命令、工具以及按照基本工作流程来完成的。这些内容是制作动画最基本的基础知识。

接一来介绍了工具箱中各种绘图工具的功能和应用,介绍了如何应用这些工具绘制图形、编辑图形,介绍了文字的输入方法和编辑技巧,以及对象在舞台中的编辑方法。还有逐帧动画和渐变动画。

上了几节如何使用flash课程,我们都有感触,从不知道到能制作动画,上课气氛活跃,老师通过一个个实例教授一类又一类的动画,生动而有气氛,课后体会到仔细阅读,多加练习,灵活应用,就会制作简单的的动画。

Flash课程上完了,接着上网页中最重要的课程,网页编辑工具Dreamweaver课程。

首先讲了一下基本的界面,重点介绍了本地站点的创建和设置,值得注意的是,站点要用英文命名,页面属性的设置,网页文件创建、编辑与保存的基本方法,以及创建、编辑和保存网页的过程。

…… …… 余下全文

篇五 :网页设计与制作教学总结

教学总结

20xx年7月5日

本学期承担0450821,04A0801班的网页设计与制作课程的教学任务。

教学目的:通过课程的教学,使学生掌握该软件的操作方法和操作技巧,学会运用其创建个人网站.具备一定的网站设计能力,学会网站的测试、维护、发布及推广等。

教学内容:通过实例的讲解,让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发,如何申请空间和域名,如何上传网站以及网站测试、维护、发布及推广等。

教学方法:多媒体教学时,准备好教学课件和教学素材,采用项目教学法,围绕实例,掌握相关知识点和操作方法,增强学生学习兴趣,掌握网页的制作和处理方法,提高学生解决和处理问题的能力。通过实践课程环节,加强技能培训,学会举一反三,融会贯通,提高综合运用能力。增强学生探究和创新意识,学习科学探究的方法,发展综合运用知识的能力,增进学校与社会的密切联系,培养学生的社会责任感。

教学课时:60学时。多媒体教学占三分之一,实践教学占三分之二。

教学评价:本课程为考试科目。平时成绩占40%,期末考试占60%。平时成绩包括:迟到、早退、旷课,上课纪律,书面练习,平时上机实践作品完成情况(此项为重点)。

通过本学期的教学,顺利地完成了教学目标。

总之,一学期的教学工作,取得了良好的教学效果。

…… …… 余下全文

篇六 :网页设计与制作过程考核教学总结

《网页设计与制作》过程考核总结

一、课程在专业中的地位与作用

《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程,是一门实践性很强的专业技术基础课程,又是一门主干课程,是为加强对学生技术应用能力的培养而开设的综合性课程,它涵盖了 HTML 语言、 Dreamweaver 、 Fireworks 、 Flash 等相关知识,全面介绍 WEB 站点开发、设计、制作、维护等技术。通过本课程的学习,使学生掌握该软件的操作方法和操作技巧,学会运用其创建个人网站.具备一定的网站设计能力,学会网站的测试、维护、发布及推广等。通过实例的讲解,让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发,如何申请空间和域名,如何上传网站以及网站测试、维护、发布及推广等。

二、课程学习目标

通过本课程的学习,使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性,能设计出多窗口网页、动态网页;能熟练运用 Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;能熟练运用 Fireworks 、进行图片处理,能熟练运用 Flash 制作网页动画;能维护、管理和设计 WEB 应用程序;能独立设计 WEB 站点。

1.通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。

(1)掌握规划网站的内容结构、目录结构、链接结构的方法。

(2)熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能。

(3)掌握页面的整体控制和头部内容设置的方法。

(4)熟练掌握网页页面布局的各种方法。

(5)熟练掌握在网页中输入、设置标题和正文文字的方法。

(6)熟练掌握在网页中插入图像、flash动画、背景音乐的方法。

(7)掌握建立各种形式超级链接的方法。

…… …… 余下全文

篇七 :网页设计与制作实训报告

网页设计与制作

实训报告

班 级:

姓 名:**

学 号:47

指导老师:***

实训时间:5.9——5.22

甘肃机电职业技术学院

20**年5月20日

一、实训目的:

1、进一步熟悉和掌握网站建设的基本流程和技术规范;

2、 巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识;

3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识;

4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站;

5、具备独立撰写实训报告基本能力;

6、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识;

7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开发、维护和管理奠定基础。、

二、实训项目——星空间街舞俱乐部网站设计

1、网站主题

我的网站的主旨在于从各个方面全面的介绍星空间街舞俱乐部,包括它的团队、环境和课程。另外,网站里还包括我的资料,建立了一个展示自我形象的平台。同时,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和蓝色搭配,用以展示星空间街舞俱乐部个性的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。

2、网站材料

主要在网站上搜集所要的网页信息,包括图片、文字。同时,查询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣赏感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。

…… …… 余下全文

篇八 :网页设计与制作实训报告

《网页设计与制作》课程设计报告书

   设计题目工作室或公司网站设计

起止日期: 2013.12.23-2013.12.27


目录

一、关于网站· 3

1、网站的主题· 3

2.网站材料· 4

二、网站的规划设计· 5

1.网站的功能定位· 5

2.站点的内容· 5

3.站点的风格· 5

4.网站功能模块图· 6

三.网站技术解决方案· 6

1、网站的制作工具· 6

2、所用技术· 7

四.网页介绍· 7

1、制作网站的网页· 7

2.第二层展示· 8

3.动漫排行榜展示· 9

4.第三层展示· 10

5.关于短片的插入:· 13

五. 关于我们:· 14

六.实训总结:· 14


 

一、关于网站

1、网站的主题

  我的网站的主旨在于从各个方面全面的介绍动漫,展示动漫产品以及漫画,包括有动漫排行榜,小短片,另外,网站里还有漫画,以及周边产品。建立一个展示动漫的平台。同时,网站里的每一个网页都有统一的风格,每一个网页的主题都是图片加上文字介绍,用以展示自己性格的效果。最重要的是做出自己的风格,给浏览者好的欣赏感受。

 动漫,是动画和漫画的合称与缩写,取这两个词的第一个字合二为一称之为“动漫”。

现可考证,该词语出处为1993年创办的动漫出版同业协进会与1998年创刊的动漫资讯类类月刊《动漫时代(Anime Comic Time)》,后经由漫友杂志传开,因概括性强在大陆地区的使用开始普及起来。在中国以外,并没有此种说法。国外习惯性将动画(anime)、漫画(comic)、游戏(game)三者合称作ACG,或加上轻小说(novel)合称为ACGN。

…… …… 余下全文