Web前台开发.docVIP

实训成绩 批阅教师 日 期 实 训 报 告 课程名称 WEB前台开发设计__ __ 专业班级 _______ 学 号 ___ ____ _ 学生姓名 _________ 指导教师 _________ 实训地点 _____ 2014 年 12 月 7 日 目录 一、实训目的 2 二、实训项目 2 三、实训过程 3 四、HTML、CSS代码 4 ①主页html 4 ②日志html 6 ③相册html 9 ④404NotFound html 12 ⑤CSS代码 13 五、网页的部分截图 17 （1）主页部分 17 （2）日志部分 18 （3）我的相册部分 18 （4）404NotFound 19 六、心得体会 19 一、实训目的?? 1、进一步熟悉和掌握网站建设的基本流程和技术规范；? 2、?巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；? 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；? 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；? 5、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；?? 7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等），为今后从事网站开发、维护和管理奠定基础。? 二、实训项目? 个人空间的建设。 三、实训过程? 1．资料的搜集。 2.熟悉制作步骤。 3.构建站点框架。? 4设计主页及二级页面。? 5实现网页间的链接? 链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。? 6整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，天水简介，天水历史，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。 再后是收集资料与素材，大量浏览相关网站，收集关于天水的一些事迹历史图片，好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。? 首页内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面清爽。首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：? 简洁实用:?这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求:?布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档?次。当然雅俗共赏是人人都追求的。?利用我们所学的框架集，制作更完美的页面。还有，在做超链接过程中，明明在页面属性里设置的是超链接的文字是原色，点击链接后也是原色，可一链接上就变色了，想了老半天，也做了很多研究，实验，终于知道怎么回事了，原来应该对文字所在的单元格整体做链接，而不是只选中文字做链接。? 制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用，操作，可这样要修改模版可就麻烦了，要一个网页一个的修改，于是赶紧上网学习相关内容，阅览书籍。?这只是在制作过程中出现的问题之一，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加