你的位置： 群学网 >报告 >导航

报告|ps网页设计实践报告(模板17篇)

发布时间：2019-07-23

ps网页设计实践报告(模板17篇)。

⧈ ps网页设计实践报告 ⧈

一实验目的

1.学习html语言和dreamweaver，frontpage等工具

2.掌握在本地环境下运用asp技术实现一个简单的电子商务网站

二实验的方法和原理

三实验过程

1.资料的搜集。

组长分配任务，大家从网站上搜集各种关于手机的资料。

2.熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

3.构建站点框架。

打开dremweaver后第一步便是新建站点

4设计主页及二级页面。

5实现网页间的链接

链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果

四实验心得

在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。

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

⧈ ps网页设计实践报告 ⧈

虽然有成千上万的字体，但你真的能用的只是一小部分(至少要等到主要的浏览器完全支持CSS3)。所以坚持使用网页安全字体。如果你不喜欢网页安全字体，可以考虑利用sIFR或Cufon逐步增强的网页设计。

保持字体的一致性，确认标题和段落的内容看起来有所不同。使用空白、调整行高、字体大小和字母间距属性，使用户轻松愉快地阅读和扫描内容。

也许一个网页设计师常常犯的错误就是使用不对的字体大小。因为我们想尽可能的将内容都塞在一个网页中呈现，所以我们有时设置字体大小而让用户感觉到不舒服。如果可能的话，尽量保持字体大小12像素以上，特别是对段落内容。虽然很多没有遇到因为字体太小而造成阅读上的困难，但是想想老人家、近视眼和其他类似视觉障碍的族群吧。

⧈ ps网页设计实践报告 ⧈

时间过得很快，我即将毕业来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。

一、实习时间

二、实习介绍

我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有、招商网等。

我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，(排版主要使用css+div)，并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。

三、实习内容

(一)初级考试

初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。

(二)三天的培训工作

三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。

(三)最后的考核

三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题，秀的人会转正，得到很优厚的待遇。

考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。

(四)正式工作

我们每天的上班时间是从早上8：30分到下午的17：00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他(她)们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3--4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。

四、实习体会

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

⧈ ps网页设计实践报告 ⧈

题目一、题目描述：已知银行整存整取存款不同期限的月息利率(采用复利方式，即利滚利)分别为 0.63% 期限一年 0.66% 期限二年月息利率= 0.69% 期限三年

0.75% 期限五年 0.85% 期限八年要求输入存钱的本金和期限(以整数年为单位) ，求到期时能从银行得到的利息与本金的合计。提示：可以用嵌套的 if-else 结构或 switch 结构实现，核心函数 pow(1+月利率,月份)。请思考年份是四、六、七或八年以上的情况。

(二)明确核心函数 pow 是计算复利的(例如：x 的 n 次方 ) ;由于是以年为计算期限的，而所给的利率是月利率，所以计算时应该在年的基础上乘以 12; (三)复利计算就是一种幂运算，I=p*(1+i)^n，本金和利率都是变

动的 (四)在除了 1、2、3、5 和 8 年之外的其他年份中，要注意“就低不就高”的原则，尤其是在 8 年之后，也是套用期限八年的利率。

附源程序如下： #include #include void main { int years; float capital,sum;

scanf(“%f %d”,&capital,&years); switch(years) { case 1:sum=capital*pow(1+0.63*0.01,12);break; case 2:sum=capital*pow(1+0.66*0.01,24);break; case 3:sum=capital*pow(1+0.69*0.01,36);break;

case 4:sum=capital*pow(1+0.69*0.01,48);break;

case 5:sum=capital*pow(1+0.75*0.01,60);break; case 6:sum=capital*pow(1+0.75*0.01,72);break; case 7:sum=capital*pow(1+0.75*0.01,84);break; case 8:sum=capital*pow(1+0.85*0.01,96);break; default:sum=capital*pow(1+0.85*0.01,12*years); } printf(“%f”,sum); }

题目二、题目描述：简单计算器。用 switch 语句编写一个程序计算表达式： data1 op data2 的值。其中 op 为运算符+、-、*、/。

设计思路： (一)明确计算器是怎样进行计算的; (二) 细节，比如很多地方需要分号，在遇到字符时，我们应该用 ‘’ ，而不是“” ; (三 Switch 语句主要用于多分支选择，此题有+、-、*、/，这就是选择。使用 switch 每个 case 对应+ - * /符号程序涉及到至

少三个量，运算符 op 和两个数字;先让用户输入两个数字和运算符，两个数字的计算在后面的程序中用 swith 结构运行。运行效果截图：

附源程序如下：#include int main() { float data1,data2,c;

char op; printf(“请输入表达式中两个数字 data1 和 data2 ”); //打印 scanf(“%f%c%f”,&data1,&op,&data2); //输入

printf(“请输入运算符+、-、*、/ ”);// 打印 switch(op) //switch (){case stick:break;} 这个是个选择结构

如果 OP = stick 则执行这一句如果没有则执行 default 后面的语句 { case '+':c=data1+data2;break; case '-':c=data1-data2;break; case '*':c=data1*data2;break; case '/':c=data1/data2;break; default:printf(“输入错误”);break; } printf(“%f”,c); return 0; } 题目三题目描述：编写程序，用二分法求方程 2x3-4x2+3x-6=0 在(-10，10) 之间的根。提示： ① 用 do-while 语句实现。

② 二分法的计算步骤： (1) 准备计算 f(x)在有根区间端点处的值 f(a)，f(b) (2) 二分计算 f(x)在区间中点(a+b)/2 处的值 f (3) 判断若 f=0，则即是根，计算过程结束。否则，检测： A. 若 f与 f(a)异号，则根位于区间内，这时以(a+b)/2 代替 b; B. 若 f与 f(a)同号，则根位于区间内，这时以(a+b)/2 代替 a; 反复执行步骤 2 和 3，直到区间长度缩小到允许的误差范围之内，此时中点(a+b)/2 即为所求的根设计思路： (一)二分法是指在整个算法中，让计算值无限趋近于根的值，利用数学知识可知，当了两个点的结果异号时，函数的根就在这两个数之间，利用二分法可以无限的把根的范围缩小，直到可以确定为止; (二)do-while 是循环语句，先执行一次指定的循环体语句，然后判别表达式，当表达式的值为非零 (真) 时，返回重新执行循环语句，如此反复，直到表达式的值等于 0(假)为止才结束。 (三)Void main()是声明函数，并且是对主函数的声明。题目所给的范围是(-10，10) ，因此在声明函数中定义一个 a 和 b 来代替区间的范围，而用 c 来代指中间指也是最后的结果，在这个程序中 a、 b、c 都是随着范围不断变化的变量。如果(-10,10)的范围过大，

就需要循环语句来缩小区间范围，即 a=c 或 b=c。当函数值在 (-10,10) 中任意一点取得 0 时，就正是我们所要的结果。循环条件是当区间 a 和 b 的函数值小于精度 0.01。运行效果截图：

附源程序如下： #include “stdio.h” float f(float x) { float y; y=2*x*x*x-4*x*x+3*x-6; return y; } void main() { float a=-10,b=10,c;

do{c=f((a+b)/2); if(c==0) break; if(c*f(a)>0) a=c; else b=c; } while(f(b)*f(a)<0.01); /*解的精度为 0.01*/ printf(“方程的解是：%f”,c); }

题目四题目描述：编写程序，给定一个整数 i，请求出另一个整数 j，使 i 和 j 在用 8 位二进制表示时互为逆序。例如：给定 i=3 时，应得到 j=192(3 的二进制为：00000011，192 的二进制为 11000000) 。提示： ① 十进制整数转换为二进制整数用“除 2 求余”法。 ② 二进制整数转换为十进制整数用“按权相加”法。

设计思路： (一)二进制整数转化为十进制整数用“按权相加”法 (二)二十进制整数转化为二进制整数用“除 2 求余” ，用&转化。

(三)运算符：<>是指右移一位，<<=结合时从右到左运算，其中 aa 是指 b 向右移 a 位，左移一位相当于乘 2 右移 1 位相当于除 2 (四)在交换时，用的是中间法

运行效果截图：附源程序如下：#include “stdio.h” void main() { int i,j,s=1,a; printf(“请输入一个整数 i： ”); scanf(“%d”,&i); for(j=0;j<8;j++,s<<=1) { a=i & s; } printf(“所得到的 j 为: ”);

printf(“%d ”,(a<<7) | (a<<5) | (a<<3) | (a<<1) | (a>>1) | (a>>3) | (a>>5) | (a>>7)); }

题目五题目描述：编写程序，抓交通肇事犯。一辆卡车违反交通规则，撞人后逃跑。现场有三人目击事件，但都没有记住车号，只记下车号的一些特征。甲说：牌照的前两位数字是相同的;乙说：牌照的后两位数字是相同的，但与前两位不同;丙是位数学家，他说：四位的车号刚好是一个整数的平方。根据以上线索求出车号。提示： ① 按照题目的要求，造出一个前两位数相同、后两位数相同且相互间又不同的整数，然后判断该整数是否是另一个整数的平方。 ② 用穷举法解此题。穷举法是最简单、最常见的一种程序设计方法，它充分利用了计算机处理的高速特征。穷举法的关键是要确定穷举的范围，既不能过分扩大穷举的范围，也不能过分缩小穷举的范围，否则程序的运行效率会很低，或有可能遗漏正确的结果而产生错误。

(二)此题需要满足三个条件：①前两个数相同，后两个数相同;② 前后两数分别不相同;③这个数是一个整数的平方。需要每个条件都满足，if 才为真。 (三)主要思路是穷举。穷举是指在适当的范围内举出一个数。运行效果截图：

附源程序如下： #include void main() { int a,b; for(a=32;a<=99;a++)

{ b=a*a; if(b/1000==b%1000/100 b%100!=(b/1000)*10+b%1000/100) printf(“The license plate is:%d ”,b); } } && b%100/10==b%10 &&

题目六题目描述：从终端输入实数 ex=1+x+x2/2!+x3/3!+?+xn/n!的值。设计思路：先输入一个 x 的值; 再设计一个子函数，计算 1! ， 2! ， 3! ?n! 的值;之后用 sum 函数，和 pow 函数处理分子，用累加的方式进行分子计算，并形成等式;最后输出结果。 x ，用递推法求

附源程序如下：#include “stdio.h” int f(int x,int n) { int i,m=0; for(i=0;i

for(i=0,s=0;f(x,i)<0.001;i++) s+=f(x,i); printf(“其结果为：%d ”,s); }

题目七题目描述：打印出以下的杨辉三角形(要求打印出 10 行) 。 1 1 1 1 2 1 1 3 3 1 1 4 6 4 1 1 5 10 10 5 1 ?? ?? ??

设计思路： (一)二维数组主要用于处理多行的问题，而且第一行在数组之中是第 0 行。 (二)杨辉三角有一个明显的特点：每一行的最后一个数字与第一个数是相同的，此外，下 (三)一行的第二个数是由上一行的第一个数和第二个数相加之和，以此类推。

定义指针是为了让整个程序不那么复杂。运行效果截图：

附源程序如下： #include int main(void) { int a,(*p)=a,i,j; for(i=0;i<10;i++) {

*(*(p+i)+0)=1; *(*(p+i)+i)=1; } for(i=2;i<10;i++) for(j=1;j

题目八题目描述：找出一个二维数组的“鞍点” ，即该位置上的元素在该行上最大，在该列上最小。提示： ① 一个二维数组可能有鞍点也可能没有鞍点，若有鞍点，则只有一个。

② 准备两组测试数据： (1) 二维数组有鞍点： 9 80 205 90 -60 210 40

(2) 二维数组没有鞍点： 9 80 205 90 -60 210 40 1 89

③用 scanf 函数从键盘输入数组各元素的值，检查结果是否正确。如果已指定了数组的行数和列数，可以在程序中对数组元素赋初值，而不必用 scanf 函数。请同学们修改程序以实现之。

设计思路： (一) 先找出一行中值最大的元素，然后看它是不是该列中的最小值，由于一个二维数组最多有一个鞍点，所以如果是则鞍点存在且它就是鞍点，输出该鞍点;如果不是，则再找下一行的最大数,以此类推。如果每一行的最大数都不是鞍点，则此数组无鞍点 (二) 在程序中，先令 a最大赋值给 maxi，在 for 循环的比较中，把

符合条件的行的最大值赋给 maxi，将每一次比较后的最大的列数赋值给 maxj，从而找出 i 行最大的那个。再假设那个数就是鞍点，将最大数和同列的数值相比，如果 maxj 不是最小的，则不是鞍点，继续找。 (三)引入一个参数 flag=1，若不存在鞍点则 flag 为 0，若存在鞍点则 flag 依旧为 1

运行效果截图：

附源程序如下：#include “stdio.h” #define S 80 #define T 80 void main() { int m,n,i,j,t,maxh,maxl,flag,a; printf(“请输入二维数组的行数 m 和列数 n: ”); scanf(“%d %d”,&m,&n); printf(“请输入二维数组的各个元素： ”);

for(i=0;ia) t=a;maxh=i;maxl=j; } for(i=0;i

a=%d “,maxh,maxl,a); }

题目九题目描述：某班期终考试科目为高数 MT、英语 EN 和物理 PH，有 30

个人参加考试。为评定奖学金，要求统计并输出一个表格，表格内容包括学好、各科分属、总分和平均分，并标出 3 门课均在 90 分以上者(该栏标志输出为 Y，否则为 N) ，表格形式如下： NO MT EN PH SUM V >90 1 2 3 97 87 92 276 92 92 91 90 273 91 90 81 82 253 84 ...... N Y N

设计思路：由于是对 30 个学生的数据进行输入与统计，所以建立二维数组，根据各位置的条件来定义其内容，第 8 个数据是字符型数据，所以另设一数组进行存储，最后在将数据整合输出。

附源程序如下：#include ”stdio.h“ void main() { int i,j,sum,flag,a; printf(”请输入 30 个考生的三科成绩： “);

for(i=0;i<30;i++) { a=i+1; for(sum=0,j=1;j<4;j++) {scanf(”%d“,&a); sum+=a; if(a>90) flag=1; else flag=0; } a=sum; a=sum/3; if(flag=1) a='Y'; else a='N';

} printf(”NO MT EN PH SUM V >90 “); for(i=0;i<30;i++) for(j=0;j<6;j++) { printf(”%5d“,a); printf(” %c “,a); }

}

题目十题目描述下面是一个 5*5 阶的螺旋方阵，试编程打印出此形式的 n*n (n<10)阶的方阵(顺时针旋进) 。 1 2 3 4 5 16 17 18 19 6 15 24 25 20 7 14 23 22 21 8 13 12 11 10 9 提示：用二维数组实现。

设计思路：定义一个 n*n 维数组存放该方阵，m 为该方阵的圈数，一个大循环中嵌套了

四个小循环，每一圈为一个大循环，第一个小循环按顺序写出第一行的数，第二个小循环按顺序写出最后一列的数，第三个小循环按顺序写出最后一行的数，第四个小循环按顺序写出第一列的数，再进行第二次大循环，循环完毕后再进行循环输出数组中的 n*n 个数，该螺旋方阵就出来了。

附源程序如下： #include ”stdio.h“ void main() { int i, j, k = 0, m, n,a; printf(”请输入方阵行列数 n(n<10): “); scanf(”%d“,&n); if(n%2==0) m = n / 2; else m = n / 2 + 1; for(i=0;i

k++; a=k; } for (j=i+1;j=i;j--) { k++; a =k; } for (j=n-i-2;j>=i+1;j--) { k++; a=k; } } for (i=0;i

printf(”%5d“, a); printf(” “); } } 附：

经过 C 语言实习，让我加深了对 C 语言的了解，而不只是单单的在课本中学到的那些理论，平时乏味的课程，通过自己动手亲自编写，变的生动有趣，而在自己动手的过程中，出现的问题很多，比理论要难的多，当一个程序写完以后，经常会有很多错误而没法解决。不过，通过几天的实习，逐渐积攒了一些经验，有些错误可以很快就看出来。这次实习有很大的收获，让我对 C 语言有了更深的认识，平时在课堂上学到的东西可以自己动手编写，将其转化成一些实用的技能。如果是一个程序写完一处错误也没有，会有种成就感，于是兴趣就来了，兴趣来了，自然学的东西也就多了，能把理论变成实际的技能，让我对 C 语言有了浓厚的兴趣和更深层的认识。 C 语言是一个有序的学习，学了最基本的替换，然后扩展到循环，嵌套，条理很清楚，不是一个零散的知识，实际上所有的课程都如此，不过通过实习我也知道了自己的不足，存在的很多问题。比如自己写的写的小程序出了问题，不会解决了就叫老师帮忙，但是会养成一种依赖的心理，碰到问题了个想到的是求助而不是自己独立解决，所以

以后要多多锻炼自己的信心和增加自己的能力，争取做到老师不在身边的时候也可以完成一些简单的程序编写与错误排除。还有自己的基础知识不扎实，遇到的问题，没有很好的逻辑思维，亲自编写一个陌生的程序的时候会有种无法下手的感觉，找不到突破口。通过实习，逐渐理清了顺序，对于简单的程序和一些相对比较繁琐的嵌套，循环，不在是看着一头雾水。其实只要理清了思路，把基础知识掌握了，然后有条不紊的分析，一步一步理解，C 语言还是很有意思的课程。自己亲自动手编写程序让我增加了对 C 语言程序开发环境的了解，在上课的时候老师就讲，学习C 语言最重要的是学习C 语言的逻辑思维，不管以后从事什么行业，学习C 语言都对自己的职业很有帮助，如果是从事编程工程工作的话，就更有帮助了，即使以后的编程工作可能不用 C 语言，但是拥有扎实的 C 语言基础是对工作很有用的。当初在初步接触 C 语言的时候，看着一堆“奇形怪状”的符号，觉得甚是无聊，通过这次实训，摆脱了那种似懂非懂的状态! 感谢学校安排这次实习和老师的耐心讲解，让我学到了很多知识，在实习过程中，同学之间的相互探讨，老师的循循善诱，最终让我们达到了举一反三的效果，在学知识的同时，也增加了同学老师之间的感情。希望以后还会有更多类似的实习课程，在有限的大学时间内学到更多的实用技能，为以后的生活和工作打下一个良好的基础。

⧈ ps网页设计实践报告 ⧈

从学校毕业后，我第一次步入了社会，从此开始了面对社会、工作的生活。刚刚走入社会的我是一个性格有些内向的人，面对陌生的人，我不善言辞，不会给自己的外表进行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我，这个我很清楚。现在，中国每年都有很多毕业的大学生找不到工作，我也不例外，所以，这第一次实习工作肯定不会太好找，但是相反，我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况报告如下。

我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。

做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。

在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。

⧈ ps网页设计实践报告 ⧈

一实验目的

1．学习HTML语言和dreamweaver，FrontPage等工具。

2．掌握在本地环境下运用ASP技术实现一个简单的电子商务网站。

二实验过程

1组长分配任务，大家从网站上搜集各种关于手机的资料。

2做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

3打开Dremweaver后第一步便是新建站点。

4设计主页及二级页面。

5链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果。

在经济迅速发展的今天，Internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。

⧈ ps网页设计实践报告 ⧈

一、课题任务与目的

1.题目：购物网站建设与

2.主要任务：以PHP为主要制作工具，实现购物网站的注册、登录、验证身份、购物车及用户数据的采集、物品的预览查询、搜索/查看物品以及站内最新物品信息发布并可进入在线下单从而实现网络销售。

3.研究目的：现在网购无法全面取代传统购物渠道，但是网购能够灵活调整运营政策，使它能够满足某一类人特别关注的侧重需求。我长久以来也是以此为出发点，关注网购商机。在此基础上总结出几套网购运营模式，这些网购能更佳的满足某类人侧重需求，对他们来说有强烈的购买理由。我们要做的是进一步积累完善这类网购模式，实践这些网购，赚取利润并积累网购运营经验，在网上购物大发展时机到来时拥有先发优势。

　　二、调研资料情况

1）网站建设背景

近年来,随着Internet的迅速崛起,互联网已日益成为收集提供信息的最佳最快渠道，并快速进入传统的流通领域。互联网的跨地域性、可交互性、全天候性使其在与传统媒体行业和传统贸易行业的竞争中具不可抗拒的优势，因而发展十分迅速。在电子商务在中国逐步兴起的大环境下，越来越多的人们开始选择在网上购物，这其中包括所有日常生活用品及食品等。通过在网上订购商品，可以由商家直接将商品运送给收货人，节省了亲自去商店挑选商品的时间，具备了省时、省事、省心等特点，让顾客足不出户可以购买到自己满意的商品。

2）网站建设发展趋势

通过对网上商城的的建设，建立利用互联网开拓信息渠道,帮助企业及时调整产品结构,协助经销商打开货源的信息门户成为解决信息流通不畅的有效方案.通过现代电子商务理念帮助企业转换经营机制,建立现代企业制度,提高企业的管理水平和市场竞争力。主要表现为如下： 1、为客户提供自由选购所需产品的服务功能；2、及时补充和增加最新质量和功能的产品上架；3．为顾客及时提供产品和服务的信息交流；4．拓展市场宣传、提升品牌形象；5．广告、招商、市场活动推广。

3）网络电商市场分析

目前中国的Internet已经进入了高速发展阶段，发展速度快、潜力大。20xx年 1月15日，中国互联网络信息中心（CNNIC）在京发布了《第25次中国互联网络发展状况统计报告》（以下简称《报告》）。《报告》数据显示，截至20xx年12月，我国网民规模已达3.84亿，互联网普及率进一步提升，达到28.9%。我国手机网民一年增加1.2亿，手机上网已成为我国互联网用户的新增长点。受3G业务开展的影响，我国手机网民数量迅速增长，规模已达2.33 亿人，占整体网民的60.8%。手机和笔记本作为网民上网终端的使用率迅速攀升，互联网随身化、便携化的趋势日益明显。而商务交易类应用的快速增长，也使得中国网络应用更加丰富，经济带动价值更高。第四章、商业运作模式本章将

从网站的建设,市场营销策略,网站收益来源等方面综合描述网上商城的商业运作模式及多种促进企业价值增长的策略分析。初期目标电子商务的实现是一个循序渐进的过程.根据目前的现状,电子商务网在建设初期应该主要实现以下几个目标:

4）网站建设技术背景

1.ASP

ASP(Application Service Provider)是Microsoft公司开发的服务器断的脚本环境是目前流行的开放式的WEB应用程序开发技术。ASP的主要特性是能够把脚本、HTML、组件和强大的WEB数据库访问功能结合在一起形成一个能在服务器上运行的应用程序并把按用户的要求专门制作的HTML页面送给客户端浏览器。ASP属于ActiveX技术中的服务器端技术与通常在客户端实现动态页面的技术如 Java Applet ActiveX控件和VBScript等不同ASP中的命令和脚本都是在服务器端解释执行将执行后的结果生成HTML页面并发送给浏览器。由于脚本在服务器端执行ヒ蚨开发者不必担心浏览器是否能执行脚本。同时由于只是将HTML页面发送到浏览器在浏览器上看不到ASP程序因此可以防止程序被窃取。另外ASP还具有许多显著的优点。例如ASP运行在Web服务器的同一进程中能更快、更有效地处理客户请求ASP提供了更简单、更方便的数据库访问方法使开发基于数据库驱动的Web应用程序更容易ASP支持VBScript和Jscript能以插件形式支持其他脚本语言。

2． SQL Server 20xx

Microsoft SQL Server 20xx是微软公司开发的一种功能强大、完整的关系型数据库以Transact SQL作为它的数据库查询和编程语言。SQL Server 20xx提供了以Web标准为基础的扩展数据库编程功能以使用HTTP来向数据库发送查询、对数据库中存储的文档执行全文搜索、以及通过Web进行自然语言查询。SQL Server 20xx提供了一整套图形化工具以方便用户操作创建和修改数据库及备份数据库操作可通过企业管理器来进行。

3.Dreamweaver

Dramweaver MX 20xx 是一款专业的 HTML 编辑器用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。Dreamweaver 可提供在可视化编辑环境中工作利用 Dreamweaver 中的可视化编辑功能可以快速地创建页面而无需编写任何代码。同时如果要用手工直接编码Dreamweaver 还包括许多与编码相关的工具和功能。并且借助 Dreamweaver还可以使用服务器语言例如 ASP、ASP.NET、ColdFusion 标记语言 (CFML)、JSP 和 PHP生成支持动态数据库的 Web 应用程序。

4.Photoshop

Photoshop是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果テ渲氐阍谟诙酝枷竦拇理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时使用位图形式是最佳的选择它在这方面的优点是矢量图无法比拟的。学习内容Photoshop掌握绘画的基础理论パ习色彩原理和选取颜色、范围选取、工具与绘图、图像编辑、控制图像色彩和色调、使用图层、路径、通道和蒙板的应用、滤镜等。

5．HTML HTML (Hyper Text Mark Language)

超文本标记语言是WWW上通用的描述语言是制作网页的基础HTML语言主要是为了把存放在一台计算机中的文件或图形与另一台计算机中的文本或图形方便地联系在一起形成有机的整体。HTML标记是HTML的核心与基础用于修饰、设臵HTML文件的内容及格式。HTML语言是通过利用各种标记tags来标识文档的结构以及标识超链Hyperlink的信息。虽然HTML语言描述了文档的结构格式但并不能精确地定义文档信息必须如何显示和排列而只是建议Web浏览器如MosiacNetscape等应该如何显示和排列这些信息最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效果会不一样。

三、参考文献：

[1] 布雷恩.赖特，EPP 数据库编程指南Ｍ电子出版社20xx

[2] 晏国英、康昱，RPP 编程起步械工业出版社20xx

[3] 陈承欢、彭勇，管理信息系统基础与开发技术嗣裼实绯霭嫔绐20xx

[4] 赵增敏、朱粹丹，EPP动态网页设计党霭嫔绐20xx

[5] 朱如龙，MYSQL 数据库应用系统开发技术械工业出版社20xx

[6] 龙马工作室Dreamweaver MX 20xx ト嗣裼实绯霭嫔绐20xx

⧈ ps网页设计实践报告 ⧈

通过网页设计理论联系实际操作，巩固所学的知识，提高处理实际问题的能力。充分学习网页设计实践中的操作理论，提高自己网页设计水平，并为能顺利与社会环境接轨做准备。

学习网页设计实际问题处理方法及常规网页设计内容（网页设计切片、数据库的搭建、新闻管理、留言管理、网页设计在线编辑器等），网页设计后台管理方面的知识应用，及利用所学知识管理和编辑网站，并从实际出发，简单了解关于网站安全性问题的实际解决措施（md5密码加密等网页设计知识）。

20xx年xx月xx日——20xx年xx月xx日。

xx。

按照老师的安排，我制定了相应的实习计划，并记录了相关的实训内容，以备后鉴，且完成实训作业及实习心得。注重在实习阶段对所学知识的巩固和提高，以达到根据理论知识，指导日后工作实践的目的。其主要网页设计实习具体内容情况报告如下：

1、收集网站所需信息。

2、运用PHOTOSHOP处理的网页设计所需图片。处理图片要保持图片不失真，并按照网页设计需求设计所需的效果。

3、对所完成的网页页面进行合理的切片处理，并按照网页设计效果完成网站整体框架的构建。

4、搭建网站所需数据库。

5、网站的虚拟建设和初步完善。

大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一片空白。纸上得来终觉浅，绝知此事要躬行。经过网页实训课的实习，让我对自己有了新的认识，并明确了网页设计方面的前进方向。

1、继续学习，不断提升理论素养。在信息时代，学习是不断地汲取新信息，获得事业进步的动力。现在通过实习总感觉自己学的不够，要用到知识时总感觉脑袋总是空白。实习后让我明白，为了能更好的适应工作，不得不利用自己空闲时间去弥补学习中的不足。实训内容是与自己所学专业有密切联系的，所以自己在这方面格外侧重，希望能够加强自己的专业知识。

2、加强信心，坚持下去。上学的时候大家都说“能珍惜现在的日子就好好珍惜！”，等工作了才真正的领悟这句话的涵义。经历这次实习后，就希望能把实习所学习的知识，也能运用到课堂上。对自己多一点信心，多给自己点赞赏，多给自己鼓鼓劲，相信自己总会走出一条宽敞大道。

实习，是开端也是结束。在书本上学过很多理论，但从未付诸实践过，也许等到真正运用时，才会体会到难度有多大。在今后的工作和生活中，自己需要更加努力的奋斗下去。

实习的同时也让我了解到了自己的不足，我会继续努力，完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。

最后谈谈我个人对自身的职业之路规划。当然这些还不够成熟，仅仅是这一个学期的实习带给我的一点想法，今后我会结合学习生活进一步修正。首先是个人学习，通过实习我认识到利用课堂外的时间也是关键，下一步打算结合自己的兴趣，利用课余时间自我培训；其次是社会实践，初步打算是利用假期等时间充分工作，以提高自身实际工作能力为目的，毕竟“想”和“做”是不一样的，这次实习中我也认识到了这点，平时觉得自己能够胜任的简单事情，当真正动手做时却总不是那么简单了；最后，打算结合个人的兴趣、价值观、能力、职业发展倾向做个详细的职业发展规划。

总体来说，这次网页设计毕业实习，让我受益匪浅，以上是我的实习心得与体会，不足之处望得到指正。

⧈ ps网页设计实践报告 ⧈

在设计上

过去在对网页设计的理念比较空泛的，做设计的多而出现平乏，很多时候基本上没有好好的静下来想想设计，只是整天在电脑旁的不停的copy，设计那时对我而言就是不停的复制过程。在xx年里，在业务不多的情况下，沉下心认真去想设计的真正的含义与表现。通过几个案例，让我认识到，在纸上的图片再怎么新颖与美丽，不能做出来也是徒劳。设计，施工一个也不能少。特别是网页设计软件应用技巧上需要加强学习。

在业务上

xx年我基本上都在汉口工作，汉口店没有武昌超市的绝对的优势，汉口店在外等于失去了超市的僻护，在客源上比较少，只能和外面的装饰公司一比高下，我们所能做的就是不能放过任何一个来咨讯的客户，让他们在第一次与我们交流中就留下深刻的映象。同样的一个订单，同样的一个合同，我们汉口店的同事付出更多，因为每一个客源对于我们都来之不宜。也许是这样的心态让我们对每个客户都服务周到，但是也滋长了部分不良的刁民，我认识到服务的到位，并不是对客户任何要求的惟命是从。

在心态上

在xx年主要体现在与客户交流时更加的自信了，面对某些客户的刁专问题的回答更加的游刃有余了。在工作心态的调整，在每天的工作中总是会遇到各种各样的问题，这就要考验我的解决事情的能力，与过去相比，考虑问题更加成熟了，不像过去遇事则乱了。面对不同的客户，如何调整自己去理解他们的想法，让他们来认同自己的设计理念。希望能在短时间里自己能培养稳健的办事作风，是我20xx所追求的。

网页设计师工作总结

根据岗位职责的要求，我的主要工作任务是

（二期招商画册的设计制作及参加相关展会等；

（2）日常接待工作；

（3）相关活动的策划及筹备；

（4）担任讲解工作；

（流畅的文字写作能力、网站建设维护能力、大型活动的策划及筹备能力。目前我在网站建设、大型活动的策划方面存在不足。在网页制作的过程中我发现，Frontpaeg根本无法适应精美网页的制作要求，于是重新学习了新的网页制作软件DreamweavermX及图形处理软件FireworksmX。目前我已熟悉了上述软件的常用功能并能运用其进行基本的网页制作及图形处理。为了让自己做一个称职的招商人员，我阅读了网上的部分策划案例，以便在以后的策划工作中有所帮助。

xxxx年又是一个充满激情的一年，在今后的工作中，我将努力提高自身素质，克服不足，朝着以下几个方向努力：

1、学无止镜，时代的发展瞬息万变，各种学科知识日新月异。我将坚持不懈地努力学习各种招商引资知识，并用于指导实践。

多学、多练来不断的提高自己的各项业务技能。

热情、细致地的对待每一项工作。

网页高级设计师的工作内容总结四篇

⧈ ps网页设计实践报告 ⧈

一、实验目的：了解HHTML中涉及的技术。

HTML语言的组成及特点，学会利用HTML语言编辑网页。了解CSS。

了解网站开发的流程。

二、实验内容

1.参考书1.2.1节，利用记事本实现唐诗实例。

(1):在“记事本”中输入虞美人的文本。

(2):选择“文件”—>“保存”命令，将该文件保存为“虞美人。html”，此时该文档将显示IE图标。

(3):打开图标。

如图所示：

2. 在Dreamweaver中输入如下代码：

3.请写出以下效果的HTML代码(包括分行及分段效果)

角标的实现：在拆分视图下的文本编辑区域输入X1，然后看其在代码编辑区的变化。想要实现上下角标要用到角标在字母的上方；角标在字母的下方。

红色字体的实现：在文本编辑区域回车编写“这是红色的字”然后选中这行字在属性面板中选择颜色为红色。

粗体字的实现：在文本编辑区域回车编写“这是粗体字”然后选中这行字在属性面板中点击粗体。

斜体字的实现：在文本编辑区域回车编写“这是斜体字”然后选中这行字在属性面板中点击斜体

4.我上网浏览了谷歌

他的URL：http：//

目标：谷歌的目标是“万能搜索”

此网站的导航利用超连接及表单等实现导航的

实验二、Dreamweavor应用

一、实验目的：掌握如何在Dreamweaver中进行网页编辑；掌握Dreamweaver中站点的设置；

掌握网站空间的申请及网页的上传。

二、实验内容

1.将实验1中的内容，利用DreamWeavor完成，并注意在拆分视图下，观察它是如何将格式操作变成HTML代码的。

2.按书中要求，制作唐诗宋词网站的首页。

3.在Dreamweaver中设置站点，并为唐诗宋词网站规划网站文件夹结构

⧈ ps网页设计实践报告 ⧈

一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。

网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

定位网站的CI形象。

“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是YIFINI易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

网站的整体风格和创意。

整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，YIEINI易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

做网页主要用的工具便是Dremoshop、Flash软件。在这些软件我对Dremoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

三、网页制作，这便进入我该次的主题了具体制作流程如下。

在我打开Dremrong>一、实践目的

1．学习html语言和dreampage等工具

2．掌握在本地环境下运用asp技术实现一个简单的电子商务网站

二、实践的方法和原理

三、实践过程

1、资料的搜集。

组长分配任务，大家从网站上搜集各种关于手机的资料。

2、熟悉制作软件。

做网页主要用的工具便是dremoshop、flash软件。在这些软件我对dremoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

3、构建站点框架。

打开dremrong>四、实践心得

▲群学网QX54.coM精品宝典:

实习报告网页设计 | 网页设计专业实习报告 | 网页设计实习报告范文 | 大学生网页设计社会实践报告 | ps网页设计实践报告 | ps网页设计实践报告

⧈ ps网页设计实践报告 ⧈

工具/原料

Adobo PhotoShop 7.0

IE浏览器

方法/步骤

打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择 “1024 x 768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。

新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的`上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。

在背景图层的上方新建一新图层，并命名为“背景颜色”。点击“矩形选择工具”，设置“宽度为400，高度为768，然后在窗口的左侧框选一部分内容，填充一种深绿色。然后点击“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口的右侧框选一部分内容，填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色，目地是产生较为明显的对比。

在“框架”图层之上再新建一图层，名称为“主体元素”。打开一张事先准备好的百合花图片，双击“背景”图层将其转换为“图层0”，点击“魔术棒”工具，在图片白色区域内点击，选择白色区域后，按下DEL键删除白色区域。然后拖放图片到图层“主体元素”上，位置如图所示。

然后选择“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口中选择花朵右侧的一部分内容，并调整其亮度和对比度，使花朵的左右两侧呈现明显的对比。

对该页面进行细节的调整，增加一些导航栏，信息提示内容和版权信息等内容，最终制作完成的页面如图所示。

选择“切片”工具，然后对内容进行切分。切分的好处是有利于文件在网络上传输，同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。分割完成后的效果如图所示。

找到保存文件的位置，打开"feifei工作室.html"文件，然后在内容区域内点击鼠标右键，选择“查看源文件”，就会发现对应的网页内容已经生成。至此，利用PS设计网页内容完成。

⧈ ps网页设计实践报告 ⧈

一、网页设计的内容

网页设计中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

1、视听元素

这里所说的视听元素，主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感研究的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多媒体文件(如mp3音乐)需要先下载到本地由?上，然后启动相应的外部程序来播放。另外，在浏览器使用插件(plug-in)可以播放更多格式的多媒体文件。微软推出ie浏览器后，提供了基于ole的active_技

术，用来在网页中播放多媒体。目前active_已经成为热门技术。另一种播放多媒体的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序，相比于插件和active_，javaapplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。

2、版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个研究风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

二、网页设计的原则

网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则:

1、主题鲜明

视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被研究们即时地理解和接受，以满足研究们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

根据认知心理学的理论，大多数研究在短期记忆中只能同时把握4到7条分立的信息，而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在研究们寻找信息和使用信息的实践活动中，它要求视觉设计者的网页设计必须自觉地掌握和遵从。

作为视觉设计范畴一种的网页设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，生能实现最佳的主题诉求效果。

优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个研究站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页设计与网站主题的关系应该是这样:首先，设计是为主题服务的;其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”;最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个研究网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

2、形式与内容统一

任何设计都有一定的`内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”(黑格尔第三卷) 一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，生能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感生能实现形式与内容的统一。

据有关资料所做的保守估计，目前在上网页数据传输平均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十k甚至更大的网页数据，使浏览者必须等待很长时间生能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。

⧈ ps网页设计实践报告 ⧈

今年xx月，我在超想电脑公司实习，本次实习主要是参加超想电脑公司给一个地税的办公自动化系统的软件设计，此软件采用asp开发。本人在此过程中主要参与了用ASP进行网设计，包括新闻栏的创建和自动更新，以及公告栏的创建、使用和维护。通过本次设计，使我更加深入掌握了ASP网设计的技巧。下面就是本人在本次实习后的心得。

ASP是Microsoft公司推出的一种用以取代通用网关接口的技术，英文全称ActiveServerPages。它是一个Web服务器端的运行环境。ASP本身包含了VBScript和JavaScript引擎，使得脚本可以直接嵌入HTML中。现将我们在ASP运用过程中的几个小技巧与大家分享。

大多数网上有新闻栏，用以显示最近新闻的主题，点击此主题即可查看详细报道。倘若每天都一条条写在网上，再依次建立链接太过麻烦。如何让其可以根据文件自动更新呢？

1．预备工作：

1）建一个文件夹，起名为“news”，假设存于D：/ASP/目录下；

2）把每条新闻的详细内容写入文件，且此文件的命名形式为：x（newstime）。htm。其中x为此条新闻的主题，newstime为此条新闻发布的时间（按年—月—日顺序写）。为什么要这样写呢？看了下面的算法思想和源程序就知道了。

2．算法思想：对于news文件夹中的文件，依据它们文件名中新闻发布的时间（即括号内的内容），从大到小排序。这样一来，最新的新闻排在最上面，只要在网相应位置显示news文件夹中最上面的若干个文件名，因为文件名的命名方式如1中所述，就可以在新闻栏中显示最新新闻了。3．源程序段（用VBScript编写的）

nextfori=1tocountforj=1tocount—iifmystr（j）

functiondatacheckdimmsg，errflagerrflag=true

iflen（trim（maintain。t1。value））=0thenfocusto（0）errflag=false

msgboxmsg，64，“ohno！”exitfunctionendifdatacheck=errflagmaintain。submitendfunctionsubfocusto（x）

document。maintain。elements（x）。focus（）endsub

①

语句①中的action=“公告。asp”部分，指出了在form提交后要启动的程序为“公告。asp”。2）公告。asp

通过FileSystemObject对象和TextScream对象对“维护文本。txt”文件进行读写操作，使得此文件最上面5行的内容为要在公告栏里显示的公告。dimfso，myfile

setfso=server。createobject（“scripting。FileSystemObject”）

setmyfile=fso。opentextfile（“维护文本。txt”，forreading）“以Reading模式打开文件fori=1to5”公告栏共显示5条公告s（i）=myfile。readline“读取文件内容nextmyfile。close

setmyfile=fso。opentextfile（”维护文本。txt“，forwriting，true）”以writing模式打开文件myfile。writelinestrfori=1to4

nextmyfile。close%>

此文件开始为空，从”更新。asp”显示的界面输入公告后，此文件内容被自动写入。

4．在主文件（通常是default。asp）欲显示公告位置的代码段中加入如下代码，即可显示出更新后的公告。

⧈ ps网页设计实践报告 ⧈

网页设计中的脏、乱、差，是我们在设计过程中常会碰到的问题。通常"脏"是由对色彩使用不当所产生的，而色彩使用不当产生的不好效果也分为："花、灰"，花哨、灰头土脸也就是这里所说的"脏"。我已经在早前的一些文章中谈过我对设计中运用色彩的看法。有爱好的朋友可以查阅一下《色彩解释》。而"差"

基本上是由于我们的技法上不够娴熟所产生的。比如细节上的处理不到位，某个局部的效果制作得粗糙。这可以称之为"差"，非凡是在处理带有2D效果的设计作品时，这种情况常会出现。但是我今天在本文中所要谈的是"乱"。什么是乱?这里的乱不是指用色乱，也不是指内容乱，而主要是指布局乱。以前我有幸接触了平面设计，并且从中学到了很多平面设计上的一些知识与技法。其中"栅格设计"就是平面设计中用于处理布局的一种理论。到目前为止我还在研究"栅格设计"。因为着实没有什么比较好的语言可以非常简洁明了的概括这个词。这更像是需要不断用实践去理解的。所以很多时候我们们都无法去讲述。但是在设计中这个栅格却是能帮助我们完成更好作品的一个非常好用的利器。对于栅格设计我也不能说是熟悉深刻，我这里只是依据我对于栅格设计的理解，将之用于网页设计中，希望能给更多的朋友们一点启示，或许能打开一些朋友的思路。

单纯的文字是没办法让设计师们耐心的看下去的，所以还是老办法，用示图来作为讲解模型。这次我们使用的网页是微软、IBM、ASTRO三个公司网站来讲解。希望通过分解这三个公司的网站设计，能把我所理解的栅格设计传达出来。废话少说，看示图：

我们看到微软公司的网站设计中并没有什么明显的线去区隔不同的区块，但是当我们把当蒙上一层纱，然后用实线把每个部分都画出来这时我们发现这个网站其实是处在一个栅格阵列中。那么这个阵列中的内容已经很明显了，并且我们从中发现了很多区块在页面中的位置居然是那么的有条理，并且有一些并不在一起的区块，居然也有一定的规律。当然有人可能会说，都用线画出来了当然显得条理，整洁了。问题就在于这里，我们的网站都可以用纵横线区分开。但是一些设计得不好的网站的纵横线可能数量非常的多，纵横线的数量过多并且都挤在一直，这就说明网站的布局显得太乱。或者是过于条理而变得布局平均，没有对比，缺乏美感。其实只要用这样的方法去分析一下自己设计的作品也许就能从中看到问题所在。

我们看到IBM的栅格与MS的有很大的不同，IBM中还出现了一些差不多大的栅格，但是这里要注重其实这些栅格是由于底部很小的'几个区块所产生的，并且这凡个区块还可以看作是一个横向的区块。我们从这里可以看到IBM的布局设计是对称的。但是这种对称却是在离在纵横线上却不轻易注重到的。这是很高明的手法。

我们再来看看ASTRO公司的网站，这个网站比起上面两个公司的网站就更娱乐化，更有趣了。

从这三个网站中我们可以看到三种不同风格的栅格设计，虽然有所不同，但我们依然可以发现三者都会尽可能的把最重要的信息放在视觉中心点上，不论是放在左边的还是右边的或是中间的，他们都得到了最大的栅格区，得到了足够的重视!我们的视觉中心也自然盯在了上面!

说到这里我依然觉得没能把栅格设计的作用讲明白。这里就需要来访的朋友们提提你们的看法了。我将会在以后的时间继续关注栅格设计，希望能将其在网页设计中的作用弄得更为清楚!

⧈ ps网页设计实践报告 ⧈

一、课题任务与目的

1.题目：购物网站建设与

二、调研资料情况

1）网站建设背景

2）网站建设发展趋势

通过对网上商城的的建设，建立利用互联网开拓信息渠道,帮助企业及时调整产品结构,协助经销商打开货源的信息门户成为解决信息流通不畅的有效方案.通过现代电子商务理念帮助企业转换经营机制,建立现代企业制度,提高企业的管理水平和市场竞争力。主要表现为如下： 1、为客户提供自由选购所需产品的服务功能；2、及时补充和增加最新质量和功能的产品上架；3.为顾客及时提供产品和服务的信息交流；4.拓展市场宣传、提升品牌形象；5.广告、招商、市场活动推广。

3）网络电商市场分析

4）网站建设技术背景

1.ASP

2. SQL Server 20xx

3.Dreamweaver

Dramweaver MX 20xx 是一款专业的 HTML 编辑器用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。Dreamweaver 可提供在可视化编辑环境中工作利用 Dreamweaver 中的可视化编辑功能可以快速地创建页面而无需编写任何代码。同时如果要用手工直接编码Dreamweaver 还包括许多与编码相关的工具和功能。并且借助 Dreamweaver还可以使用服务器语言例如 ASP、、ColdFusion 标记语言 (CFML)、JSP 和 PHP生成支持动态数据库的 Web 应用程序。

4.Photoshop

5.HTML HTML (Hyper Text Mark Language)

三、参考文献：

[1] 布雷恩.赖特，EPP 数据库编程指南 M电子出版社20xx

[2] 晏国英、康昱，RPP 编程起步械工业出版社20xx

[3] 陈承欢、彭勇，管理信息系统基础与开发技术嗣裼实绯霭嫔绐20xx

[4] 赵增敏、朱粹丹，EPP动态网页设计党霭嫔绐20xx

[5] 朱如龙，MYSQL 数据库应用系统开发技术械工业出版社20xx

[6] 龙马工作室Dreamweaver MX 20xx ト嗣裼实绯霭嫔绐20xx

⧈ ps网页设计实践报告 ⧈

网络发展到今天，建立网站已经成为一个很普遍的问题了，对于一个企业来说，建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象，直接开拓国际市场，开展24小时网上营销及高效廉价的定向宣传；与客户建立最直接的交流机制，缩短推出新产品和打开新市场的周期，与富有吸引力的客户群发展客户关系网；与自己的销售人员保持联系，进一步面向本地市场。

出色的网站吸引人的地方不仅仅在于其内容，鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富，如果网站的结构和风格不能吸引人，那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在，因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。

整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样：企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。

本站是一个用Dreamweaver、Flash、PHP、SQL server20xx设计编写的美食网站，主要包括6个模块：首页，菜谱，厨房，食材，饮食健康，饮食资讯等。通过本网站系统能提供各种与美食相关的信息以及各种美食信息的交流。与其他企业网站一样，也应通过Internet来对外宣传网站。

建立以Dreamweaver，Flash等技术编写的前台表现模块，为用户提供方便快捷的信息服务与交流。随着网络技术的迅猛发展，互联网的快速发展使越来越多的人选择从互联网上获取信息，因此，互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。本网站系统就要有用户注册和新闻发布两大动态功能。通过以PHP编写，以SQL 20xx作为后台数据库的网站后台管理系统，制作了一个简单的美食网站系统，实现了美食网站用户登陆、注册以及新闻发布等功能。

第一章项目需求分析

1.1需求分析

互联网丰富多彩，这些信息大多通过网页与用户进行交互。网页的实现形式多种多样，无论是短小精悍的个人主页，还是结构清晰、丰富的大型网站，网站的需求分析和规划设计都要放在第一步，因为它直接关系到网站的功能是否完善，质量是否能够达到保证。

1.2实训目的

网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。作为一个美食网站，我们的服务群体及访问者都定位在爱好和热爱美食的大众，为为大家服务就是我们这个网站的目的和方向。从整个页面上可以看出，我们的这个整个网站涉及所有热爱美食的人。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样，企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。

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

训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。

培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。

培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。

推荐阅读:

更多精彩ps网页设计实践报告内容，请访问我们为您准备的专题：ps网页设计实践报告