报告

篇一:网

中南大学

本科生课程

(大学

题 目 学生姓名 指教师 学 院 专业班

栀子花开xxx xxx xxx学院

xx

xxx

计算机

xx年 xx 月 xx日

目录

一、 任务

二、 设计的

三、 采取的方法与手

四、 遇到的问题与

五、总结..................................................7

1

一、任务内容

原计划打算以“植物”主题，在设计过程中发现范围过于泛，无法完成主题的设计。因自己十喜爱栀子花且有所经历，经考虑重新定了以“栀子”为主的网页设计内容。主要分为一、栀子花的文化，二、子花的种类生长特性以及三、我的

其中，模块一使用幻灯进行演示，主要分为关于栀子花诗句、栀子花的传说以及栀子花的蕴三个部分。模块二用页模板进行示，要介绍了大叶子和雀栀子两种栀子。模块三主要展示了自己拍摄的栀子花片。希望通我的展示，让他人对

二、设计步骤

一、构思

首先，对栀子花的种类进行简的介;次，对栀子花的文化内涵进行简要描述;最后，展示自己种植的栀子花成果。因此，此次作业共由三分网页【一、主页、二、栀子的类和生长特性、以及、自己种的栀子花的图片三模块。】和幻灯片【栀子花的文化】构成。其模块二【栀子花的种类和生长特性】采用页模版组成，主要绍了类栀子花——大叶栀子和雀

二、取材

主要从网络上获取所的图片、音乐等关

2

材，其中部分照

三、设计 (一)网页设计

模块一、栀子花的文化以及块、我的栀子花采

在首页添加表格，在表格内增添标题栏以字幕，增添了图片、背景片、背景音、文字、艺术字首页进行丰富和实。在部分文字以及图片上增加超链

在模块二中采用网页模板行展示，主要介绍了大叶栀子和雀舌栀两种栀子。在模板内采用表格对网页进行分，对栀子花进行概和类描述。插入片，便直观的了解各种类的栀花。其中，各个种类的栀花展示位于网页模板的右方，在方进行总说，并过超链接与栀子花的

在模块三中，通过绘制表格对页进行小不的划分，插入栀子花的图

(二)幻灯片设计

此组幻灯片主要来介绍栀子花的文化。在灯片上主要增添了背景图、背景音乐以量的文字说明，未对幻灯进行量的美化和修饰，主要目的是为了让他

(三)flash设计

3

此次flash设计主要用于美化模二中大叶栀子以及雀舌栀

四、美化

(一)

在主页以及各个块中均插入了背

(二)设计网页渡 (三)添

三、采

(一)使用Frontpage

单击新建网页可选择建空白网页或其他

单击表格，选定绘制表格布局表格或单格即可制单元格。 选定单元格，单击鼠标右键选定

选定网页，单击鼠标右键，选定网属性，览格式可添加网页背景。 选定单

选定插入，择插入图片或艺术即可插入图片或艺术。 选定，选择交互按钮，即可插入字幕。 选定格式，选择网

(二)使用Powerpoint

单击鼠标右键，选定背景，选定他填充果，浏览选定图片即

单击插入，选择图，即可添加图片或

选定文字，单击鼠标键，选择自定义动画

4

义动画。 选定幻灯片，击鼠标右键，选择

可添加自定义动画。 选艺术字，单击鼠标

定义动画即可添

(三)使用Flash制作动画

单击插入新建元，即可进行元件

单击15帧或30帧，单鼠右键，选择插入

单击第一帧或第15帧，择补间，选择形状或

篇二:网

四川航

学生实

(管

实习(实训)课题: 《Adobe Dreamweaver CS6》实训

专业: ********** 班

导老师: * * * 实习(实)时

年12月12日

报告撰写日期: 2014年 12月12日

篇三:用dreamweaver制作网页

目录 ................................................................ 0

摘要 ................................................................ 2

正文 .............................................................. 3

网页制作

具体操作步

5

制作过程简介 ........................................................ 4

制作网页

开始制作

网页制作

实践心得 ............................................................ 6

学到的知

网页制作

一(页面的设计方面 ........................................... 8

二(网页视觉效果 ............................................. 8

三(网页的整体布局和

四(网页中文字、图像 ......................................... 9

五(网页制作过程中

在Internet飞速展的天，互联网成为

发布和传递信息的重要渠，它在人们政治、

各个方面发挥着重要的作用。此

上的地位显而易见，它已为政府、企事业单

中的重要组成部分，从而倍受人们

对于现在的社会，科的飞速发展已经成为

志。其中计算机的发展可快中之快，而在计

计算机网络的发展又是首其冲的。计算机网

知，到现在才经历的短短几年时间，在这几

机网络的广泛应用，特别是Internet的普及

6

经成为了不可或缺的通手段。不论是最新的新闻息、产品的台、新游戏的发布、最新的各种IT动态，包括等就业人才的个简历，我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。们又是通过什么来获取这些消息的呢——对是网。现如今，数以万计的网站以网的方提供了富、精彩的信息。人类社会入信息时代的时，在网络成为通信的主要手段的候，在计算机网普的今天，网页也在它自己的岗位做出了突出的贡献。网页是们在网络上的“代言人”。们将什样的信息传达给浏者，要讲述什么样事情，网页

企业网站在企业的网营销当中占有及其重要的地位，只要是涉及网络宣传的企业，都该建立属于自己性企业网站。他不能够让企业网络上示自己的产品，促进实际销售的增长，更能够过一根网，向目标客户展示企

对于企业网站设计的观点，偏网的形象设计，即在功能务实、体系完善的况下，重点结合企业理念打造网站的形象。Logo就能很好的表现企业形。企业标志(Logo)是用于代表企业形的独特的、意义的图案，是企业形象识别中最核心的环节，可用于与企业形象关的所有环节。由于

7

换，因此能否设计一个有内、有文化、便识别标志，并立相关的应用系统，关乎到企业

正文

通过这一学期的学，在老师的指导下以量明晰操作骤和典型的应用实例，教会我们网页制作的方法。在老师的细心导下我们学会了丰富全面的软件技术和应用技巧，让我们真正对所学的软件会贯通。所以我结合所学专业的内容制了个网站，作为实习的成果。其内是多化的。制作网页用的软件是Dreamweaver , banner软件。Dreamweaver大加速了网络时代电子交易应用的项目交付。它提供了网和表单的动态生成到企业的解决案，如电子商店，存管理系统和企内部局域

网页

1.

2.熟

3.构建站点框架。打开Dremweaver后第一步

4设计主

5实现

链接的过程其实很简单，主要是把要接的文选择在选工具栏的链接按钮最后选择自

8

便可以了。

6给静态

具体操作步骤

通过这一学期学习，在老师的导下以大量明晰的操步骤和典型的实例，教会们网页制的方法。在老师的细心指导下我们学会了富全面的软件技术和应用技巧，让我们正对所学的软件融会贯。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容多样化的。制作网页用软件是Dreamweaver , banner软件。Dreamweaver大大加速了络时代电子易应用中的项目交付。它提供了网页和表单的动成到企的解决方案，如电子商店，库存管理统和业内部局域网的据库应等功能。例如，网很流行的阴影和体按纽等效果，只需单击一下就以制作完成。当然，其最之处(转 载于:wWw.xIeLw.com 写 文 网:网页制作实践报告)，它可以将图切割，图象映射，悬停按纽，图象翻转等效直接生成HTML代码，或者嵌入到现有的网页，或者作单独的网页出现。图是一个网页的

制作过程简介

制作网

首先是确定主题,经过三考虑,就做了个

9

网站,平时也总是览类似的网站,对这些有些了解,于是确定主,做一些类似站,但考虑自身水平有限 ,最后决定建立一个简单的自我介绍

然后是整体规，每一版块都有其个性色彩，清晰明了，便于读浏览，大几部分，日，照片栏，生活，再加入个别网站等，每一部分又

再后是收集料与素材，大量浏览关网站，收集关于中的一些事史图片，好文章和图片等，还有参考一些好的网站的布

开始

打开Dreamweaver后，

首先要建

确认你所

的素材要

于后面的

创建新的

创建，利

加自己想

己对空白

己需要的

10

需要在什么

一部分的

步添加网

首先，我用flash制作网页banner，是网页更具可观性。要先插入背景文本框，确这个flash的大小，使之来了能够符合网页的大小标准，然后再插入flash，再设flash的大小，播放格式，最重要的要插入flash的播插件，否则入到网页中的flash是不能被播出的，我们使用的Dreamweaver软，在插入flash链时可以出现自动的格式设置，这方便

再来就是根据自己对网业的布局，画出布局单元格，单元格中插入自己想展示在首页图片或是文字，入图片时，要根据元格的大小择合适图片，图片我们可以用Photoshop软，修改其小或是色彩，及做其

使之在网页

我将自己的首页分成了3个要分，第三部分是照片的展示，主要是自己去旅游的照片，将布局栏里划分成6个单元格，别插入6张照片，同时了它在网页上显示的果更好，我在照片上还添加一个透明flash,这个flash的入与banner中插入的flash有所不同，要它一个层的属性，是它能够

11

12

网页制作实践报告

网页制作实验报告

一、实验目的

1.迎合网络发展的步伐，跟Internet飞速展的速度，为提高网络技术技能、增强自我社

2.在能建立基础页的基础上能够设计美的，协调，以及高水平的页。 3.熟练的运用APACHE服务，把我们的网页搭建到互联网上去，

4.提高团队协作能力， 张自身在团队中发挥

二、实验内容

我负责的部分是必胜客欢乐厅网站上“近活动”部，在“近活动”首页，我增加了6个超级链接，分成了“YUMMY BAND 有奖征集” “节日优惠” “每日特价” “新品上市”以及“TA一起共享半价美食”五个板块，个板块都有相应的内容。 1.“YUMMY BAND 有奖征集”:主要是我们由必胜客乐餐厅办的有征集壁纸的活动，让们的顾客在受美食的同时也能会获得我们丰厚的大奖，在快乐中食。 2.“节日惠”:主要是我们餐厅在重要节日实行的优政策，比如儿童节，我们有专为儿童打造的儿童套餐，也有很异国风的生日PARTY，比最近上的“南非风

3.“每日特价”:这是我们餐厅长期都会的活动，“天天半价，天美味”是长期的宗旨，不仅如此，每天们还会有针对某些新品实行的半价

4.“新品上市”:这个是我餐厅不断实践新的平台，每天我们会推出新的产品，顾使顾客能够每

5.“约TA一共享半价美食”:这个是我们专门为情设计的套，使情侣们够以最优惠的价格吃到最美味的食物，让

三、实验步骤

第一步:构想整个静态网的结构，在纸上画图

第二部:在网上搜集自己需要的资，似图片，文字。因为我们主要是模仿必客欢乐餐厅的网站来制作的，我的素材主要来必胜客欢乐餐厅的官方站。首先进入必胜客网

因为我做的是“期活动”板块，需要的就是必胜客近举办的活，做成导航接， 我需要必胜客近期的活动，所以我

在观望上的每个板块到自己需要的素材后，都在“我的文档的”中“my webside”中的“image”文夹里面，然后在“image”文件夹的上层再

第三步:打开front page，然后从里面新建一个文档，然后插表格，设置“表格属性”，点击“确定”，后在表格中插入自己事设好的网页的图片，文字。因为我的部分涉6个网页，一个首页，五个链接网页，以我需要有6个页面的设计，即要新建6个文，个文档都要有自己的构

第四步:简单的设好每个网页后，就始精细调整，包括“网属性”“表性”“主题”以及表格的边框，图片的大小，字体的类型大

第五步:每个网页都设计好以后，就始接各个网页，使得每个网页页面都能到另一个网页，因为“近期活动”是我的主页，我需在首页里面增加导航链接，到其的活动板块，我增了两个片链接以及四个文链接，并在每个链接网页里面我设计了“回近期活动”的导航链接，这样我们开每个网站后都回到“近期活动”首页。 首页

其他版块返回主页

第六步:我们都基本成以后就可以小组进的汇总，由负责搭建服务以及设计首的学进行整合，放入共享FTP面。这样的话，我们的网页就可以通

(一)文件夹

(二)“近期活动”首页，括两个图片链接以及

(三)“YUMMY BAND 有奖

(四)“节

(五)“每

(六)“新

(七)“约TA

五、实验心得

短短三周的时间，Internet课程却学了很多不同的东西，括针对QQ使用的讲解、邮箱的相关应以及网络搜索、电子器、设计网页、建APACHE服务等内容，却是收获不少。里面包括自己以前学过的，但更多的是自从未涉及过版。拓展了自己的知识

此次的期末网页设计验，我们自己下页设计软件，一步步索，一点点修改，不断询问，们学到了更。首先，独立的实践了一个完整的网站设计的过程，把设计中零散的注意点和要求在自己脑中形成了一个完整的架体系，使平时学到的知识点有了一个质的升华，并且合理的在试中进行了实践。然后在这次实验的过程中，我搜集了大量的素材和网页设的技术技巧方面的书，扩大了知识面，给我在以后的设计程中能博采众，制作出技精湛的网页打下了基础。还有，我感受最深的是，技面的学习，重要的是自实践做出东西，只通过自己亲实践，才能学会、懂、学通术。最后，我更加深体会到团队协作的要性，一个团队需要的并不是相互立的顶尖人才，而是懂得协，得通相互结合的共同，每个部分都离不开小组成员激烈的论，把不同人思维相结合，创造出相对更好网页设计，然后每个小组成员对其他人设计的部分行修改，这就能集思广益，发挥出我们整个团队力量，从最我们小组的成果来看，我们做到了，不能

下面为朱自清的散

以下载后编辑删

荷塘月色

作者: 朱自清

这几天心里颇不宁静。今在院子里坐着乘凉，忽然想起日走过的荷塘，在这满月的光里，总该另有一番样子。月亮渐渐地升高了，墙外马路上子们的笑，已经听不见了;妻在屋里拍着闰儿，迷迷糊地哼着眠

沿着荷塘，是一条曲的小煤屑路。这是一条幽僻的路;白天也少人走，夜晚更加寂寞。荷四面，长着许多，蓊蓊郁郁的。路的一，是些杨柳，和一些知道名字的树。没有月光的晚上，这路上阴森森，有些怕人。今晚却很好，虽然月

路上只我一个人，背着手踱着。这天地好像是我的;我也像超出了平常的己，到了另一世界里。我爱热闹，也爱冷静;爱群居，也爱独处。像晚，一个人在这苍的月下，什么都可以想，么都可以想，便觉是个自由的人。白天一定要做的事，一定要说的话，在都可不理。这独的妙处，我且受用这

曲曲折折的荷塘面，弥望的是田田叶子。叶子水很高，像亭亭的舞女的裙。层层的叶子间，零星地缀着些白花，有袅娜地开着的，有羞涩地打着朵儿的;正如一粒粒明珠，又如碧天里的星星，又如出浴美人。微风过处，送来缕清香，仿佛处高楼上渺茫的歌声似的。这时候叶子与也有一丝的颤动，像闪电般，霎时传过塘那边去了。叶子本是肩并肩密密地挨着，这便宛然了一道凝碧的波痕。叶底下脉脉的流水，遮住了，不能见一颜色;而

月光如流水一般，静静地泻在片叶子和花上。薄薄的青雾浮起在荷塘。叶子和花仿佛在牛乳中洗过一样;又像笼轻纱的梦。虽然是满月，天却有一层淡淡的，所以能朗照;但我以这恰是到好处——酣眠固不可少，小睡别有风味的。月光是隔了树照过的，高处丛生的木，落下参差的斑驳的黑

弯的杨柳的稀疏的倩影，却像是画在荷叶。塘中月色并不匀;但光与影有着和谐的旋律，

最新有关系学生

敬的学校领导、

大家好!

我是来自xx班的xx。我性活泼开朌,处事着、果断,能顾全大局。今天我荣幸地站在这里表达自己由来已久愿服:“我要竞选学生会宣传部长。”我在这里重承诺:“我将尽全力完成学校领导和同学们交给我的任务,学生会成为一个现代化的积极团体,成为校的得力助手和同学们信赖的组织。” 我已经在团委纪检部(班级的干部)工作了近一年的段时间,工作中,学会了样为人处世、怎样学忍,怎样解决一矛盾,怎样协调好纪检各成员之间的关系,怎样处理好纪检部不它部门之间的关系,动一切可以团结的力量,怎样提拔和运用良,怎样处理好学习不工作之间的矛。这一切证明:我有能力胜任学生会传部部长职,并且有能力把学生会发光大。 假如我当上了学

方面的素质,要进一步提自己的工作热情,以饱满的热和积极的心态去对待每一件事;要进一步提高任,在工作中大胆新,锐意进,虚心向别人学习;要进一步的广纳贤言,做到有错改,有好的见就接受,同时坚

假如我当上了学生会宣传部长,我要改革学生会的体制。正的做到“优胜劣汰”,做到“日清,周周结”,每对各部门的负责人进考核,通过部门的员反应情况,指出他在工作中的优点和缺点,以朊的身份不商讨解决方案并制定

经常不他们谈心,彼此交流对生活、工的看法,为把学生会工作做好而努力。开展主席团成员和各部长及负责人常作自我批,自我检讨的活动,每以面材料形式存入案。我将常常找各部门成员了解些情况,为作出正确的策略提可靠的保证。还要协调好各部门 间的关系,团一切团结的力量,扩大学

假如我当上了学生会宣传部部,我将以“奉献校园,朋务同学”为宗,真正做到为同学们朋务 ,代表同学们使合法权益,为校园建尽心尽力。在生会利前,我们坚持学校、大数同学的利益为重,决不公谋私。努力把学生会打造成一学生自己管自,高度自治,体现学

我知道,再多灿的话语也只不过一瞬间的智慧不激,朴实行动才是开成功之路上的鲜花。我想,如果我当选的

请各位评委给我一张信任的票,给我一个施展

荷塘的四面，远远近近，高高低都树，而杨柳最多。这些树将一片荷塘重重围住;只小路一旁，漏着几段空隙，像是特为月光留下的。树一例是阴阴的，乍看像一团烟;杨柳的丰姿，便在烟里也辨得。树梢上隐隐约约是一带远山，有些大意罢了。树缝里也漏着一两路灯光，没精打采的，是渴睡人的眼。这候最热闹的，要数上的声与水里的蛙声;但热闹是

忽然想起采莲的事情来。采莲是江南的旧俗，似乎很早有，而六朝时为盛;从诗歌里可以约知道。采莲的是少的子，她们是着小，唱着艳歌去。采莲不用说很多，还有看采莲的人。那是一个热闹的季节，也是一个风的季节。梁元帝《采

于是妖童媛，荡舟心许;鷁首回，兼传羽杯;欋将而藻挂，动而萍开。其纤腰束素，迁延顾步;夏始春余，叶嫩花

可见当时嬉游的光景了。这真是有趣的

现在早已

于是又记起《西洲曲》里的句子:

采莲南塘秋，莲花过头;低头弄莲子，

今晚若有采莲人，这儿莲花也算得“过人

见一些流水的影子，是行的。这令我到底

——这样想着，猛一抬，不觉已是自己的

推门进去，什么声息没有，妻已睡熟

在北京住了两年多了，一切平平常常地过。要福，这也是福气了。因为平平常常，正像“涂”一样“得”，特别是在“这年头”。但不知怎的，总不时想着在那儿过了六年转徙无常的生活的南方。转无常，诚然算不得好日子;但要到人生味，怕倒比平平常常时候容易切地感着。现终日看见一样的脸板板的天，灰蓬蓬的;柳高槐，只是大柳高槐而已。于是木木然，心上么也没有;有的只是自，自的家。我想着我的渺小，有些战起来;清

这几天似乎有些异样。像一扁舟在无边的大上，像一个人在无的森林。走路，说话，都要费很大的力气;还不能如意。心里是一团麻，也可说是一火。似乎在挣扎着，要明白些什么，但似乎什么也没有白。“一部《十七史》，从何处说起，”正可借来作近日的我的注脚。昨天忽然有人提起《的南方》的诗。这是两年前初到北京，在一个村里，了两杯“花白”以后，信笔来的。于今起那情，似乎有些渺;至于诗中所说的，那更是遥遥乎远了，但是事情是这样巧:今天吃了午饭，偶然抽一本旧杂志来消，却翻着了三年前给S的一封信。信里说着台州，在上海，杭州，波之南的。这真是“我的南方”了。我正苦想不出，这

---------------朱自清《一封信》

燕子去了，有再来时候;杨柳枯了，有再青的时;桃花谢了，有再开的时候。是，聪明的，你我，我们的日子什么一去不返呢?——是有人偷了他们罢:那是谁?又藏在何处?是他们

我不知道他们给我多少日子;但我的手确乎渐渐空虚了。在默默里算着，八千多日子已我手中溜去;像尖上一滴滴在海里，我的日子滴在时间的流里，没有声

--载自《匆匆》

这时我们都有了不足感，而我的更其浓厚。我却只不回去，于是只能由懊悔而怅惘了。船里便满载着怅惘了。直到涉桥下，微微杂的人声，才使我豁然一惊;那光景却又不同。右岸的河房里，都大开了窗户，里面着晃晃的电灯，电灯的光射到水上，蜿蜒曲，闪闪息，正如跳舞着的仙女的臂膊。们的已在她臂膊里了;如睡篮里一样，了的我们便又入。那电灯下的人物，只觉像蚂蚁般，更不去萦念。这是后的梦;可惜是最短的梦!黑暗复落在我们面前，我们看见岸的空船上一星两星的，枯燥力又摇不定的灯光。我们的醒了，们知道就要岸了;我

--载自《

近几年来，亲和我都是东奔走，中景是一日不如一日。他少年出外谋生，独力支持，做了许多大事。那知老境却如此颓唐!他触目伤怀，自然不能自已。情郁于中，自然发之外;家庭琐屑便往往他之怒。待我渐渐不同往日。最近两年的见，他终于忘却我的不好，只是惦记我，惦记着我的儿子。我北来后，他写了一给我，信中说道，“我身平安，惟膀子疼痛利害，举提笔，

之期不远矣。”我读到此，在晶莹的泪光中，

的，青布棉袍，黑布褂的背影。唉!

《网页制作技术》综合设计实践报告

网站制作技术综合

主 题

学生姓名

学生学号

专业班级

学 院

指导教师 湘

2015年 12 月 12 日

一．网站设计需求

1. 网站宣传主题

本网站的主题为湘菜，名为“湘菜之”，目的在向读

关的常识以及简单而经典的几道湘菜菜，也便于对中饮

兴趣的读者更好地了解湘菜和湖湘文化，更好地从湘菜热

人民由于长期以来生长在这片土地上产的热情坚强、奔“

同时，我本人作为作为土生土长的湖南，对于家乡的菜

选择这个主题也是我表达对家乡的热爱一种方式，希望有

了解湖南。

2. 网站栏目

湘菜之家

湘 湘 经

菜 菜 典

简 名 菜

介 师 肴

谭 欧 许 组 剁 永 金 鱼 百 子 毛 添 阳 菊

三 烂 泉 云 鱼 鱼 血 戏

阳 翅 翅 鸭 莲 腐 凤 袍 烧 肉

图1. 网站目

网站的目录结构如图1所示。本网站共十六页，由“湘菜

师”、“经典菜肴”三个主要栏目构成。“湘菜简介”栏

页面来展示；“经典菜肴”栏目由“湘菜师”、“剁椒鱼

家红烧肉”、“永州血鸭”、“百鸟朝凤”、“组庵鱼翅”、“金鱼

等九个页面组成；“湘菜名师”栏目由“菜名师”“许菊

烂阳”、“谭添三”等五个

“湘菜简介”栏目用一个页面简要介湘菜发展历史、菜系

口味特色等方面；“湘菜名师”栏目简介绍了许菊云四

介绍的方式为主，对欧阳烂阳和王墨泉师的介绍则采用频

“经典菜肴”栏目简要介绍了组庵鱼翅八道经典湘菜来

制作方法等方面。

三．网站功能

该网站将实现以下

1. 首页展示：网站logo 、导航实现超链接、站名

片的运动、插入音频文件《

2. “湘菜简介”页面展示：以简要字介绍湘菜、记

快速跳转、以CSS 样式来设置背景案、插入音频文《

3. “湘菜名师”页面展示：用超链实现该界面与子

根据自己的兴趣选择进入不同的子页了解

示动画，以图层来实现页

4. “湘菜名师”页面各子页：插入段视频，以视或

方式来介绍湖南有名的湘

5. “经典菜肴”页面展示：以超链的方式实现该与

者可根据自己的兴趣选择进入同的子页了解相

6. “经典菜肴”页面各子页：图片示各色菜肴，字

故事背景、食材准备、制作法、制作过程

四．网站内容

1. 版面布局

本网站几乎所有页面都采用了表格布，并插入一

泉.html 、湘菜名师.html)

2. 网页素材获

本网站图片均来自网络资源，大部分图是我用PS 件

竹图”、“1”采用滤镜处理过，logo 自己用PS 软制作

用PS 添加了文

本网站中的视频文件及音频文件均来网络资源，用插

们插入到网页中。对于音频文件，我还用背景颜色为色

的插件覆盖。使界面看起来更加

3. 导航方法

本网站首页制作了一个导航条，通过本链接实现页与

（如图2所示）。在“湘菜简介”页面采用了锚记链实

以通过点击相应的文字将页面跳转到相的区域，继而读

点击“发展历史”，页面就会自动跳转对应的标题“展

就能阅读湘菜发展历史相关的内容并通点击这段文字尾

到顶部。（如图3所示）。其他页面均取文本链接的方与

如“经典菜肴”页面与其子页“组庵鱼”，点击“经菜

鱼翅”，则对应的子页“组庵鱼翅被打。点击“组庵

‘经典菜肴’”便可以返回“经典肴”页面。（

图2 网站首页中

图3 “湘菜简介”页面中

图4 “经典菜

图5 “组庵翅”界面底部

4. 各网页内容

见“网站功能”

5. 色彩选择

本网站以红色及白色作为主要色调，出传统文化

本上使用中国元素或者传统菜肴图片，且多数界面配火

所示），体现出了传统文化的庄重大方。除此之外，网使

者静态图片进行

图6 火焰纹

6. 各网页之间的

本站各网页之间的链接方式如图7所，图中箭头为双

简介”页面内部除了对首页“湘菜之家”的文字链接还用

介”页面自身进行

7. 动态网页技

在这个网站，我使用了4个JavaScript 脚本。其三个用于实现图片的运动，剩下个用于

实现图片运动的一段代码下，其他两

<style type=”text/css”>img{display:block; }<style>

onmouseout="text1.start()" onm ouseover="text1.stop()" width="100%" height="55" id="text1">

并且我认为网页设计应该注重实用性，因为它是让人浏的，用户可以抚摸，可以评论，可以

二．网页视觉效果

视觉形象识即我们通常所VI （VisualIdentity ），与BI 一起用于深化表现企业念，同时也受到BI 的影响。所谓视觉形象识别，就是指能够被目客户通过视觉来认与企业相关的一切物，从基础的企业标志、吉祥物、标准到企业常业中的纸、服装、名片等等，在其系统化以后就形成了企业的视觉形象识别

视觉形象识别系统在整套CIS 中处于最表层的位，其中所有的设计将与

三．网页的整体布

网页的布局通常指的网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户第一眼就看到这网页所想要达的信息。这点至关重要。在大数做的比较成功网中，个同

网页布局大致可分为“国”字型、拐角型、标题正文型、左框架

合框架型、封面型、Flash

网页布局是主要考虑以

1、首先要考虑整个网页的长和，以及长度和宽

2、其次就应该考虑导航条

3、正文的框架设置（向因素和纵

四．网页中文字、图像

图像我利用网搜索和自己所学过的Photoshop 进行处理, 同时也以用其的软件，例如：光或美图秀秀，些软件操

五．网页制作过程中的其他

不要过于注重色彩的灿烂，只要简单行。我们最终求的

通过这次实习，制作时想想使自己的网加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，但在学的帮助和自己摸索的情况下完成了这个习的果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，息大，而且面文并茂，五纷，使得网民叹不已，流连返。以我们的经验，当前的软的功能日趋杂，不学到一定的深度和度是难以实际工作中付自如的。此反映出习的还够，缺点疏漏。虚在加以刻苦钻研及学习，断开拓视，增强自己的实践操作技能，为以后能做出出色的网页

近一个星期的训将要结束，其中的苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方，运了更多以前未运用的技巧。这使我学到了更多的知识，并为我自己在作网页这方积累了一些验。这些将我人生中的一次重要的经，将是我后走上社会后的一笔大的财富。这次实的收获对我说有少，我己感觉在知识、技能等方面都有了不的收获。总体来说这次是对我的综合素质的培养，锻炼

网页制作实践心得

为期四周的大三专业实践，是我们专业上的又一次学过，经过一段时期的学习体会，

这次的专业践，内容更加具体，老师给我们每个人都布置具体任务，我选择了张利兵老的网站

做网站有按照骤一步步来，这样才能有条不紊，不断完成任务。这个网站要很严格，要做好相关计划能实现相应的能。所以始

一、拟定网站建设详细划书，确定

我做的是在线试系统的网站，这是教学中普遍使用的，因此，我参考了10个以上同类主题网站进行分析，并且对网站栏目策划和功要求分析,确定好使用哪套程序可以实现功能，一个网站的功与否与建前你对网的详细合理规划有着为重要的关系。在建立网前应该明建设网站的目的，定网站功能，确网站的规等。有这作过详细的规划，才能避免在网站设中可能出现的很多问题，使得网站建设能够顺利

网站规划是指在站建设前进行分析、确站的目的和功能，并根据需要对网站建设中的技术、内容、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站内容和维护起到定位作用。我指定了网站规划，决定使用VS2005和SQL2000。具体教师，学生和理员三个身份登录使用，管理员具有最高权，可以添加师和学生，并可以管理学和教师信，教师可添加课程，管课程，添加考信息，学生可以修改个人信息，并进行答题。确定功能，我就进行了下一步工作的进行。正式开始网站的设计

二、搜集材料

明确了网站主题以后，我绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有有肉，能够吸引住用户，你就要尽量搜集材料，集得材料越多，后制作网站就越容。因为我的网站主是实用，所以我就着重做了一些关材的收集，和版图的制作，初步完成了素材的作。材料准备好了后进行后续之作就方便

三、树立良好的网页布

网页可以说是网站成的基本元素。当我们轻标，在网海中遨游，一副副精彩的网页会呈现在我们面前，那么，网页的精彩与否的因素是什呢?色彩的搭配、文字的变化、图片的处理，这些然是不可忽略的因素，除了这些，还有一个非常重要的因素——网的布。另外，照计好的格局进站美工制作,次做好首页频道栏目页内页专题页等。什么样的局是最好的。的网站是考试系统，所以界不用很花哨，要让使用很快找到需要开的位置，所以我计的布局简单素雅，把主要导航放在著的位置，一目了然，便使用。网页的布局设计完成后，就可以正式进行网站的

四、具体的网站设计

.一般来说，主页的选材小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给的感觉是没有题，没有特色，样有却样样都肤浅。的主页设计就是一用户录入口，提管员，教师，学生三种身的登录。登陆后，就能进入第二级

选定了一好的题材，是是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。比造高楼，没有计图纸，规划好构，盲目的建造，结果往是倒塌；也好比写文，构好提，才至逻辑混乱，虎头蛇尾。全仔细规划架构好自己网站，不要急于

规划一个网站，可以树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站 (有很多面) 的候，特别需把这个架构划好，也要考虑到以可能的扩性，免

大纲列出来后，必须考虑每个页面之间的链接关系。是星形，树形，或是网形链。这也是别一个网站优劣的要志。链接混，层次不

为了提高浏览效率，方便资料的寻找，所有的要链接都在首页上，链

所以我对网站的规划从管理员，教师，学生三个层次进行设计，每个不同的角色会进入到同的页

框架定下来了，然后开始一步一步有条理，有次序地来，就胸有成竹得多，也为的主

我选择了VS2005作为制件，看书学习了一些基础的东西之后就着手开始了我的网页制作，我先初步对网页作了些页面规划，然后建立了站点，用软件中的一些基本功能制作，由于我前并没有具体使用过个工具软件开发过网，因此到了很多困难，过我自的看书网查询，并在师和学的指导下，渐渐学会了他的用。随着问题的解决，我也学会了很多有用的

这次做的页虽不是很好看，可是我花了很多时间来完成它，所以呢它对我以后做网页有很大的帮助。在次做网页的过程中也让我学到了很多东西，所呢从我内心来说是很重视我的这次历，在制作过程我不仅到了书上没有的东西，也培养我独立考题的力，同时通过和同学的交和讨论还增强了同学之间的团结互助的

相信，通过次的专业实践和今后的专业学习，我的各方面能力定会到很大的提高，对自己的专素质和

转载请注明出处范文大全网 » 网页制作实践报告