网页制作实训（共8篇）
X学院XX班XXX号
一．实训时间：
2010年6月7日到2010年6月13日
二．实训地点：
XXX学院XXX班级
三．实训组员：
XXX、XXX
四．实训目标：
运用网页设计方法，设计一个网站，提高综合应用所学知识的能力，积累Web网站的制作经验，培养团队协作精神。本次实训的具体目标为:了解网站制作的一般流程;熟练使用网页制作工具Dreamweaver、Flash、Fireworks设计网页;能灵活运用表格、层和框架布局页面;熟练使用CSS样式表美化网页;正确使用JavaScript添加网页特效;灵活使用模板和库来制作网页；学会申请免费域名空间和正确上传站点的方法。
五．实训策划：
这一周，我们要进行《网站设计与制作》实训，我们认为做网站前最主要的是确定主题、框架和标题栏的设计。因此我们相互讨论之后，确定制作以“婚纱”为主题的“喜多坊时尚婚纱网”。在之后的资料收集和网页的框架的建设中，我们发现了许多问题，某些关键点无法做出心中的效果，这让我们有些遗憾。通过自身及组员的共同探索，我们已尽权利将以下是我们的策划内容：
1.确定主题。制作网页,首先是确定主题，冬天很冷,却冷得很幸福，刚刚过去的圣诞的热闹劲还在心头。于是我们从幸福出发，想到了结婚-婚纱，建立一个简单的介绍婚纱的网站并取名喜多坊时尚时尚婚纱,专业介绍一些喜多坊婚纱的特色等。我们本次间的网站基本以粉红为基点，粉红是可爱清纯的颜色，粉红代表着幸福温馨，所以本站以粉红为风格，让整个网站充满爱的力量。
2.设计主页。主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，我们构思大致
分几部分，首页，关于我们，婚纱礼服，量体裁衣，婚纱选购，公司门市，与我联系，在线论坛8大板块，每一板块又分几小部分，内容比较充分，多样。确定导航栏的各个分类标题之后对于建立二级子网尤为重要，我们运用Photoshop CS3技术来设计出导航栏，制作切片，建立导航栏，将整体的主页效果建立起来。
3.资料的搜集。主页的导航栏设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，我们采用大量的资料收集再对资料进行塞选p图，得到最适合导航栏内容的资料。素材的选择，要符合网站的主题，图片的大小要符合模板的轮廓，我们将不符合模板的用Photoshop处理编辑，然后放入站点底下，进行图文的链接和排版。
4.各个子网页的建立。我们设计好模板后只要在可编辑区依次编辑所需资料就可，运用模板建立子网页少了很多工序，为我们节省大量的时间。尽管我们建立了模板，但我们在建立子网时很小心，因为一张图片的大小插入就有可能破坏整个模板的结构尤其在使用表格时，因此我们对所插入的图片和表格都得进行测量，做到不影响网站整体的美观。
5.实现网页间的链接。做好个格子网和首页后，接下来就是通过模板的链接，将整个网站中的网页链接起来，过程其实很简单，主要是把要链接的文字和图标选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。做好这一步后，网站基本算是建好了。
6.向静态网页插入动态效果。在基本建好网页中的插入层和时间轴，制作其动态效果，让整个网页充满生机。我们在网上进行flash素材的收集，通过Flash CS3设计出主题下的风格动态效果。然后插入到静态网页中，使网页更加生动形象。
六．实训心得：
通过这周的学习实践，在老师的指导下以大量明晰的操作步骤和典型的应用实例，使我们真正对所学的软件融会贯通。我们结合年轻人心理制作了时尚婚纱网站，作为实训的成果。其内容是多样化的，制作网页用的软件是Deamweaver CS3软件。它提供了网页和表单的动态生成到网站的解决方案。主图是一个网页的门面，它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于婚纱的网站。考虑到,现在城市普遍幸福感不高，加上寒冬，于是以幸福为论点扩展想到了结婚，想到了婚纱，想到了未来的美好城市生活，城市让生活更美好，结婚让生活更完整婚纱让生活更多姿！想到这些，我们最后决定建立一个简单的介绍都市婚纱的网站,让这个冬天不再寒冷，让我们回忆起那些幸福的日子。于是网站主题确立。
然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，首页，关于我们，婚纱礼服，量体裁衣，婚纱选购，公司门市，与我联系，在线论坛，每一部分又分几小部分，内容比较充分，多样。
再后是收集资料与素材，大量浏览相关网站，收集关于婚纱的图片，进行Photoshop CS3图片处理和排版，插入好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。
再后是设计网页图片，用flash制作动画，用Photoshop制作静态图片。再后是建立站点，和制作网页了，使用dreamweaver制作。
首页内容精彩丰富，首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。
简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。
利用我们所学的模板设计，制作更完美的页面。将动态网页与静态网页结合起来
再后，调试过程，好多次本来在Deamweaver CS3里好好的，把字调的好好的，位置很对，可在浏览器里御览就出毛病了，不是靠上了，就是靠下了，经过再三调试，整理，加了好多表格，终于满意了。
通过温本周的实训，发现自己还有很多的不足。框架的应用很难把握，切片也很难合理切割，当插入图片的时候把原有的模板给撑破了，精确定位很重要。
实训大会旨在通过国际获奖影片深度剖析、前沿技术解析、专业技术进阶培训等多种方式, 深入浅出的教授学员如何运用国际前沿的制作及后期制作阶段经常使用的软硬件, 例如Avid、Adobe、Apple进行内容剪辑、前期内容制作、虚拟现实内容制作、后期制作、特效影片制作等专业技术, 从而帮助影视制作人员提高视频及电影制作的内容质量。
三大收获:一是高效操作, 25场中的每一场都将教授你如何策略性合作性的完成项目, 如何用更短的时间, 达到更优质的效果, 如何将新的平台融入到工作流中;二是提升技能, 由Adobe, Apple, Blackmagic以及Avid的认证专家培训将以实际运用于电视、电影及视频行业的案例打开从业人员崭新的思维方式, 提升项目操作技能;三是创新思维:好莱坞大师将用实际案例启发您的创新思维;您将有机会与大师及业内同仁面对面交流, 学习彼此的成功与失败。
四大课程:一是拍摄与制作, 在进入剪辑房间前, 您就要准备好所有优质的视频与音频素材。在这类课程中, 您将会提高捕捉优质视频、照明技巧, 提高现场数据管理能力以及掌握更多为制作高质量视频内容而采取优质素材的技巧;二是后期制作, 您将在这类课程中学习到后期制作的多方面, 进一步提高您后期制作过程的效率与协同度:从新的剪辑技巧、如何创建合作的后期制作环境、管理复杂的视频格式、到如何维护有效的工作流, 大师们将用实际案例为您一一剖析其中奥秘;三是特效合成, 您想知道好莱坞大片中的特效是如何制作的吗?复杂的粒子动画是如何创建的?文字如何融合到视频中?这类课程将启发您不一样的思考方式;四是新兴技术, 您将在这里了解到无人机拍摄、虚拟现实内容制作以及最前沿的叙事方式, 不仅如此, 您还将知道这类新兴技术将如何影响整个行业。
想了解更多CPPC实训大会议程, 请点击http://www.nabshowshanghai.com/Info/Uni Info Detail/97
中国影视制作与后期制作者实训大会 (CPPC) 报名已全面开启, 名额有限, 售完为止, 如您想要参加大会:
请点击官方网站http://www.nabshowshanghai.com/Info/Uni Info Detail/97注册登记;
或扫一扫二维码登陆官方微信注册登记;
关键词：优化；热菜制作；实训课；思考
我校自2003年创办烹饪专业以来，生源稳定，教学水平逐年提高，并于2012年6月确定为国家级示范校建设的骨干专业之一。取得这些成绩，不仅与地方政府对我校烹饪专业的重视与扶持有很大的关系，同时也与社会对烹饪专业人才求有关联，当然这更离不开我校的实际办学实力。那么如何在中职生源人数日趋减少的形势下，将我校的烹饪专业做大做强呢？这是摆在每个烹饪专业教师面前的急的问题。以笔者之见，要解决这一问题，必须从改革实训课教学抓起。我校烹饪专业实训课教学还停留在传统的教学模式上，特别是作为技能的实训课教学缺乏科学性、规范性，以及行之有效的实训教学方法。同时，教师没有把实训课教学和实验课教学严格区分开来，实训课培养的是学生的实际动手操作的技能、技巧，而实验课则侧重于验证证明某一原理、规律、某一生产过程、工艺流程等。因此，我们要把二者区分开来，真正按照实训课教学的要求，优化教学过程。下面笔者结合近几年热菜制作实训课教学的实践，就如何优化教学课程谈几点粗浅的看法。
一、编写工作页，强化实训预习
教师在完成上一个实训任务后，要对下一个实训任务做出具体的安排，并且让学生通过书写“热菜制作工作页”的形式来完成实训前的预习。比如，在实训“盐煎肉”之前，教师可以安排学生通过教材、网络、阅览室等查阅资料，对制作该菜品时所需要的主料、辅料、配料，该菜品的质感特征、味感特征、成色要求，以及烹调方法、操作过程、注意事项、操作关键、菜肴变化等方面做出具体的任务安排，严格要求学生完成工作页。由于学生强化了实训前的预习，促使实训过程前移，有利于学生作为主体提前进入实训过程。这样学生在实训过程中就会主动思考、主动参与讨论、主动从事操作活动。
二、讲解示范，深化实训认识
在烹饪热菜实训课教学中，教师的讲解是十分重要的，它有助于学生掌握必备的烹调理论知识，展开丰富的创造性思维，形成感性认识的表象。教师讲解的主要任务是让学生掌握基本的烹调方法、调味方法、操作方法、味型特点、质感特征、成色要求。因此，教师在讲解中要结合地方烹饪原料的主料、辅料、调味品，提出该菜品创新与发展的基本方向。实训课的讲解时间一般控制在二十分钟左右，让学生带着兴趣和热情掌握实训理论，切忌拖沓冗长，过长的讲解可能会诱发学生对实训课的反感。必要时教师可借助多媒体等现代化教学手段辅助讲解。在讲解的过程中，学生通过对照自己预习中书写的“热菜制作工作页”，发现自己对该菜品制作理解上的偏差，从而减少操作失误。讲解结束后，教师要严格按照该菜品的成菜要求，进行示范操作，让学生认真仔细地观察每一个技术要领，每一个操作环节，准确判断火候、油温、投料先后次序及数量，掌握端勺、翻勺、出勺的动作连贯和衔接要领。对一年级的学生，教师要尽可能地进行慢速示范、分解示范、边讲边示范等；对二年级的学生，可进行整体示范、要点示范、纠偏示范、师生协同示范等。总之，教师要通过示范，强化学生对操作要领的认识和掌握。
三、巡回指导，规范实训操作
这一步骤是热菜实训课教学中对学生进行指导的过程，也是培养学生技能技巧的关键，所以这个环节所用时间比较长，此外，由于学生分散独立操作，暴露出的问题也比较多，所以需要实训教师有计划、有重点、有目的、有针对地对学生实际操作的情况进行指导。要达到预期的实训操作效果，实训教师必须要做到以下几点。
1.做到勤走动：当学生在宰杀台、水台、砧台、炉灶等各自不同的岗位上操作训练时，教师要不停地在这些岗位上来回走动，发现问题及时解决，并及时搜集学生的各种信息反馈。
2.做到勤观察：每到一个岗位上，教师都必须认真查看学生操作动作是否标准，操作流程是否合理，操作方法是否准确，发现学生操作不当要及时纠正，决不能视而不见，否则，就会使得学生错上加错。同时教师要遵循“面向全体”的教学原则，避免顾此失彼。
3.做到勤动嘴：作为实训教师，要经常对学生晓之以理，导之以行，发现学生操作中出现的问题，要及时指出，并要让他们知其然，更知其所以然，不要动辄打骂，以免学生厌烦实训课；同时，教师要通过启发的方式，让学生找出本操作过程中的进步和不足。
4.做到勤动手：教师在巡回指导过程中，对技能较差的学生，要反复演示，反复讲解，要手把手地教。
四、总结点评，提升实训技能
实训课结束后，教师要组织学生对实训过程进行总结点评，主要任务是帮助和引导学生找出操作中的不足之处，认真分析原因，以便在下次实训课中掌握正确的方法和技巧，之后教师再通过启发、鼓励和鞭策，找出学生实训过程中存在的优点及提升之处。点评时，教师要讲到点子上，讲到关键上，讲到点子上就是要紧紧围绕形成技能的技巧进行点评，如在点评“鱼香肉丝”的菜品时，必须要围绕味型调制技巧、上浆技巧、滑油技巧”进行；讲到关键上，就是教师在点评时要抓住学生的心理特点进行，以表扬为主，批评为辅，善于发现每个学生的闪光点，有技术改进的给予褒奖，达到目标的给予表扬，基本达到目标的给予鞭策，未达到目标的给予鼓励，力争做到激发全体学生的实训欲望。
总之，在整个烹饪实训课教学过程中，教师要在实践中培养学生的创新精神和创新能力，优化烹饪实训课结构，达到理实一体化教学效果，提高烹饪实训课的质量。
作者简介：
设计题目：起止日期： 工作室或公司网站设计
2013.12.23-2013.12.27
目录
一、关于网站 ···························· 3
1、网站的主题 ·························· 3 2.网站材料 ··························· 4
二、网站的规划设计 ························· 5 1.网站的功能定位 ························2.站点的内容 ··························3.站点的风格 ··························4.网站功能模块图 ························三．网站技术解决方案 ························
1、网站的制作工具 ························
2、所用技术 ···························四．网页介绍 ····························
1、制作网站的网页 ························2.第二层展示 ··························3.动漫排行榜展示 ························4.第三层展示 ··························5.关于短片的插入： ·······················五.关于我们： ···························六．实训总结： ··························· 2 5 5 6 6 7 7 8 9
13 14 14
一、关于网站
1、网站的主题
我的网站的主旨在于从各个方面全面的介绍动漫，展示动漫产品以及漫画，包括有动漫排行榜，小短片，另外，网站里还有漫画，以及周边产品。建立一个展示动漫的平台。同时，网站里的每一个网页都有统一的风格，每一个网页的主题都是图片加上文字介绍，用以展示自己性格的效果。最重要的是做出自己的风格，给浏览者好的欣赏感受。
动漫，是动画和漫画的合称与缩写，取这两个词的第一个字合二为一称之为“动漫”。
现可考证，该词语出处为1993年创办的动漫出版同业协进会与1998年创刊的动漫资讯类类月刊《动漫时代（Anime Comic Time）》，后经由漫友杂志传开，因概括性强在大陆地区的使用开始普及起来。在中国以外，并没有此种说法。国外习惯性将动画（anime）、漫画（comic）、游戏（game）三者合称作ACG，或加上轻小说（novel）合称为ACGN。
由于漫画本身的发展形成了现代故事漫画的表现形式，将影视艺术融入漫画之中，使得漫画与动画更容易结合，影视艺术独特的地方在于它能通过镜头的推拉摇移和片段剪辑的蒙太奇技巧来表达想法和感受。
漫画正是吸收了影视艺术的这两个特点。当要讲述的故事越发复杂、人物越发丰富的时候，用传统单线式叙事的方法就越行不通，蒙太奇的介入就成为一种需要了； 当漫画家在传统表现手段中无法找到更合适的抒发感情的方法的时候；当读者需要作品有更强的冲击力和表现力的时候，各种镜头的灵活运用就成为一种必需了。一部现代故事漫画往往集远、中、近、特四种镜头于一身，漫画家往往能熟练地运用镜头的移动和各种蒙太奇剪接，对故事特定部分的情绪和氛围进行渲染。这就是现代故事漫画容易和动画结合的一个原因，因为它天生就像动画的分镜头剧本，读者在看漫画时仿佛就是在看一部电影。正是有着这样的相似性，所以如今将动画和漫画合称为“动漫”。
动漫领域衍生出的许多术语均已经被广泛应用，例如：正太，萝莉，御姐，百合,BL等。
动漫产业日益与游戏产业结合紧密，在日本已经形成一个成熟的产业链，动漫已经 3 从单单的平面媒体和电视媒体扩展到游戏，书籍，网络，玩具等众多领域。许多动漫游戏应运而生，例如《死神bleach》PSP平台的游戏，也有许多GALGAME被改编成动漫作品。
Manga（まんが，manga）为日语“漫画”的罗马字注音。另外，英文词cartoon的中文音译“卡通”，也是漫画与动画的合称，但被用来特指美国动画。版面有限，相关词条，详见：“动漫概论” 按类型分类：
情感；推理；动作；战争；后宫；宠物；历史；搞笑；机战；少年；冒险；治愈；童话；格斗；
少女；悬疑；科幻；竞技；社会；神魔；热血；校园；耽美；原创；魔法；教育；恐怖；惊悚；
政治；哲理；经典；励志；伦理；恶搞；血腥；言情；暴力。按版本分类： 电视动画（TV）：
电视频道上播映的动画作品。
剧场动画（MOV）：影院公映的动画作品，是日本动画按传播方式分类的一种，在中国又被称为剧场版。
OVA（OAD）：原创动画录影带，其中OVA是单独发售，OAD是随书发售的。网络动画（NET）：以网络为播放平台的动画。
动画音乐：一部动漫作品中的音乐，包括主题音乐和背景音乐（BGM）。
动画原创：依漫画改编的动画，由于动画的更新速度比漫画快的关系，当动画的剧集快赶上漫画时，动画的剧情就要脱离漫画剧情，开始动画原创。
同人：也叫二次创作，由漫画、动画、游戏、小说、影视等作品甚至现实里已知的人物、设定衍生出来的文章及其他如图片影音游戏等等，或“自主”的创作。COS：全称COSPLAY，装扮成漫画、动画、游戏、小说等中的人物，也可以是原创。
2.网站材料
主要在网站上搜集所要的网页信息，包括图片、文字、相关的产品。同时，查询相关的动漫、百度等方式收集所需的文字资料,图象资料,网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。
二、网站的规划设计
1.网站的功能定位
我的网站共有5个主页面：首页、动漫之家、动漫排行榜、动漫连载、周边产品。每一个页面用图片来做。
我是用素材拼音命名网站名，用以方便存储和转发。网站主页整体色调为梅红色，配上深沉的背景图，搭配出一种层次感。然后点缀其他不同的颜色相配，突出主题，颜色没有过多，过杂，用以避免给人一种杂乱的感觉。版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是用css设计一个样式，以保证随时、准确的调用。
2.站点的内容
我们动漫汇主要是要向客户介绍动漫，包括动漫的介绍，动漫的周边产品，动漫的图片及动漫的漫画或是动漫片段。站点里面包括：
首页：第一层网页，画面主要有动漫汇的logo，logo下方是一个横幅，鼠标经过会有光亮，点击仍将是动漫的主页。左边是一个动态动漫图，显得主页可爱又有动漫气息等。下方是会员登录，点击登陆跳转至输入账号及密码界面，如不是会员，点击注册跳转个人用户注册界面。主页的背景图是动漫海报，由两层叠加。主图是6幅动漫图，6种动漫的介绍。鼠标进过动漫图时，会有相应的动漫简介。
跳转页：第二层和第三层，主要的主页的过渡。里面有动漫的详细介绍，有动态图欣赏左侧是关于动漫的周边产品。点击看漫画或动漫，即可欣赏相关动漫。
3.站点的风格
整个网页色彩明显，我们添加了gif图，这样网页稍微有活力，背景都是用动漫海报。其中使用翻看图片的特效，使得看漫画不那么单挑。同时也插入视频，使得网站有活力一些。
首页的标题插入闪光效果，鼠标经过时能出现，不容易产生无趣感。首页的图片不只有图片，鼠标放至图片上会有文字出现，是动漫的简介。使得网页有活力。
4.网站功能模块图
三．网站技术解决方案
1、网站的制作工具
做网页时主要使用的是Dreamweaver CS3另外，为了处理网页中的其他元素，还使用了Photoshop、FLASH等软件。
2、所用技术
动漫汇需要大量的图片及相关的话题。我们需要插入图片，大小要适合，以动漫海报为网页的背景，则设置好页面设置，选好准备好的海报图。插入gif图片，需要时在ps中做gif图。插入视频时需要设置好相关的，视频名称中不能有中文，是flv格式的。图文介绍的需要经过ps的加工，使得首页的图片有生机活力。插入表单，是关于用户的登录，点击跳转至登录或是注册界面。首页标题都有链接，点击进入相应的网站。首页下方是关于动漫汇，为了突出字，用ps进行加工。
四．网页介绍
1、制作网站的网页
素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做的就是站点的规划，建立一个本地站点“web”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行了统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了各类动漫的文件夹来存放图片。同时，由于漫画页面中的信息太多，于是建立了一个专门的文件夹存放相册信息，网页中的css 样式文件也应统一管理，做到有条不紊，我设计的网站的首页如下图：
根据自己的网页风格，在网上搜集合适的图片，另外网页的页宽一般没有超过900像素，以保证左右不出现滚动条。右下边插入的是表格，表格中添加了浅红色的背景图片。用以体现网站的主题色彩，表格还定位了网页特效、系统时间和flash动画。
2.第二层展示
页面中，中间的页面主要包含动漫介绍，周边产品，但浏览者有了新的认识后，可以点击下方的“点击看漫画”按钮来进入第三层页面（漫画页面）。而背景图必须选择横图，而且两边的位置要有良好的视觉效果，我们的排版虽然精简，但是非常有视觉效果，使页面的整体布局合理，既突出网站的主色调，又给人以凝重的感觉，同时增加页面的可看性。
动漫介绍页面
3.动漫排行榜展示
动漫排行榜是为了让浏览者更方便更快更准确地了解到动漫的最新信息而制作的，红色的为最热门的TOP5，分别有：总排行、日本漫画排行、香港漫画排行、大陆漫画排行等排行榜榜单。我们也会定时更新榜单，为了让广大读者更快更直接地了解最新的动漫信息。
4.第三层展示
看漫画页面，是我们制作的重点，并且为了让大家能看漫画，我们专门找了类似翻页的网页特效，方便读者的翻阅，而且让网站更炫，也不容易觉得无趣及疲劳。第三层部门动漫是漫画欣赏，有的是动漫观看。主要是看我们更新的是什么哦~ 也可以让各位动漫迷提前看到剧情的发展，好看又过瘾啊！亲。定时进入查看最新动漫吧~注册用户账号，方便随时进入看哦 送上一幅漫画图： 第三层页面的设计代码如下：
1.1实训内容以及进程安排
实训内容：动态网站制作的学习及动态网站的制作
这次在3名指导老师的带领下，我们主要学习了用2种现在比较流行的动态网站开发平台来开发网站：JSP平台与ASP.NET平台；JSP平台方面主要通过XX老师示范制作myblog个人博客网站而学习JSP平台的搭建、数据库的连接、网站测试等内容；而ASP.NET平台主要通过XX老师和XX2位老师的指导，学习并搭建了ASP.NET平台，掌握了网页三剑客制作动态网站的基本常识与方法，以及数据库的连接、网站测试及Photoshop处理图片等内容
：
进程安排
日期
日程安排
08年7月28日 确定小组组员，小组成员为：XX（组长），XX（组员）08年7月29日 确定小组动态网页开发平台为ASP.NET
08年7月30日 确定网站要实现的功能①
08年7月31日-8月5日 制作BBS网站
08年8月6日 测试BBS网站
08年8月7日-08年8月15日 制作电子商务网站
08年8月16日-8月17日 测试电子商务网站
08年8月18日-8月20日 提交网站给指导老师，听取指导老师意见，完善网站
08年8月21日-8月22日 网站制作与小学期总结，写小学期文档
08年8月23日 提交小学期文档，小学期实训结束
说明：①经过讨论，我们组决定建设2个网站来实现以下功能
网站1-BBS网站：在这个网站中，我们主要实现了站点日历与站点搜索引擎2大功能。
网站2-电子商务网站：在这个网站中，我们主要实现了用户注册与登陆、购物车的实现、订单的显示等页面。
1.2知识（点）应用以及经验总结
这次制作2个网站主要应用的知识有以下：
⒈数据库的创建
①Access数据库的创建
Acess提供2种数据库创建方式：一种是创建一个空数据库，然后编辑数据表的内容；另一种使用数据库自带的模板创建；在动态网页面中，一般应用第一种方式
②Access数据库的打开方式
包括打开、只读方式打开、独占方式打开、只读独占方式打开
③利用设计器设计Access数据库
利用Access数据库里的设计器设计Access数据库
④使用向导设计Access数据库
通过Access的向导，经过一系列对话来设置Access数据库
⑤通过输入数据连接Access数据库。
先输入数据再确定字段
⒉数据库的连接
①ODBC连接数据库
打开ODBC数据源管理器面板。在windows XP中打开控制面板，再打开管理工具，找到数据源（ODBC），双击图标打开管理器，选择系统DSN。添加数据源，点击添加按钮，开始创建数据源，在接下来的对话框中选择数据源的驱动程序，因我们使用的是Microsoft Access创建的数据库，所以选择Microsoft Access Driver(*.mdb)作为数据库驱动程序。点击完成按钮，填写数据源名，以简单易记为原则，这里我们以userinfo（表名）来命名，注意不要冲突。说明填不填都无所谓，是描述这个数据库的用途而已。点击选择按钮，选择你的数据库文件。找到自己想添加的数据库，选中即可。
②OLEDB连接数据库
在Dreamweaver 中,可以通过在连接字符串中包含 Provider 参数来创建 OLE DB 连接。打开Dreameaver，在站点里面先新建个ASP页面（index.asp）。在“应用程序”面板中选中“数据库”标签。只要我们在前面建立了站点，选择了文档类型（即我们选的ASP Javascript的），并且还测试了服务器
（http://localhost/newgn/）；则当前我们看到就剩下第四步没有打勾了。那现在就点击“+”号，选择“自定义连接字符串”。在弹出来的“自定义连接字符串”对话框中，“连接名称”随便写一个。“连接字符串”就要好好填写了。当“使用此计算机上的驱动程序”时应用绝对路径：DRIVER={Microsoft Access Driver
(*.mdb)};DBQ=d: ewgndatabasecnbruce.mdb 否则“使用测试服务器上的驱动程序”采用Mappath转换路径“Driver={Microsoft Access Driver
(*.mdb)};DBQ=”& server.mappath(“/newgn/database/cnbruce.mdb”),点击“测试”，出现成功对话框，成功连接数据库后，在DW里其实是自动生成了一个连接文件。位置在自动生成的Connections文件夹中，名称是你刚才在“自定义连接字符串”随便敲的为命名asp文件。还可以注意到DW数据库标签内看到mdb文件内的各个字段。
⒊动态网页开发技术
①记录集的定义
分为简单记录集定义与高级记录集定义，简单记录集的定义使用户不必用SQL语句查询而快速定义记录集。高级记录集定义则通过SQL语来定义记录集。②记录集的绑定
记录集(查询)的绑定。在网页中插入一个表单，并输入需要插入到数据库的相关内容，然后通过记录集（查询）功能来实现表单和数据库的相互协调使用，并实现“动态”功能
③重复区域服务器行为
服务器行为其实一段VB代码，为了方便用户对记录集的操作，DW中将常用代码进行封装，命名为服务器行为。而重复区域服务器行为相当于一个FOR循环函数
④设置记录集导航条
添加记录集导航条以分页的方式用来显示重复区域服务器行为显示有限的记录 ⒋XML动态网页制作
①XSLT
XSLT 是一种用于将 XML 文档转换为 XHTML 文档或其他 XML 文档的语言，XSLT 用于将一种 XML 文档转换为另外一种 XML 文档，或者可被浏览器识别的其他类型的文档，比如 HTML 和 XHTML。通常，XSLT 是通过把每个 XML 元素转换为(X)HTML 元素来完成这项工作的。
⒌服务器的配置
①站点存放点的创建
打开电脑，在D盘下建立一文件夹newgn（这个夹子就是你的站点存放点了），并且在里面建几个子文件夹（就好似你网站的子目录）。
②建立虚拟目录
回到newgn的根目录，右键选择“共享和安全”（其实是快速地建立虚拟目录）③设置IIS的虚拟目录
出现属性对话框后，选择“Web共享”标签，点选“共享文件夹”，出现共享别名对话框，选择默然设置，确定即可
⒍利用Dreamweaver创建站点
选择“编辑站点”，在弹出的属性框中选“高级”标签，从“分类”中先选“本地信息”，右窗口中设置站点名称，本地根文件夹，然后设置远程信息，访问选择“本地/网络”，远端文件夹仍选择站点文件夹d: ewgn，再接着“测试服务器”，“服务器模型”暂为ASP vbscript，“访问”本地/网络，“测试服务器文件夹”仍是站点文件夹d: ewgn，“URL前缀”在http://localhost后面添加“newgn/”，添加的东西就是设置的虚拟目录，这时，站点定义基本结束，点击确定。出现“编辑站点”对话框，“完成”即可。
⒎利用FIREWORKS处理图片
利用FIREWORKS处理一些图片和制作一些GIF动画图片
经验总结：
利用Dreamweaver做ASP动态网站主要为以下几步：
①网站服务器配置
②数据库设置
③数据库显示
④建立注册系统
⑤建立登陆系统
⑥美化网站
2.实习心得
{要求500字以上}
l 过程、功能需求、菜单设计、界面设计、数据库设计、知识的应用技巧、团队合作感受等(指导教师可按实习内容进行要求并自行增加内容)
本次小学期期实训，我们小组主要制作了2个动态网站,而制作这2个动态网站的主要过程是：
⒈个人博客网站
①站点的定义
②数据库的连接
③制作站点搜索引擎及搜索结果页面
④制作日志列表
⑤制作BLOG首页面，基本页面设计
⑥定义并绑定记录集
⑦界面的美化
⑧设置重复区域
⑨指定日期的日志内容页面
⑩日志具体内容页面-日志内容和回复及日志回复功能
⒉电子商务网站
①站点的建立和连接字符串
②用户登陆及用户登陆信息显示页面
③错误信息页面设计
④创建模板
⑤添加登陆页面的嵌入框架
⑥用户注册页面的实现
⑦添加“密码”比较验证的代码
⑧制作最新产品导航条与滚动产品导航条
⑨产品展示的实现
⑩用户购物车：限制用户登陆、添加购物车程序、购物车链接、删除购物车 而这2个网站实现的功能大不相同，前者为一个博客网站，主要实现了站点搜索引擎、日志列表、站点日期等内容；后者为一个电子商务网站，主要实现了用户登陆、用户注册、密码验证、产品展示以及用户在线购物等内容；刚确定制作网站的时候，本设想将2个网站整合在一起，但由于技术和其他原因，这个目的没能实现。
制作动态网站，数据库最重要，在我们小组这次制作网站的过程中，花时间最多的地方就是数据库-数据库的建立、数据库与网站的连接、记录集的绑定、数据
库安全等等，由于时间的关系，我们小组这次采用的是Acess数据库，它与其他数据库相比较相对来说操作比较简单。在数据库的制作中，这次我们小组遇到的难题主要是采用OLEDB连接数据库的方法，这个难题的关键之处是在于如何利用 Provider 参数来创建 OLEDB 连接，我们在网上搜索了大量资料并在XX老师的帮助下终于学会了如何使用OLEDB连接数据库。
总结这次小学期实训，这次2个网站能这么顺利的完成，离不开老师的帮助和小组成员的努力，虽然这次小学期实训我们小组只有2人，但是我们是一个有效率、有组织、有团队精神的小组，有效率在于小组制作网站中分工明确、讨论有目的；有组织在于小组成员能按时、有质量的完成自己的分工任务，值得一提的是这次小学期网站开发的大部分时间在小学期实训教室而我们小组成员还从未擅自旷课、上课迟到、早退等违纪行为；有团队精神在于我们小组实训过程中的共进退，从不因为自己分工任务提前完成而拉下其他组员，我们意识到小组是一个有组织、有记录、有共同目的的集体而不是一个由分散的个人组成的团体，在这次小学期实训中之所以提出小组分工这是锻炼小组组员的个人能力培养，而帮助有困难的组员这充分培养了组员之间的默契和团队协作能力。
为期两个星期的实训已经结束，通过这次的实训，我懂得了什么才是理论联系实际，实践出真知。实训伊始，我们学的是关于电子产品生产、工艺与管理的理论知识，接下来的时间我们就开始了电子产品的制作工艺实训，而此次我们要做的是音频功率放大器。这不仅是简单的拼装，还包含了多种知识与技能的训练，如电路图识图能力、元件识别能力、电阻值的读取能力、安装焊接能力、万用表运用能力、器件的选型等等。给平日只学理论知识的我们以很好的实践机会，让我们在自己动手的过程中逐渐掌握一些相关的知识，于无形之中，提升自己的动手能力，也给了我们在课堂上简单的理论中学不到的东西。
实训期间所学到的知识远比课堂上学到的让人清晰深刻，让我们能一下记住很多平时容易忽略的东西。在此要感谢学院领导对我们的关心与支持，感谢学院为我们拨付了大量的资金购置器材，分派了资深的教师来指导我们。现场指导老师不厌其烦的讲解，强烈的责任心让人感动，也让我们学到了许多许多。在指导老师的耐心指导和鼓励下，我掌握了很多知识，我将从以下几方面来说说实训期间我所学到的知识以及相应的体会：
此次实训我们的主要课程内容有：了解常用电子元器件及其检测知识、电子产品装配中的常用工具和基本材料知识、电子产品的焊接工艺、装配工艺、调试工艺以及生产管理方面的知识，音频功率放大器印刷电路板的设计、制作和检验，音频功率放大器的焊接、装配以及调试，通过对这些知识的学习使我明白了企业生产管理的严格，同时也加强了我对电子设备的制作和维修能力，我非常感谢梅老师不遗余力的给我们讲述了相关的理论知识，同样，没有陈老师的现场指导我也绝不可能腐蚀出我人生中的第一块印刷电路板，谢谢你们！
我们此次实训的主要元器件有：色环电阻、电容（瓷片电容、电解电容）、变压器、二极管、三极管等，色环电阻就不做过多介绍了。电容则主要分为电解电容和瓷片电容，它们之间最重要的区别是：电解电容有分正负极，而瓷片电容没分正负。电解电容除了有正负极之外，还有一个重要的参数：耐压值。电容的耐压值有10V、16V、25V等，新电解电容有两个脚，短脚那端为负极。三极管主要是要学会怎样看它的C、B、E 极，三极管是半圆柱形的，而且有一个壁，三极管朝上，面对着壁面，从左往右，依次是 C、B、E极。
同时我们还要学会使用万用表，万用表主要是用来测量交直流电压、电阻、直流电流等的仪表，我们在实训的过程中，主要是用万用表测量电阻和电路中五个点的电压值。色环电阻有些颜色看不清楚就用万用表测一下，以免焊接上不对等的电阻使电路烧坏。使用万用表时要注意的几个事项 ：1）在使用万用表之前，应先进行“机械调零”，这是很重要的步骤；2）在使用万用表过程中，不能用手去接触表笔的金属部分，因为有可能会产生误差，使测量的结果不精确； 3）在测量某一电量时，不能在测量的同时换档，尤其是在测量高电压或大电流时，更应注意。熟悉了注意事项，在测量的时候就可以减少不必要的麻烦出现。当色环电阻读不出来的时候当把整个板子组装完后，根据实训手册的要求要算出指定的五个点的电压值，通过之前的学习我很快的测出了电压值。
以上这些都是通过实训所得，边动手边结合理论知识，更好的掌握了知识。把各元器件的工作原理掌握了，也更有利于焊接过程顺利进行。
手工焊接是一项实践性很强的技能，在了解一般方法后，要多练；多实践，才能有较好的焊接质量。因此我在开始焊接的时候，采用了教科书上手工焊接的四个步骤：①准备焊接：清洁被焊元件处的积尘及油污，焊接新的元器件时，应对元器件的引线镀锡。②加热焊接：将沾有少许焊锡和松香的电烙铁头接触被焊元器件约几秒钟。③清理焊接面：若所焊部位焊锡过多，可将烙铁头上的焊锡甩掉(注意不要烫伤皮肤，也不要甩到印刷电路板上！)。④检查焊点：看焊点是否圆润、光亮、牢固，是否有与周围元器件连焊的现象。在焊接时我们班有些人虽然焊接的时候焊锡加了很多，但有可能都没包住焊点。而且焊锡量过多，造成元器件的焊点之间短路。有的人怕焊坏，烙铁一碰就抽起来，这也是不可能焊好的，焊锡都没有充分熔化，而且很容易假焊。焊的时候手会有些不自然或者说技术不够，不是焊锡加多了就是过少了。不管怎么说，整个焊接过程给了我们很大的鼓舞和对实训产生更大的兴趣，这是一个核心部分，在实际动手的同时也教会我们耐心和细心，我想这是平时课堂上学不到的。也为我们接下来的暑期实习起到了一个很好的铺垫。
当把实训所要求的电路焊接完，就只剩调试了，我把所有的其余部件都装了上去，经过测试，数据有异常，经检测原来是同学发电阻时给我发了错误的元器件而我装接了上去，后来我找到相匹配的并将之换下后再次测试，数据基本正常，我深深地舒了一口气，两周的时间做完这一系列工作还是比较紧张的，但是我还是如期做完了份内的事，希望在暑期实习时我能有比现在更好的成绩以不负学校领导和我们的任课老师对我们的期望。
电子1034班
1 教学目标
从竞赛角度讲, 赛前培训教学的目的主要是使学生在竞赛规定的时间内较好地完成竞赛所要求的各个环节的内容, 即不仅要完成电子产品制作的任务, 而且要提高制作的速度;从实训技能上讲, 通过电子产品的制作, 不仅可以提高电子技术理论水平和实际动手能力, 还可以更深刻地理解电子学原理, 熟悉各种类型的电子单元电路的工作原理及应用功能, 掌握各种电子元器件的特点及在电路中的作用, 深入了解电子电路在不同工作状态下的特性;从素质能力上讲, 因为竞赛中要求两个学生一组来完成电子产品的制作, 所以通过分组配合可以培养学生的团队协作精神, 锻炼学生沟通交流能力, 另外, 通过对项目的分析和制作, 可以提高学生分析问题和解决问题的能力。
2 教学内容
2.1 教学内容安排
电子产品的制作涉及到电子技术专业多门课程的内容, 如电子技术基础、PCB制作、电子工艺与技能等, 是这些课程的融合。该研究者设计的教学内容是按照电子产品制作的流程展开的, 电子产品制作的流程基本上可概括为四步:识图→制板→焊接→调试, 故教学内容也主要分为这四个方面, 另外, 在识图与调试部分还加入了电子元器件识别与测量及数字万用表和示波器的使用。具体安排如表1所示。
就上述四个部分的教学内容, 结合教学实践该研究者总结了每部分内容在电子制作过程中常见问题及应注意的几个问题。
识图部分:对电路原理图的读识为后面进行电路的调试做铺垫, 如果电路在最后调试过程中存在某些问题, 对电路图的正确理解能够帮助你迅速找到确定电路的故障点并进行有效的故障排除。识读电路原理图的一般方法:先找出单元电路的输入端和输出端, 再分析各单元电路之间的连接情况;先看单元电路的类型, 再分析各元器件的作用。
制板部分: (1) 绘图软件选用的是Protel99 SE, 这是常用的电路板制作软件之一。用该软件在原理图设计中容易出现的问题是:在载入网络表过程中提示错误”Error:Note Not found” (找不到电气节点) , 出现这种错误主要原因之一是元器件的原理图符号与元器件封装之间的对应关系不正确, 如普通二极管原理图符号的引脚序号为1、2与元器件封装的焊盘序号A、K不能相对应。修改的方法可以选择修改元器件封装, 将二极管的焊盘序号修改为1、2。 (2) 在对元器件进行布局时, 按照原理图中元器件位置和信号传输方向进行布局, 这样在后面对电路板布线时容易布通。 (3) 焊盘尺寸的设置不宜过小, 否则焊接时元器件不易与电路板连接上。 (4) 电路板电气边界的设定要略小于电路板尺寸, 这样可以避免有的元器件焊盘处于电路板的边界上, 元器件安装时会超出电路板边界。 (5) 显影蚀刻的时间大约在半个小时, 竞赛时间为三个小时, 所以实际可操控的时间只有两个半小时, 在竞赛时要把握好时间。
焊接部分:焊点质量的评价方法是焊点应该是圆锥形的, 且焊点光亮, 无毛刺、无虚焊现象。焊点的焊锡量应合适, 焊接牢固美观。
调试部分:电子制作中常见故障为接触不良, 关键点是查找故障的入手点, 利用关键点查找到不正常的电压、电流后, 通过分析, 把故障点缩小到某电路的范围直至具体元器件。
2.2 教学重点及难点
“电子产品制作与调试“技能大赛分值安排与总体要求如下: (1) 原理图绘制 (20分) , 要求利用绘图软件绘制电路原理图, 并提交电路原理图文件; (2) 制板 (40分) , 要求利用软件进行PCB绘制、元件封装绘制, 并利用多功能制板系统进行电路板制作; (3) 焊接调试 (35分) , 要求在制作好的电路板上焊接现有元器件, 并进行必要调试; (4安全文明生产 (5分) 。根据上述竞赛分值安排和总体要求可以看出原理图绘制和制板是两个最重要环节, 这是教学的重点, 而这两个环节中制板是难点, 而制板环节中最重要的是绘制出PCB电路来, 这是教学的难点。在PCB图绘制过程中, 对于系统封装库中不存在的元件封装要进行绘制, 其要与实际元器件相对应, 这需要准确测量引脚间距, 否则焊接时元器件无法插入电路板, 另外还有容易出错的地方是PCB图上三极管的E、B、C级位置要与实际三极管三个电极的位置相对应。
3 教学方法
该校学生理论基础较差, 缺乏学习热情和积极性, 而且在培训阶段, 电子产品制作涉及到的有些课程还没有开设, 故在教学方法上该研究者采用任务驱动法组织教学, 按照先易后难、由浅入深的原则, 精心选取了电子电路中常见的六个有趣的 (带闪光的、有声响的、带动作的) 典型电路, 通过对这六个电路的制作来让学生体会整个电子电路制作的过程。
把这六个电路按照上述循序渐进的原则, 分三个阶段来完成:第一阶段, 选择的是元器件较少、结构单一由分立元件构成的简单电路, 涉及到电路有报警电路—断线式防盗警报电路、门铃电路—延时电子门铃电路、电源电路—电池充电器电路;第二阶段, 选择的是包含集成电路的简单电路, 涉及到电路有开关电路—触摸延时节能开关电路、5 5 5定时器电路—手控蜂鸣器;第三阶段, 选择的是元器件较多、包含集成电路的中等难度电路, 涉及到电路是声光控楼道灯电路。上述电路都是常见的典型电路, 很多资料都可以查阅到, 再加之篇幅所限, 所以不在文中给予电路图。
4 教学进度安排
需要说明的是实训课程以学生动手操作为主, 教师只是起到引导及辅助的作用, 所以教学进度可以根据学生制作的进度做适当的调整。如表2所示。
5 结语
经过这八次课的学习, 学生们能够基本掌握熟悉电子制作的流程及方法, 并提高了学习的兴趣。在竞赛过程中, 参赛学生基本完成了电路的制作, 但在电路分析及测量方面还存在一些问题, 故在今后的教学中这些方面还需进一步加以完善。另外, 还想强调的是竞赛不是目的, 让学生掌握电子制作的实际操作技能才是真正的教学目的。近几年来, 电子产品的制作工艺、制作设备及制作技术、制作速度都有很大的提升, 这些都给电子产品生产、制作人员的知识更新与技能提出了更高的要求, 同时这也要求教师要不断更新所学知识, 培养出符合现代职业技能要求的学生。
参考文献
[1]张宪等.电子电路实用手册—识图、制作、应用[M].北京:化学工业出版社, 2012.
[2]孙余凯等.电子产品制作技术与技能实训[M].北京:电子工业出版社, 2012.
[3]符熠.技能大赛对高职课程资源建设的促进作用[J].天津职业院校联合学报, 2014 (9) :98-101.
通过这次实训对这门课程的学习，做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。所以我得出一下总结：
一、准备资料和挑选符合目的主题的合适素材
做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。
二、规划好整个网站
主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。
三、善用图片，增强艺术效果
我记得老师说过网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
四、善于借鉴他人主页制作中的设计技巧
【网页制作实训】推荐阅读：
网页制作心得免费05-28
网页制作设计报告07-04
动态网页制作心得07-14
网页制作课程设计定07-22
网页制作心得体会10-11
管理信息系统网页制作步骤10-11
《网页制作与网站管理》培训总结05-24
网页设计与制作实习日记07-25
网页美工设计制作岗位职责06-29
网页设计与制作的应用论文10-07
