网页制作实训个人总结.doc

个人总结报告题 目： 网页设计与制作 专业班级： 组 长： 组 员： 指导教师： 迄止时间：2011年 12 月 20 日 2011年 12 月29日 2011 年 12 月 29 日一、课程实训目的及要求1.意义和目的网页设计与制作课程实训是该课程教学中的一个重要的实践性环节。通过两周的课程实训，使学生进一步掌握网站建设的步骤和方法；掌握综合运用Dreamweaver、Photoshop、Flash等软件使用技巧，掌握相关知识和行业的相关标准，从而制作出相应的专业站点。并进一步提高网页制作的综合能力和团队协作精神，以便为将来能够获得就业机会，提高个人的综合竞争力与社会适应力。2.基本要求1) 课程实训可按小组进行（在校实训同学，或在同一单位实习同学），也可个人单独完成（在单位实习同学），分组实训的同学每组成员不得超过3人，由一人担任组长，负责组内的分工协调和总体方案设计，其他组员必须服从组长的安排，组长不得以任何借口不安排组员的工作而独立完成。2) 按“设计内容”中的要求，建立一个小型的专业网站或个人网站。各小组独立完成各自网站的设计及网页的制作。3) 每位同学要发挥各自的主动性，设计并开发出各具特色的网站。4) 如按小组进行实训的同学，小组中各成员要有明确分工，每人负责部分网页设计与制作，但要注意整个网站的风格一致，以及各网页之间的联系，加强协作精神。5) 各网页要先独立调试，调试通过后再测试整个网站。要掌握网页调试的方法和技巧。6) 上机时要遵守机房的规章制度，不得玩游戏或看电影，爱护实验设备。2设计内容及设计要求根据个人的喜好和兴趣，自选题材建立一个小型的专业网站或个人网站。站点构建工作流程和具体要求如下：1) 站点设计： 网站栏目规划（栏目的名称、内容）； 网站的目录结构和链接结构（网站的导航结构图）； 网站的风格设计（标志、色彩、字体、字号）； 版面内容编辑（文字内容、动画图片）等； 收集资料（图片、文字、其他相关素材）； 网站制作。2) 开发网站的网页应该符合下列要求： 要有统一的导航栏。 网站中要有滚动字幕或滚动图片。 网站中要有flash动画效果及其他动态效果。 网页的布局可以采用表格、框架、网站地图、图片热点链接、样式表等任何形式。 网页的连接层次不应小于2层，但也不要大于6层，网页之间的连接应使用相对路径，不要使用绝对路径。 具体文字内容各组可根据自己的意愿自行决定。 每人制作的网页数应不少于10张网页。 网站首页命名为index.html二、网站设计结构图网站首页小店首页小店简介产品展示售后服务友情链接上装下装周边产品工作时间售后服务首页简介上装产品下装产品周边产品友情链接三、网站功能描述以男装产品为主题，制作了一个名为Simple的网站，来宣传男装产品。四、网站设计1. 确定主题。制作网页,首先是确定主题，进过考虑，确定以Simple为网店名的男装店建立网站。我此次建立的是一个男装店，所以网站基本以黑色为基点，适当的穿插了一点绿色作为点缀，让整个网站既不缺男装店的成熟基调，也不缺年轻人的阳光。2. 设计主页。主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一版块都有其个性，清晰明了，便于阅读浏览，我构思大致分几部分，首页，小店简介，产品展示，售后服务，友情链接这几个板块，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。确定导航栏的各个分类标题之后对于建立二级子网尤为重要，运用Photoshop CS3技术来设计出导航栏，将整体的主页效果建立起来。3. 资料的搜集。主页的导航栏设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，我们采用大量的资料收集再对资料进行塞选，得到最适合导航栏内容的资料。素材的选择，要符合网站的主题，图片的大小要符合模板的轮廓，我们将不符合模板的用Photoshop处理编辑，然后放入站点底下，进行图文的链接和排版。4. 建立模板。此次网站建设中我决定大量运用模板，运用模板对于建立网站提供便利同时也减少了大量的工序。5. 各个子网页的建立。设计好模板后只要在可编辑区依次编辑所需资料就可，运用模板建立子网页少了很多工序，节省大量的时间。尽管我们建立了模板，但在建立子网时需要很小心，因为一张图片的大小插入就有可能破坏整个模板的结构尤其在使用表格时，因此我们对所插入的图片和表格都得进行测量，做到不影响网站整体的美观。6. 实现网页间的链接。做好各个子网和首页后，接下来就是通过模板的链接，将整个网站中的网页链接起来，做好这一步后，网站基本算是建好了。7. 向静态网页插入动态效果。在基本建好网页中的插入图像查看器，制作其动态效果，然后在网上进行flash素材的收集，插入到静态网页中，使网页更加生动形象。8. 过程中遇到的问题。模版应用到各个子网页时，子网页中的flash素材不能正常播放。但是模版中能正常播放，经过反复尝试后，将子网页脱离模板后，flash素材可以正常展示了。五、总结经过这几天的网页制作，我学会了很多新的知识，更掌握了新的技能，让我觉得受益匪浅。制作过程中，我参考了淘宝网中的一个服装网站，简单的制作出了网站的框架。利用所学的模板设计，制作更完美的页面。将动态网页与静态网页结合起来再后，调试过程，好多次本来在Deamweaver CS3里好好的，把字调的好好的，位置很对，可在浏览器里御览就出毛病了，不是靠上了，就是靠下了，很不老实，经过再三调试，整理，加了好多表格，终于满意了。简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调。布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏