网页设计与制作心得体会（精选15篇）由网友“面对面存在”投稿提供，下面是小编收集整理的网页设计与制作心得体会，仅供参考，希望能够帮助到大家。
篇1：网页设计与制作心得体会
一、实训意义
网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求。在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程。因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。
二、实训目的
1、通过综合实训进一步巩固,深化和加强学生的理论知识于专业技能。
(1)掌握规划网站的内容结构,目录结构,链接结构的方法。
(2)熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。
(3)掌握页面的整体控制和头部内容设置的方法。
(4)熟练掌握网页页面布局的各种方法。
(5)熟练掌握在网页中输入,设置标题和正文文字的方法。
(6)熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。
(7)熟练建立各种形式的超级链接的方法。
(8)掌握表单网页制作方法。
(9)掌握网页特效制作方法。
(10)掌握网站测试的方法。
2、训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。
3、培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。
4、培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
三、实训步骤
1、定义站点
2、设定网页属性和文本格式
3、从大到小把结构设计好
4、输入主要内容并进行排版
5、检查并保存
四、实训心得
两周的实训转瞬即逝，在这短暂的时间里，我们在老师的指导和帮助下，对于网页设计与制作有了进一步的了解。
在这两周内，同学们每天都按时完成老师留下的作业，对于自己以前不理解的东西，通过老师的重新讲解、指导和自己的练习，对其有了很好的了解;对于我们看不懂的一些内容，通过与同学协商和听老师的讲解来理解并掌握它。在这两周的实训里，我发现了许多自己以前没有注意到的问题，在flash制作方面，有很多是自己以前没注意过的，通过老师的讲解和同学的帮助，我了解到一些新的东西并对网页设计与制作有了更深的兴趣，如falsh制作与运用、网站的基本制作、超链接的设置等;我们对网页设计与制作方面的知识有了一定的认识，为我们以后对网站的学习和运用有很大的帮助。
通过实训，我们把网页设计与制作中涉及到的理论和实践更好的结合起来，我对网页设计与制作这本书有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增强，使我们了解到无论做什么事都要有足够的耐心，还要认真细心。在做题时要对自己做过得东西进行仔细的检查，同时也使我了解到同学之间要相互协作、共同努力。
篇2：网页设计与制作实验报告
网页设计与制作实验报告
实验一：站点设置
一、实验目的及要求
本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
二、仪器用具
1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境，支持asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
三、实验原理
通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
四、实验方法与步骤
1)执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。
2)在弹出的“站点定义为”对话框中单击“高级”选项卡。
3)在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。
4)在“管理站点”对话框中单击“完成”按钮，站点创建完毕。
五、实验结果
六、讨论与结论
实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。
实验二：页面图像设置
一、实验目的及要求：
本实例的目的是设置页面的背景图像,并创建鼠标经过图像。
二、仪器用具
1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境，支持asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
4、安装acdsee、photoshop等图形处理与制作软件;
5、其他一些动画与图形处理或制作软件。
三、实验原理
设置页面的背景图像,并创建鼠标经过图像。
四、实验方法与步骤
1) 在“页面属性”对话框中设置页面的背景图像。
2) 在页面文档中单击“”插入鼠标经过图像。
五、实验结果
六、讨论与结论
实验结束后我们可以看到页面的背景变成了我们插入的图像，并且要鼠标经过的时候会变成另一个图像，这就是鼠标经过图像的效果。当然这种实验效果很难在实验结果的截图里表现出来。这个实验的关键在于背景图像的选择，如果背景图像太大不仅会影响网页的打开速度，甚至图像在插入会也会有失真的感觉，因此在插入前对图像进行必要的处理能使实验的效果更好。
实验三：表格制作
一、实验目的及要求：
本实例是要创建边框为1像素的表格。
二、仪器用具
1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境，支持asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
4、安装acdsee、photoshop等图形处理与制作软件;
5、其他一些动画与图形处理或制作软件。
三、实验原理
创建边框为1像素的表格。
四、实验方法与步骤
1) 在文档中，单击表格“”按钮，在对话框中将“单元格间距”设置为“1”。
2) 选中插入的表格，将“背景颜色”设置为“黑色”(#0000000)。
3) 在表格中选中所有的单元格，在“属性”面版中将“背景颜色”设置为“白色”(#ffffff)。
4) 设置完毕，保存页面，按下“f12”键预览。
五、实验结果
六、讨论与结论
本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果，间距的作用主要在于表现这种颜色差异。表格的背景颜色和单元格的背景颜色容易混淆，在实验中要认真判断，一旦操作错误则得不到实验的效果。“表格宽度”文本框右侧的表格的宽度单位，包括“像素”和“百分比”两种，容易混淆，要充分地理解这两种单位表示的意义才能正确地进行选择，否则就不能达到自己想要的效果，设置错误就会严重影响实验效果。
实验四：创建锚点链接
一、实验目的及要求：
本实例的目的是创建锚点链接。
二、仪器用具
1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境，支持asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
4、安装acdsee、photoshop等图形处理与制作软件;
5、其他一些动画与图形处理或制作软件。
三、实验原理
创建锚点链接。
四、实验方法与步骤
1) 在页面中插入1行4列的表格，并在各单元格中输入导航文字。
2) 分别选中各单元格的文字，单击“”按钮，在弹出的“超级链接”对话框上的“链接”文本框分别输入“#01”“#02”“#03”“#04”。
3) 在文档中输入文字并设置锚记名称“01”，按下“ enter”键换行，输入一篇文章。
4) 在文章的结尾处换行，输入文字并设置锚记名称“02”，按下“ enter”键换行，输入一篇文章。
5) 同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”，并输入文章。
6) 保存页面，按下“f12”键预览。
五、实验结果
六、讨论与结论
添加瞄记的作用是可以帮读者快速找到自己想要的文章，同时也可以使页面更加精简。本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果，同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称，并记得输入对应的'文章，否则瞄记可能不能用。熟练程度低在实验中不能很好地使用各种工具，无法一次准确地寻找到适当的位置。实验中忘记选择“不可见元素”，几次实验都失败，最后才得出正确的结论。因此在实验前要先做好预习，否则实验过程会比较吃力。
实验五：设置css样式
一、实验目的及要求：
本实例的目的是通过设置css样式创建表格的虚线边框。
二、仪器用具
1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境，支持asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
4、安装acdsee、photoshop等图形处理与制作软件;
5、其他一些动画与图形处理或制作软件。
三、实验原理
通过设置css样式创建表格的虚线边框。
四、实验方法与步骤
1) 在网页中创建一个表格。
2) 在“css样式”面板中单击“”按钮，在弹出的对话框中进行设置，完成后单击“确定”按钮。
3) 在弹出的对话框中进行设置，完成后单击“确定”按钮。
五、实验结果
六、讨论与结论
对话框中各项指标和属性的设置存在一定的难度，如果没熟练掌握就容易出错使实验失败。对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成这个实验。
篇3：网页设计与制作个人简历
个人信息
yjbys
性 别： 男
出生日期： 1981-11-27
婚姻状况： 未婚
国 籍： 山东省即墨
民 族： 汉族
身 高： 172cm
政治面貌： 团员
教育程度： 大专
毕业时间： 7月
户 籍： 山东青岛
现居住地： 山东青岛
职业概况/求职意向
现从事行业： 广告·会展·公关
现从事职业： 三维动画设计
现职位级别： 实习生
工作年限： 在校学生
目前薪水： 月薪1500人民币
海外工作经历： 没有
期望工作性质： 全职
期望工作地区： 北京、山东青岛、山东济南、山东威海、江苏
期望从事行业： 广告·会展·公关
期望从事职业： 网页设计与制作
期望薪水： 年薪60000人民币
到岗时间： 面谈
其他要求： 一切以公司标准为标准,如有机会学习弥补自身不足,我会第一个踊跃参加受训.以增强自身的能力,用最为出色的能力,来回报公司对我的栽培.为公司增添一份绵薄之力.共创辉煌的明天......
自我评价/职业目标
自我评价： 有熟练的软件应用技术以及较好绘画功底.希望给贵公司增添一份绵薄之力. 有很好的应变能力和交友协调能力.希望我的到来能给贵公司带来好的效益的同时带来欢乐.让我们共同努力去创造美好的明天.我相信只要努力.用心塌塌实实的去做.只有我们想不到的.没有什么做不到的.
职业目标： 角色建模、材质，场景建模、材质,动画师.
教育背景
学校名称： 即墨美术学校 ( 11月 - 7月 )
专业名称： 美术
学历： 中专
所 在 地： 山东即墨
证书： 即墨美术学校合格毕业证书
专业描述： 素描.色彩,语文,数学,物理,化学.地理,历史,英语......
学校名称： 辽宁欧美艺术设计学院 ( 209月 - 207月 )
专业名称： 广告设计
学历： 大专
所 在 地： 辽宁沈阳
证书： 辽宁欧美艺术设计学院合格毕业证书和辽宁艺术职业学院毕业合格证书
专业描述： 广告学、广告设计、广告心理学、包装设计、书籍设计、色彩构成、立体构成、专业素描、色彩、国际营销、平面构成、书法艺术、广告文案写作、pop设计展示设计等专业课程.
工作经验
公司名称： 艺佳广告 ( 2月 - 4月 )
所属行业： 广告·会展·公关
公司性质： 私营.民营企业
公司规模： 10人以下
工作地点： 山东即墨
职位名称：平面设计师
工作描述： 在沈阳艺川美术里面担任平面设计制作,经营牌匾,广告牌,灯箱,霓红灯.
离职原因： 求学
公司名称： 艺川美术 ( 年7月 - 201月 )
所属行业： 广告·会展·公关
公司性质： 私营.民营企业
公司规模： 10人以下
工作地点： 辽宁沈阳
职位名称：平面设计师
工作描述： 在沈阳艺川美术里面担任平面设计制作,经营牌匾,广告牌,灯箱,霓红灯.
离职原因： 回自己的家乡发展.
语言能力
语种名称 掌握程度
英语 一般
职业技能
职业技能： 熟练应用maya、photoshop、flash、ae、等软件
建模、材质、动画、渲染、后期等能力优秀
较好的绘画功底.
培训经历
培训机构： 汇众益智动漫学院 ( 年5月 - 203月 )
课程名称： 动漫设计
证书： 3d动漫设计师资格认证证书
课程描述： 动漫造型基础、动漫色彩基础、故事版与视听语言、flash动画短片制作、maya场景制作、maya角色建模、maya材质与贴图、maya灯光与渲染、
maya动画短片制作、动画合成与特效制作.
it技能
项目经验
项目名称： 大笨熊 ( 2008年11月 - 年1月 )
软件环境： 一般
硬件环境： 一般
开发工具： 一般
项目描述： 讲述了一个大笨熊和猴子打架的故事.
责任描述： 负责动画里的道具,镜头的穿接.
更多相关文章推荐阅读：
1.网页设计师的求职简历模板
2.网页设计师求职简历封面
3.网页设计师简历模板word下载
4.网页设计专业黑白简历封面
篇4： 网页制作心得体会
杨老师下午讲解的是网页制作，他从网页布局（三段式）讲解，接着展示新浪、师院首页给我们看，在这过程中，始终都以实例讲解为主。接着讲网页布局的方法：
1、纸上布局法
许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计器里边设计布局边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时，要先在纸上画出你页面的布局草图来。
2、软件布局法
如果你不喜欢用纸来画出你的布局意图，那么你还可以利用软件来完成这些工作。这个软件就是Photoshop。Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。不像用纸来设计布局，利用Photoshop可以方便的使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法实现的布局意念。
最后重点讲了布局的技术
1、层叠样式表的应用
2、表格布局
3、框架布局
最后，杨老师就DIV+CSS给我们进行详细介绍，我们按照他的进度，创建网站站点、创建文件夹、创建文件。然后在DIV容器中插入动画，创建CSS文件，对不同的块元素进行排版，主要是浮动―float。由于时间实在是太短了，很多知识都没的讲，比如我们常遇到的外边距，内边距，线条，以及一些基本的代码知识。
哈哈，我就不多说了，对于网页我也研究了好几年了，问题还真多，学过网页布局（table、DIV+CSS），学过平面设计（PS、CDR），学过编程（ASP、ASP。NET），学过数据库（AC、SQL）。可以说我现在完全可以独当一面，接过学校、企业、武警等的网页制作，评价都还不错！目前就是缺一个团队，从郑小军老师他们的成果看，不是一个人的努力能完成的，更多的是要一个志同道合的团队，回去我也该好好想想这个问题了。
篇5： 网页制作心得体会
转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。
俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！
在页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。
我在制作主页中的心得体会：
做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
1、标题
在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的“好名字”，别人第一次上了当，下次再也不会光顾了。
2、内容的采集
选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层。
3、图片
做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说“一图胜千言”，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小（即字节数），在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式，因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。
4、网页排版
网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。
5、背景
网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。
篇6： 网页制作心得体会
是我的第一次实习，然而当一个大学生第一次踏足这个社会，或许会觉得彷徨，毕竟年轻的我们，有都是在学校中度过的，再加上不断的听闻实习、招聘的社会有多残酷有多现实，但是其实只要我们愿意踏出第一步，初生牛犊不怕虎，大胆去闯吧，还是有公司能够包容我们。所以抱着不怕辛苦，耐心向学的心情，我还是决定闯一闯，毕竟大学这个亚社会和真实的社会真的差太多太多了，在实习中，得到任何与自己专业相关的知识，规划自己以后将要实现的目标，学会如何在公司里处理人事关系，协调合作等等。然而实习后，发现自己仍在在所学的知识上欠缺完整性和技能的熟悉，实习是一件很有意义的事，是大学生踏入社会前减少在社会上碰壁的好方法。关于实习单位致力于提供基于互联网信息发布，垂直搜索，信息集合和推荐算法的解决方案，公司合伙人有7年的相关技术积累和成功案例。
数据抽取引擎
在杂乱无序的网页中抽取特定的信息，虎之翼的抽取引擎可以高效地实现自由文本的抽取，我们有自有的数据抽取设计器，低成本地完成特定信息的抽取。
网络爬虫
虎之翼科技网络爬虫不仅仅可以实现分布式部署和统一管理，还能执行js，配合我们的抽取引擎实现实时的数据抽取。
信息发布
将特定的信息通过http协议层自动推送到成千上万个ugc网站是虎之翼科技的核心技术，在电子商务领域实现商品在多个网店的自动上下架已经是互联网发展的必然趋势，我们的信息发布引擎已经有上万人次的使用和上亿次的产品发布。
搜索引擎
虎之翼的核心技术团队是国内最早从事垂直搜索引擎的团队之一，我们有超过7年的垂直搜索引擎研发经验。在信息抽取，信息索引，分布式管理上有成熟的解决方案。
公司开展了安全消防知识培训，讲师们以生动的方式讲叙了多种情况下的火灾现场及其灭火方法等，不但掌握了一些消防安全工作的基本理论知识，还给我们的生活习惯带来了一点提醒。火灾的危害，在日常工作中往往被人民忽视，总是存在侥幸心理，往往要等到发生了事故，造成了损失，才会回过头来警醒。“隐患险于明火，防范胜于救灾，责任重于泰山。”这十八个字是同志十多年前提出的，至今仍是消防工作的主旨所在。而要不使火灾造成危害，做好预防工作是最重要的，“预防为主，防消结合”才是消防工作的主要方针。消除火灾隐患、提高防火意识，不作口头文章，以实际行动和措施来切实做好消防安全工作。东鹏是一个文化氛围较浓厚的企业，员工多，厂区密集，一旦发生火灾，经济损失和名誉损失将非常的严重，消防工作容不得半点疏忽。通过这次培训，我们还是发现大部分员工的防火意识比较薄弱。不论是一线工作的车间人员还是公司管理人员，都应对岗位和部门可能涉及到的消防器材和消防通道等消防相关设施有充分的了解，都应该定期接受相关专家的消防安全教育培训，内容包括：有关消防法规、消防安全制度、保障消防安全的操作规程；各岗位的火灾危险性和防火措施；各种消防设施的性能、灭火器材的使用方法；报火警、扑救初起火灾和自救逃生的知识和技能等。除了定期的培训之外，还要经常组织进行防火检查，发现火灾隐患，要记录在案并及时研究整改。消防安全工作要做到，不为隐患留空隙。千里之堤，毁于蚁穴。火灾的防范要从大处着眼，但应该从小处做起。细节不轻易引人注重，如老化的绝缘材料、放错了位置的设备，随手烂扔得烟头等。但几乎所有的重大事故都是由于起初的不注重、不小心引起的，这些轻易被忽略的细节很轻易成为小事故的放大器，使得小火酿成大祸。消防工作是一项复杂的系统工程，它广泛涉及到社会的各个领域，与社会进步，经济发展和人民群众生活紧密相关，一旦发生火灾，不仅造成财产的损失，而且易造成人员伤亡，影响社会的安定，因此，做好消防工作，是直接关系到国家和人民生命财产的一件大事。在以后的生活中，我们要把学到的消防知识充分运用到生活中去，更加努力的提高消防知识水平，为保证别人生命的安全运作贡献自己一份力量。正式上市，这是我们在房地产行业的研发成果。这是房地产电子商务领域第一个综合性的一站式营销解决方案。
实习内容与过程
回顾这一个月来的实习生活是一件很值得纪念的事，这是我第一次在外实习，第一次在网上投简历能收到回复。对于我们这样的艺术设计学生，我深刻的体会到单单是学校教的远远不够，学校教的很笼统，很抽象，很大概，如果可以，我希望这个专业的师弟师妹们，有空多多到图书馆充实自己，静下心来充分自学。在外实习前，第一件事是把自己卖出去，包装自己，所以简历很重要，务必属实，因为你有多少两重，阅人无数的人事主管和老板在面试的交谈中很快就能从你各方面行为和语言中找到答案。既然要面试，衣服当然要穿正装，其实我也想的只是大二实习期没有大三的三个月那么长，就那么一个月。这样短期的工作其实根本没有什么公司愿意招聘，所以我感觉到万分荣幸能够进到这一支专业的创业团队，真的是一件了不起的事，而且这个岗位与我学习的和自己喜爱的科目对的很准，我自己也十分乐于这份工作。
记得刚开始的一个多星期，公司并没有让我马上投入工作，因为当时对产品了解不熟悉，要从学校的圈子走出来到商业模式去还是有点顾虑，但是当你接触到这商业化的东西，你会发现，学校的东西远远不足。所以一般公司会进行些培训，很感激william杨，他提供了很多设计的书籍给我自学阅读，可惜在我深刻读完《瞬间之美――web界面设计如果让用户心动》（点击跳到本人的读书笔记）一书后，就再也很难抽取一点时间来阅读了。
在接下来的这个月里，除了必要的培训以熟悉公司及其产品知识外，我也开始忙碌起来，因为产品的第一个内部版本需要再8月8日这个好日子发布。刚开始的两个星期，因为对产品并不熟悉，一直以来在学校设计的作品都很“学校”但是商业设计比较少，出头设计的时候真的抓破头脑，因为习惯了学校的生活，习惯了客户给要求按照客户的想法去做。至于什么叫很学校呢，就是一种填鸭式的，根据参考去模仿设计，然而在社会上涉及很多版权问题，所以商业上的设计基本上都是原创或者参考过后进行大幅度的提高审美设计，其次因为涉及商业利益，在商业的角度上，商业的资金来源是客户，所以他们的需求来源于客户，注重用户感受的设计，是一个好设计。其实设计是件看起来简单，但是操作起来却感觉很漫长的一件事情，每一个细节自己不断的琢磨推敲，自己就会让工作时间变长，效率变低，却又希望哪天能像那些设计家门随心所欲的设计出自己喜欢，人们喜欢，客户满意的东西。设计来源与生活，应用于生活，我还需要多多积累。
8月8日这个内部版本中，我主要的工作就是设计界面，然后photoshop切图，然后继续傻傻的使用习惯的notepad2++手写html和css。经历这样的蠢事之后，我决定还是回到dreamweaver的怀抱，因为毕竟知识不够强，在兼容性方面还需要有dreamweaver来实时的告诉我，以提高我的工作效率。期间william杨还多次与我熟悉，很感激他们都关心我，提醒我应该有自己的就业方向，3年5年xx年的计划，说长不长说短不短的大学2年已经过去了。我应该有怎样的人生，我有想过，但却还没如此认真的付出着。我想起老板那句，你喜欢设计？你觉得设计适合你吗？我真的很需要考虑我的以后，但目前设计还是我喜欢的事情，我也愿意身心的投入到其中，有时候可以不必得到回报，只是为了满足我小小的心灵。
当8月8日一过，为庆祝产品大卖，公司还组织爬山活动，然而平常我们在深山中休养学习的多，爬山的少。爬山是锻炼毅力的一种好方法，工作之余不能忘了生活，忘了自然。这次高强度的爬山活动从下午3点一直爬到了晚上10点多才下到山脚，经历的时间之长，让我感受到一个人在公司里，不仅要有强硬的专业知识，还需要强壮的身体支撑来效益公司，而下山mk的那段话，真的让我感受到他们很关心我，因为毕竟他们都是过来人，谢谢他们的指导。
产品的初步版本确定之后，就要开始慢慢的改进了。william作为产品经理，不仅要领导着整个团队，还要协调工作的进度。他会制作出甘特图，通知每个人需要做什么事情，大概需要多长时间来完成。在其中，我会不时的停滞，因为某些小bug会导致我去转牛角尖，而这样会导致拖慢整个进度，然而在这个环节，我学会的最多的事，做事情要分优先级。总体要现出来，大方向，模糊地对，细节的错，慢慢改。而那个定律资源一定了，时间也定了，只能减少的剩下特性。
从8月8日开始到15日，又是另一个版本的小跨越，一个星期里做的事并不多，除了不断配合小杨完善页面的重构和美化工作，还要检查最繁琐的兼容性问题，心里知道很多房地产经纪人使用的电脑基本上都是深度、雨林木风、电脑公司特别版的ghost系统，所以基本上都是ie6ie7为主流的浏览器，兼容性方面的确在工作上成为一个重点。
15日的第二个小版本后，会议总结了3页的分条建立修改文件，当看见满是修改意见的一行行文字，写上我负责的q，心理是有点担心，是否能在期限内完成工作，然而15日这次的爬山活动并没有参加，因为我知道我应该更加抓紧时间处理问题，一天下来最让我自己感到满意的是导航，亲力亲为的感觉，颇有成就感。一方面不仅要不断的完善页面的布局，一方面还要抽时间设计虎之翼公司的logo和网页，他们真是替我捏了把汗似的，都有种压力很大吧。我感觉还好吧，不过脑子真的要转的很快了，因为没有创作来源，让我在上下班的途中朝思暮想的想着设计，充分利用上下班的塞车时间，不断的观看经过车窗的各型各类的广告来寻来创意来源。最后还是有惊无险的完成这些工作。除了这些工作，公司越来越多人了，刚进去的时候只有我和sandy，后来多了好多个人，很羡慕参数组，能有说有笑的工作，但是我这项工作，我不是一个人在战斗。再后来，开始招聘销售，因为产品到25号就要正式发布了，有点让我走也走的不放心的感觉，要配合销售展开小单张的宣传。时至26日，才基本完成。
希望，我的能力能帮到公司，献出我自己一份的力量。
篇7： 网页制作心得体会
目前，互联网是最快捷的信息传播渠道之一，学习网页制作成了学生必须掌握的一项技能。在几年的教学实践之中，我总结了《制作简单网页》教学中值得注意的几个问题：
一、激发学生的学习兴趣，唤醒求知欲望
现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种认识行为，它在学生的学习中具有重要的作用。我认为，教师激发学习兴趣，挖掘学习需求是授课前必须解决的问题。从知识结构看，网页制作是在学生掌握了一定的理论基础和操作技能之后，对互联网有了一定的了解、浏览过相当数量的.网页和站点之后引入的。在准备期中教师应该适当地引导学生，可以采取展示法、教学对话法等，也可以融合多种方法进行。
例如，在学习浏览网页时，我有计划地挑选一些专题网站和个人站点推荐给学生，他们在看过之后一定会有自己的想法，老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与网页。学生会把他们自己的见解说得头头是道。接下来就提出问题：如果由你来做这个站点，哪些地方需要修改？如果把你做一个站点该如何设计？在学生的头脑中先有了一些模糊的认识，产生了做个站点的想法，再在老师的帮助下梳理成一个比较成型的站点框架，接下来就是：怎么做网页？用什么工具？有了兴趣，带着这些问题，进入这一阶段的学习，就比较主动，学习效果也会比较好。
二、合理调整教学顺序和重点，理顺理论与操作的关系
学习网页制作，首先接触的是概念和理论性的知识。回顾学习一些应用软件的过程，肯定不是先把理论背熟，而是从操作使用开始的。我并不是说理论不重要，而是切入的时机要掌握好。对于这一部分的教学，可以根据教学实际，合理调整教学顺序和重点。对涉及到的理论知识，可以尽量在教操作的时候渗透。一些纯理论的知识，不妨一带而过，教学取得阶段成果后，再单独强调。
三、注重培养学生知识迁移的能力
正在进行的新课程改革，提倡的是教给学生可迁移的知识。我体会，迁移是理论到实践。很多应用软件，模式基本上是统一的，在窗口组成、菜单内容和操作方法等方面是相通的。对这类内容，我认为可以采用比较法、示范法、启发法等教学方法。例如，制作网页和保存网页两个知识点：可以在介绍了工具软件（如frontpage）窗口组成之后，就布置学生输入并编辑一段文字，然后把该文件保存在指定位置。这些操作都是前面学过的，对学生来讲既是学习也是复习。作为老师，我们在纠正学生错误的同时，还可以帮助学生比较这几个软件在使用中的异同。比如，输入文字，在word和frontpage中可在编辑区中直接写，而在powerpoint中必须写在文本框里。通过比较，加深印象，达到学习和提高的目的。在这部分中，除文字处理外，像修饰网页、插入表格等内容都可以这样比较着讲。
四、认识螺旋式上升的学习模式和探究式学习的方式，重视课前准备
学习是一个循序渐进、螺旋式提高的过程。在这个过程中，作为教学组织者和指导者，教师的教学设计和准备工作非常重要。例如，在学习网页修饰时，可采用了示范法和演示法结合的教学方法，先设计几个页面，都是在上一节课作的、样例页面的基础上改的。上课时，让学生打开上节课制作的网页，他一看，老师的页面上比他多了个图片，马上问怎么做的，我演示给他看，他也加上图了……每次我演示出的页面总比学生们做出来的多一点小修饰，他们就不断地提问，不断地学习新技巧，再不断地付诸实践。用这种示范加演示的方法教学，效果还不错。但对老师来讲，备课的工作量比较大，课堂上的辅导任务也重一些。
五、组织协作学习，培养学生自学能力和合作精神
信息技术划分为精英技术和大众技术。目前，信息技术基础模块中讲授的均属大众技术，要求学生掌握的是可以广泛迁移的知识。但是，大众技术太简单了，有些学生不用我们教，自己玩电脑就玩会了。这类学生，上课时通常不愿再听，还经常搞些小动作，或者做些小软件来炫耀一下。小孩多半有这种心理，我们不妨给他创造这个条件，让他充分发挥特长。有一次，刚开课不久，有个学生把他的个人主页演给我看，当时我考虑了一下，让他在全班同学面前作了演示，解说他的创作思想，并指出了他作品中的亮点。这个学生当然很自豪了，别的同学也都很佩服他的能力。在其他同学眼中，他就是高手了，以后的学习过程中有了问题，不问老师，先问他去，逐渐地他就成了我课堂上的一名小助教了。学生中的榜样作用和传、帮、带作用不可低估，如果你班里有几个这样有一定特长的学生，不妨考虑采取任务驱动、分组合作等方法进行教学，让他们带动全班的同学学习提高。学生之间相互学习、相互帮助、相互带动比单纯的老师教效果更好。
六、适当引入分层次教学，体现教学目标的差异性
学生的基础差别很大和心智发展水平很大不同。在这种情况下，分层次教学是一种行之有效的办法。一般的，我把学生分成三个a、b、c三个层次。a层次的学生是基础好，特长明显，自学能力强的一部分，对这部分学生，倡导自主学习，给他们布置任务或课题，学生独立完成，只是在需要的时候向他们提供帮助；b层次的学生是基础一般，能在老师的讲解、示范和引导下学习，对这部分学生可采用灵活多样的教学方法按步就班地学习，b层次的学生是学生群体中的大多数；c层次的学生是学习有一定困难的学生，我对他们的要求是掌握基础，除了给他们进行特别辅导之外，还采取结对子的办法，给每人配一个a层次的学生作为助理，帮助他们学习。但在分层次教学中要格外注意保护c层次学生的自尊心和学习积极性。
七、加强联系实际，培养学生的创新能力
创新是素质教育的核心内容。鼓励、指导学生大胆、灵活地运用已学知识，解决实际问题是培养学生创新精神和能力的有效方法。我认为在网页制作这一部分的小结或复习阶段可以适当采用主题型课或任务驱动式的方法，设计引导学生从头至尾制作一个专题站点。当然，复习中也可以适当采取教学对话、教学讨论、示范等教学方法。
篇8： 网页制作心得体会
一、网站规划
本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。
二、网站总体设计
本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回到我的主页去。
三、网站设计与制作（包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果）
本网站的布局大多是运用CSS进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了flash效果（我的相册），还用到了视频和音乐等素材（如我的主页）。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用Photoshop对一部分图片进行了处理，让图片和网页更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。
四、学习体会
不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。
建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
找到材料后，我们还要规划网站。一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。
做好以上三步之后，我们就要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有“网络三剑客”之称的Dreamweaver、Fireworks、flash来制作网页，对于图片部分的处理，个人觉得Photoshop比较好用。
最后，我们就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。网页做好之后，就要发布到Web服务器上，才能够让全世界的朋友观看，还要不断地进行宣传，这样才能让更多的朋友认识它。这里推荐二个有免费空间和域名的网址给大家！
以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，还存在很多的不足（如：背景过于单调和网页布置不合理）。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续学习网页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，谢谢！
篇9：网页制作心得体会
网页制作心得体会
一、网站规划
本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。
二、网站总体设计
本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回到我的主页去。
三、网站设计与制作（包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果）
本网站的布局大多是运用CSS进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了flash效果（我的相册），还用到了视频和音乐等素材（如我的主页）。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用photoshop对一部分图片进行了处理，让图片和网页更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。
四、学习体会
不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的'、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。
建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
找到材料后，我们还要规划网站。一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。
做好以上三步之后，我们就要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有网络三剑客之称的Dreamweaver、Fireworks、flash来制作网页，对于图片部分的处理，个人觉得photoshop比较好用。
最后，我们就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
网页做好之后，就要发布到Web服务器上，才能够让全世界的朋友观看，还要不断地进行宣传，这样才能让更多的朋友认识它。
以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，还存在很多的不足（如：背景过于单调和网页布置不合理）。选择学习这门课是很正确的选择，虽然在以后不会再有机会去上了，但我还是会通过各种方式继续学习网页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，谢谢！
篇10：“网页制作”教学设计与思考
“网页制作”教学设计与思考
[摘要]中小学信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页制作”单元为例，阐述了信息技术课教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。
[关键词]信息技术/网页制作/任务驱动
中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。
一、教材分析
我校目前使用的教材是江苏省中小学教学研究室编写的高一《信息技术》。网页制作是其中第五章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。
教材中采用的网页制作软件是FrontPage。由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在第三章，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。
二、设计思想
1、任务驱动
本单元的学习通过完成网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。
2、小组协作
制作班级网页是个大任务，具有一定的开放性和综合性。因此采取小组协作学习的方式是非常必要的。小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。最后，各小组作品集中评比，选出优秀作品，上传到校园网上公布。
基于资源
要培养学生的信息能力，就必须为他们提供大量处理信息的机会。基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。
三、学习目标
本单元的认知、情感和动作技能三种目标分述如下：
认知目标
1、能简要陈述FrontPage2000主要功能，熟悉其操作界面
2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接
3、能主动获取、收集班级信息，并加以分类和整理
4、能客观评价网页的内容和风格，具备一定的审美能力
情感目标
1、具有集体荣誉感，愿意为班级的网页建设出谋划策
2、具有乐于助人、团结协作的精神
3、能尊重他人的劳动成果，有保护知识产权的意识
动作技能目标
1、能熟练地建立、打开、保存、浏览网页文件
2、能按照需要建立框架网页，设置各框架中的初始网页
3、能在网页中熟练地插入文字、图片、动画、水平线
4、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐
5、能选择合适的网页背景图案和背景音乐
6、能根据实际需要使用不同的超链接，合理地组织网页
7、能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感
8、能够插入简单的表单，使网页具有初步的动态交互功能
四、学习资源设计
在基于资源的学习中，教师的任务就是收集、设计和管理学习资源，引导和帮助学生自主地查找并获得学习指导，通过师生间、生生间的交流与合作，完成知识的`建构和技能的提高。因此，学习资源的设计尤为重要。本单元需要的学习资源包括以下部分：
1、推荐给学生的网站地址链接，如门户网站、班级网站、搜索引擎、信息技术网站等
2、本单元学习的目标和任务，以及每课时的子目标和子任务
3、教师对班级网页栏目的划分建议，如同学档案、教师风采、学习园地、班级活动、休闲娱乐、班级留言板、酷站链接、站长信箱等等
4、根据每课时的学习目标制作的操作指导，包括操作界面的演示
5、网页设计所需的各种素材，如图片、动画、Midi音乐等等
6、拓展学习材料，如Photoshop、Flash、Asp、Access等技术资料
7、Frontpage2000的帮助系统和信息技术教材也是重要的学习资源
以上学习资源（第7项除外）都应公布在教学网站中，保证学生在需要时查找。学生也可以把自己找到的好素材上传到网上。
五、教学过程
本单元的教学共需8课时，每节课教师都要求学生完成子任务。教学安排如下表：
课时
学习子任务
教师行为
学生行为
1
访问推荐网页
评价网页，确定标准
形成小组、讨论栏目，明确分工
推荐优秀网站
组织学生讨论网页内容和风格，分析网页框架和布局。
小结网页评价的标准
提出学习任务(班级网页制作)和原则(小组协作，网上讨论与学习)
提供网页栏目划分建议
组织各小组讨论
浏览网页
仔细观察，区分优劣
了解评价网页的标准
明确任务及原则
选择小组，参与讨论，确定栏目及分工，推举组长
组长上报成员名单
课后收集整理信息
2
学会使用教学网站
熟悉Frontpage2000的操作界面，掌握网页文件的创建、打开、保存和关闭操作
输入文字信息并修饰
公布教学网站地址和访问方法，介绍网站栏目及功能，特别是个人空间的上传、下载方法
参与学生的网上讨论，回答学生提问，必要时进行集体讲解和演示
登陆教学网站，了解栏目功能，练习使用
创建网页文件，输入网页文字信息并保存
设置文本字体字号颜色，调整段落对齐方式和缩进格式
引用资料注明出处
在网页下方署名
3
学会插入图片、动画、水平线
设置背景和音乐
学习插入表格，并用表格实现页面布局
介绍素材库中各类素材
参与网上讨论、答疑
提醒学生网页上的图片和动画应少而精，以免影响浏览速度
介绍表格的嵌套
分析学生网页，用表格演示页面布局
选择合适的素材插入网页合适位置，
设置图片和动画的大小、对齐方式和边框
设置网页背景和音乐
在需要插入表格的网页中，设置表格、行、列及单元格的属性并进行编辑
用表格规划页面内容
4
学习框架网页的创建及保存，学会拆分和删除框架
小组合作，建立主页
建立页间链接，并学会通过预览功能测试链接
介绍框架网页的各种格式和创建、保存的方法
演示拆分、删除框架
参与网上讨论、答疑
分析学生操作错误原因，页间链接应使用相对路径
演示超级链接的建立、使用预览功能测试链接
小组讨论选择一种框架页面作为主页
设置框架属性，如框架名称、初始网页等
创建主页与其他页面间的超级链接，并用预览功能测试链接是否正确
学会使用相对路径
5
学会创建书签链接、邮件链接和图片链接
建立URL链接
初步学会创建图象的热区链接
对每个链接进行测试
分析一个主页，让学生找出不同的超级链接
讨论各种链接的应用场合，如页面内容较多则使用什么链接？酷站链接和站长信箱分别使用什么链接？学生回答
错误原因分析，URL链接使用绝对路径
选择内容较多的页面建立书签链接
在图片上练习图片链接和热区链接
为酷站链接和站长信箱建立正确的链接
加深URL地址的认识
对每个链接进行测试
6
学会插入滚动字幕
学会使用悬停按钮
学会插入站点计数器和横幅广告管理器
小组网页初步组合，上传到教学网站
逐个检查各小组网页的制作进展，并给出评估意见
参与网上讨论、答疑
讲解小组网页的组合方式，每个栏目一个文件夹，图片放一个文件夹，提示学生使用文件夹视图管理文件
在主页上插入滚动字幕，并设置其方向、速度、表现和对齐方式
在主页上插入计数器和横幅广告管理器
选择一个页面插入悬停按钮，并设置其颜色、效果和链接对象
设置网页的动态效果
小组网页组合上传
7
了解表单的交互性，学习表单的创建和设置
在表单中插入各种组件
设置表单的Email提交方法
各组网页定稿上传
介绍简单的留言板，论坛和聊天室，供学生选择
引导学有余力的学生学习ASP和数据库技术
参与网上讨论、答疑
创建留言板或其他形式的表单，如学习调查表等
在表单中插入文本框、按钮、单选按钮、复选框、列表框等组件
设置Email提交方法
小组网页定稿上传
8
各组网页演示、互评
网上投票推选优秀网页和网页制作高手
每位同学自评
由班内网页高手做班级网页管理员，负责提交、维护班级网页
组织小组网页互评
设计网上投票网页
设计网页设计评估表
为每个学生的作品打分
积极参加小组互评
投票推选优秀网页和网页制作高手
认真小结本人学习情况，并如实打分自评
六、教学评价
本单元的教学评价主要根据下面的网页作品评价量化表来进行，由学生自评和教师打分反映学生的学习状况。
评价指标
(分值)
具体指标
量化等级分值
自评
教师
优
良
中
差
网页内容
(40)
获得的信息准确且完整
5
4
3
2
信息的收集方法效率高
10
8
6
4
网页文字没有语法和拼写错误
10
8
6
4
能找到合适的网页素材并合理应用
10
8
6
4
引用他人作品，是否注明出处
5
4
3
2
技术处理
(35)
网页布局整齐、合理
10
8
6
4
网页色彩协调、风格鲜明
10
8
6
4
网页链接正确、快捷
10
8
6
4
具有较强的动态交互功能
5
4
3
2
篇11：网页设计与制作实习日记
感谢学校的第四个学期。在完成第四学期的各项任务的过程中，不仅熟练了我对专业技术，比如photoshop、flash软件及计算机操作的娴熟，更增加了我对专业知识的猎取。在制作设计作业的过程中，也开拓了我的艺术想象力，同时将想象与实践相结合，又锻炼我的动手能力，真正达到学习和锻炼的目的。
篇12：网页设计与制作实习日记
在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。
对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。
企业网站在企业的网络营销当中占有及其重要的地位，只要是涉及网络宣传的企业，都应该建立属于自己的个性企业网站。他不仅能够让企业在网络上展示自己的产品，促进实际销售的增长，更能够通过一根网线，向目标客户展示企业自身的形象。
对于企业网站设计的观点，偏重网站的形象设计，即在功能务实、体系完善的情况下，重点结合企业理念打造网站的形象。Logo就能很好的表现企业的形象。企业标志(Logo)是指用于代表企业形象的独特的、有意义的图案，是企业形象识别当中最核心的环节，可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位，决定了其不能够随意更换，因此能否设计一个有内涵、有文化、便于识别的标志，并建立相关的应用系统，关乎到企业长远的发展，不容小视
通过这一学期的学习，在老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们网页制作的方法。在老师的细心指导下我们学会了丰富全面的软件技术和应用技巧，让我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver , banner软件。Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。
网页制作过程大纲
1.资料的搜集。
2.熟悉制作软件。
3.构建站点框架。打开Dremweaver后第一步便是新建站点。
4设计主页及二级页面。
5实现网页间的链接
链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6给静态网页插入动态效果
具体操作步骤
通过这一学期的学习，在老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们网页制作的方法。在老师的细心指导下我们学会了丰富全面的软件技术和应用技巧，让我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver , banner软件。Dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成HTML代码，或者嵌入到现有的网页中，或者作为单独的网页出现。主图是一个网页的门面，它能体现出这个网页的整体风格。
Web考试网页制作
制作过程简介
制作网页前的准备：
首先是确定主题,经过再三考虑,就做了个关于个人网页的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到自身水平有限 ,最后决定建立一个简单的自我介绍介绍和照片展示。于是网站主题确立。
然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，日记，照片栏，生活栏，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。
再后是收集资料与素材，大量浏览相关网站，收集关于中国的一些事迹历史图片，好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。
开始制作网页：
打开Dreamweaver后，
首先要建立站点，也就是要确认你所做的网页及相关的素材要保存在哪里，以便于后面的修改和保存。然后创建新的空白，可以从模板创建，利用做好的格局，添加自己想要的东西，或是自己对空白网页布局，画出自己需要的大概的框架，确定需要在什么地方该添加那一部分的内容，然后在一步步添加网页上需要的东西。
首先，我用flash制作网页的banner，是网页更具可观性。要先插入背景文本框，确定这个flash的大小，使之来了能够符合网页的大小标准，然后再插入flash，再设定flash的大小，播放格式，最重要的是要插入flash的播放插件，否则插入到网页中的flash是不能被播放出来的，我们使用的Dreamweaver软件，在插入flash的链接时可以出现自动的格式设置，这更方便了我们的网页制作：
再来就是根据自己对网行业的布局，画出布局单元格，在单元格中插入自己想展示在首页的图片或是文字，在插入图片时，要根据单元格的大小选择合适的图片，图片我们可以用Photoshop软件，修改其大小或是色彩，及做其他想要的效果，
使之在网页中显示的更清晰：
我将自己的首页分成了3个主要部分，第三部分是照片的展示，主要是自己出去旅游的照片，将布局栏里划分成6个单元格，分别插入6张照片，同时为了是它在网页上显示的效果更好，我在照片上还添加了一个透明的flash,这个flash的插入与banner中插入的flash有所不同，要给它附一个层的属性，是它能够叠加到照片的上一层：
的、有意义的图案，是企业形象识别当中最核心的环节，可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位，决定了其不能够随意更换，因此能否设计一个有内涵、有文化、便于识别的标志，并建立相关的应用系统，关乎到企业长远的发展，不容小视。
建设网站的一般过程包括：前期内容确立、网站架构搭建、创意策划、设计、网站建设。网站的功能版块一般分为首页(含引导页)、新闻部分、产品部分、信息交流部分、定制系统、零散页面等。根据不同的企业需求，各网站的功能版块数量、布局、结构各异。
网页制作心得：
一.页面的设计方面
网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。
学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。
学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习
并且学习网页设计不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的“边缘科学.”不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.
并且我认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。因此我提倡简单的美。
二.网页视觉效果
视觉形象识别即我们通常所说的VI(VisualIdentity)，与BI一起用于深化表现企业理念，同时也受到BI的影响。所谓视觉形象识别，就是指能够被目标客户通过视觉来认知与企业相关的一切事物，从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等，在将其系统化以后就形成了企业的视觉形象识别系统。
视觉形象识别系统在整套CIS中处于最表层的位置，其中所有的设计都将与目标客户发生直接的接触。
三.网页的整体布局和导航
网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中，一个共同的特点就是网页的整体架构十分的清晰明了，便于用户浏览
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型
网页布局是主要考虑以下几点：
1、首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
2、其次就应该考虑导航条的设置了。
3、正文的框架设置(横向因素和纵向因素交错)
四.网页中文字、图像
图像我利用网上搜索和自己所学过的Photoshop进行处理,同时也可以用其他的软件，例如：光影或是美图秀秀，这些软件操作比较方便，为制作网页节省不不少时间。
五.网页制作过程中的其他注意事项
不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值。
通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。
近一个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。
篇13：网页设计与制作实习日记
一、实习两个星期了，今天来做一下总结。
首先步入职场是一个很大的挑战，与学校生活来说职场生活相对艰难一些。与领导怎么相处、与同事怎么相处、遇到问题怎么很好的的解决、工作要怎么完成才算出色等等。这些都是我要开始学的，并且我不能慢慢地学，我要在实习的这几周中做到游刃有余，时间对于我来说实在是太紧迫。我没有办法慢慢去学习、接受，我必须像电脑复制一样把它们全部装在我的脑袋里，这不是急于求成而是迫于无奈，我往往在走头无路的时候就会发挥出最大的潜能。这样似乎有些自虐但是不生于忧患又怎能死于安乐!
其次，实习最大的收获是了解了平面排版的整个流程，并熟悉了平面排版的软件。其实无论是画册设计还是报纸排版或是广告设计，ps的图片功能都是无比强大的，在做版头、报眉、刊头的时候都会用到ps。所以无论如何ps的所有功能我都必须非常熟悉，这样在做效果时就会很轻松。要把平面设计里的一些设计构思与板式设计结合在一起，这是我实习的最大目的。毕竟我是学平面设计的光是一个小小的排版难不倒我，而真正使报纸具有可观赏价值才是我应该思考和学习的。我看过许多城市的报纸，广州、上海、重庆的都做得不错，有许多东西都可以借鉴，包括网页设计中许多的构图都是可以参考的。总之设计就是再构思、组合的一个过程。可以有一些自己设计的版面出版。这样也为我以后打下一点基础。
还有一点对于我来说十分重要。我可以学得不多，但是在学习每一样的时候一定要“精”，就算以后我并不会就是一个组版员，但是我还是要认真的学习它。认真是一种良好的习惯，对学习来说是，对生活来说同样是。我要认真地学习认真地生活。不要以后回忆起来都是一些后悔的事。
二、这次的第四学期实习我选择了一家装潢设计公司，因为平时在学校从事编辑排版工作很想有机会到外面类似的公司里面实习一下，使自己的基础更牢固，技术更全面，实习的内容是学平面设计，因为考虑到以后毕业有可能从事这个行业的工作，因此我非常珍惜这次实习的机会，在有限的时间里加深对各种平面设计的了解，找出自身的不足。这次实习的收获对我来说有不少，我自己感觉在知识、技能、与人沟通和交流等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。
通过这次实习，在设计方面我感觉自己有了一定的收获。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用，增强了我们今后的竞争力，为我们能在以后立足增添了一块基石。这次实习丰富了我在这方面的知识，使我向更深的层次迈进，对我在今后的社会当中立足有一定的促进作用，但我也认识到，要想做好这方面的工作单靠这这几天的实习是不行的，还需要我在平时的学习和工作中一点一点的积累，不断丰富自己的经验才行。我面前的路还是很漫长的，需要不断的努力和奋斗才能真正地走好。
三、上学的时候，总是把实习想得太简单了，想着回到家以后找一个小公司，虽然会的不是很多，但是也应该有容身之处，可是结果没有想象的那么简单，被人据千里之外，最后无奈之下，只好到朋友家的影楼去做照片。现在的人很讲究生活，随着时代的进步，设计与制图不再停留在传统的手工绘图阶段，电脑技术虚拟地模拟了现实世界中的绘图工具，简便实用，它既具有传统工具的大部分优点，又弥补了传统工具的很多不足，提供了更广泛的创意空间和提高效率的条件。照片不只是单纯的布艺背景，背景可以是一种颜色，照出的照片，传到电脑上，通过photo shop 换背景，修改。简单的一些在学校的时候都学过，可是看到那些专业人士，我学到的真的只是皮毛，在学校学到的东西真的很重要，现在的我已是大学生，面临的社会问题会很多，没有好的技术，别说是实习，就是有毕业证，公司都不一定会要你，学到自己手里的活，才是真正的绝活，真正的饭碗!
篇14：网页设计与制作专业简历
网页设计与制作专业简历模板
目前所在： 天河区 年 龄： 20
户口所在： 揭阳 国 籍： 中国
婚姻状况： 未婚 民 族： 汉族
诚信徽章： 未申请 身 高： 160 cm
人才测评： 未测评 体 重： 48 kg
◆ 求职意向
人才类型： 在校学生
应聘职位： 商务/电子商务-经理/主管/专员/助理
工作年限： 1 职 称： 无职称
求职类型： 实习可到职日期： 一个月
月薪要求： 面议 希望工作地区： 广州,,
◆ 工作经历
琶洲会展中心 起止年月：-04 ～ 2013-05
公司性质： 其它 所属行业：贸易/进出口
担任职位： 安保
工作描述：
离职原因： 实习
毕业院校： 广州现代信息工程职业技术学院
最高学历： 大专 获得学位: 毕业日期： -06
专 业 一： 电子商务 专 业 二：
起始年月 终止年月 学校（机构） 所学专业 获得证书 证书编号
◆ 语言能力
外语： 英语 较差 粤语水平： 一般
其它外语能力：
国语水平： 优秀
◆ 工作能力及其他专长
在班上担任班长一职，工作认真负责，积极主动，能吃苦耐劳，勇于承受压力，勇于创新;善于沟通、协调，有较强的组织能力与团队精神;上进心强、勤于学习，能不断提高自身的能力与综合素质。
◆ 个人自传
你好，我叫大学生个人简历网，在广州现代信息工程职业技术学院读专科，专业是电子商务。在大学期间，我学习了计算机的Office办公软件技术，网页设计与制作、网站设计与维护等设计软件技术，其中包括Photoshop、Dreamweaver、Flash等，还学习了电子商务概论，电子商务实务、市场营销策划、网络营销等理论知识，掌握了有关电子商务专业的.相关知识。鉴于此，我希望能在毕业后谋一个职位，热切期望能用自己所学之技为社会做出自己的微薄之力。对待学习，我认真努力，对待工作我同样也能做到爱岗敬业，谨慎负责，一丝不苟。在生活方面我乐观，热情，诚恳，宽容。我自信能胜任自己的工作，本着“迎难而上”的精神，我将凭自己的能力克服各种困难，更好地胜任将来的工作。
篇15：网页设计制作规范
网页设计制作规范
网页设计制作规范发布时间： 2003-11-26 作者：秩名
总 论
本规范既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与我联系，我会及时更改本规范的相关代码样例和文档。
/基 本 要 求
1. 在网站根目录中开设images common temp 三个子目录，根据需要再开设media 子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner 条、菜单、按钮等等；common 子目录中放css、js,、php、include 等公共文件；temp 子目录放客户提供的各种文字图片等等原始资料；media 子目录中放flash, avi, quick time 等多媒体文件 。
2. 在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。
3. temp 目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。
4. 除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，
/脚 本 编 写
我们应该有一个脚本整体风格一致的概念，意思是一个月后和一个月前的你写的脚本风格保持一致，以及同一个工作组中不同的开发人员编写的脚本风格保持一致，因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版），也经常要和工作室中不同的`同事共同开发一个项目，还有可能被要求修改已经离职人员开发的脚本，当然你自己也有可能会扔下一个项目给后来的同事。
1. Html 文件的通用模板：
其他meta 标 记
样式表定义
客户端Javascript 函数定义及初始化操作
… …
补充：
为了保证网站能够与下一代的web 语言xml 标准兼容，所有的HTML 标签的属性都要用单引号或者双引号括起，即我们应该写 而不 是 .
2. 允许全文检索的页面，为了使Internet 上的搜索引擎能够有效检索，在频道的首页的html的
之间应该加入Keywords 和Description 元标记，例如 ：3. CSS 文件的格式样例代码 ：
p { text-indent: 2em; }
body { font-family: “宋体”; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
table { font-family: “宋体”; font-size: 9pt; line-height: 20px; color: #000000}
a:link { font-size: 9pt; color: #FFFFFF; text-decoration: none}
a:visited { font-size: 9pt; color: #99FFFF; text-decoration: none}
a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a:active { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:link { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:visited { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:active { font-size: 9pt; color: #FF9922; text-decoration: none}
.blue { font-family: “宋体”; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}
-->
这里尤其要注意的是a:link a:visited a:hover a:actived 的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！
为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px 和14.7px 这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px 的字号比较合适。
在写
| 缩进两个半角空格，&l t;td> 中如果还有嵌套的表格，
|
