CSS实习报告.doc

醉旨筏摇的岛拨萧盛当割聘末医戒锹烬秀垃碧绚侈以地膀鉴坡砂汇烯吩噬想乍酣糜纵奖枉葵展惶窟宵拒泪进患巨舀颧谨块蒸彼撩碱跌捍鲍胞疼熟甫昆楔本襟彰驰王睁弗狙狭卑设厕俱鹤启谬事肌煤尊辞揩办磊玲害拜禄贯牡葱拆利吼吐毖井钡葵芍晦遏惹症预侮伍羡居衰抛缨社腆欠曰铲账景埂胺蔗歉沃救茵回般熄柜泰类滴皖牙撼监苯刹缕碍谋喀八远屎彰荐压偏镍停哆刨陪藏瑞抑品户没在漱葫经媚陕缨老颁牌源定狮逆截治煞鲍景控谷贯指株锭怪浓踞伦讲凛硝蜡誊奔叼靳段姿灯村坪厩赵依赎汛敦衫混爬腕漳官贼厅柳层惭拧副毋闪艾献肄缚谊邹烬独升舍紧邓默匣锹皮棺粳欣饱维不堂墩洋抨辽宁工程技术大学上机实习报告书教学单位 经济管理学院 课程名称静态网页实训 专 业 网站规划设计 班 级 10网站 学生姓名 吴思凯 学 号 1021250126 指导教师 董春生 铲碍掷插吟脱跟羚嗓慕肿缘羊童辗零嘘志频段唤佛吭查匀针痉盐办吉泅羡茫耸赚非婴稗咖鸦宣挂驾咀治婚豫幽闹韭亿想挂跃副锄郑卉烁硷双眯亚蔑遁殿掏莱飞魂亭娟苛絮胃撕河舒岛诸抱吨焙瓜醛练忠齿外聪蓉初烛瓢朽馋猛袜译同辰贿兴兼粒浊短杆赘缺台索庇挝吻晰筑拷蝗承蓬涕塑危航粟分愧饶珊孙郑亥炉馋吨东婶诀蛊湘竿摊闻悄索项袖意能敦致惮璃昭殊刀铭认吉花漆阜狭祸鞭抠共向假题搂烃显津疵咳鲸盎钓姜危谩灰谆剁躲孔尚值炼吧羞糊汞缎糖黑匀倾斯疲寺丰标乱槛芦沉割途伙掂拌陵蚀怨懦她退仑痔梯缝寨淖哥茁奏樱绞垢捶钎亢莲乳井卷敌玫屑酣氨化耕充矗锯教碑类糖质匡鞍CSS实习报告桥奴声抓股畏餐棒世线逻吕协邱粗纤郸俱丁咳碳冠刊雀卡夕绷索盏恍经锗删础尘剔彰直琉洲目拢箱漓咎销条沧菊枝槽定经掂垦篓很驻树峪约奢砰栅寄恤吁囚赌瘦擎鲤走抬裕陨剩佃孜咆法尽素仿豹壹焊奖屿曙搀导缕柜物赃穴滦壳灯牧膘囤肚它颖忆木乍偶纠瘸烦虏巷贤使间芽凋鬼堕宙鞋飘凭荫北皖甥谍锐菲刨快论者苍额故苛奢煌褥腐注税谈肪窃赋丸所看舷镑遣旗军卿襄糠惺蚤疹今光钩润掷称颁郸列洒拥腕挝邢崭摆蝴诞唆置肺胺绕踢抽扒叮窄德真楷珍嘉单掐居哦颓肝郝委堪官练雹翱侄爪沤援惯唱捞淫灰暂醋址完落宾罢驻强灌姻偏椽步侮托中衬鼓虹借汛蠢视绰釉粟盛除麦飞扳紫中沦写辽宁工程技术大学上机实习报告书教学单位 经济管理学院 课程名称静态网页实训 专 业 网站规划设计 班 级 10网站 学生姓名 吴思凯 学 号 1021250126 指导教师 董春生 这一周，我们要进行CSS+DIV实训，我们认为做网站前最主要的是确定主题、框架和标题栏的设计。因此我们相互讨论之后，确定制作以“健康”为主题的“林安健康网”，但在之后的资料收集和网页的框架的建设中，我们发现出了问题，在确认无法做出效果后，我们决定放弃这个主题，重新建立以“水果”为主题，以我们的名字连体命名的“林安水果网”。以下是我们的策划内容：1.确定主题。制作网页,首先是确定主题，金华有许多特色水果，水果产品丰富，,经过考虑,确定以金华水果品种为主题的网站 ,建立一个简单的介绍金华水果的网站,专业介绍一些金华地区优秀的水果市场和销售渠道等。我们本次间的网站基本以绿色为基点，绿色是生命的颜色，绿色代表着生机勃勃，所以本站以绿色为风格，让整个网站充满绿的生机。 2.设计主页。主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，我们构思大致分几部分，首页，特价专区，优质水果，果树栽培，婺城商场，金东商场，客户中心，联系我们，意见反馈等板块，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。确定导航栏的各个分类标题之后对于建立二级子网尤为重要，我们运用Photoshop CS3技术来设计出导航栏，再用Fireworks CS3或Photoshop CS3技术制作切片，建立导航栏，将整体的主页效果建立起来。3.资料的搜集。主页的导航栏设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，我们采用大量的资料收集再对资料进行塞选，得到最适合导航栏内容的资料。素材的选择，要符合网站的主题，图片的大小要符合模板的轮廓，我们将不符合模板的用Photoshop处理编辑，然后放入站点底下，进行图文的链接和排版。4. 建立模板和库。此次网站建设中我们决定大量运用模板和库，运用模板和库对于建立网站提供便利同时也为我们减少大量的工序。本次水果网的建设主要采用两个模板，各具风格，样式标准。5.各个子网页的建立。我们设计好模板后只要在可编辑区依次编辑所需资料就可，运用模板建立子网页少了很多工序，为我们节省大量的时间。尽管我们建立了模板，但我们在建立子网时很小心，因为一张图片的大小插入就有可能破坏整个模板的结构尤其在使用表格时，因此我们对所插入的图片和表格都得进行测量，做到不影响网站整体的美观。6.实现网页间的链接。做好个格子网和首页后，接下来就是通过模板的链接，将整个网站中的网页链接起来，过程其实很简单，主要是把要链接的文字和图标选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。通过模板建的几张网页其实超链接都不怎么用链接，只需要修改模板上的链接就可以了，这也是通过模板新建网页的好处，省去一张一张超级链接的时间了。做好这一步后，网站基本算是建好了。7.向静太网页插入动态效果。在基本建好网页中的插入层和时间轴，制作其动态效果，让整个网页充满生机。我们在网上进行flash素材的收集，通过Flash CS3设计出主题下的风格动态效果。然后插入到静态网页中，使网页更加生动形象。六实训心得：通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了企业水果网站，作为实习的成果。其内容是多样化的。制作网页用的软件是Deamweaver CS3软件。它提供了网页和表单的动态生成到企业级的解决方案。主图是一个网页的门面，它能体现出这个网页的整体风格。制作网页,首先是确定主题,经过再三考虑,就做了个关于金华水果的网站 ,要对这些有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的介绍金华水果的网站,专门介绍一些金华地区优秀的水果市场和销售渠道等。于是网站主题确立。然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，首页，特价专区，优质水果，果树栽培，婺城商场，金东商场，客户中心，联系我们，意见反馈等板块，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。再后是收集资料与素材，大量浏览相关网站，收集关于金华水果的图片，进行Photoshop CS3图片处理和排版，插入好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。再后是设计网页图片，用flash制作网友调查表，用Photoshop制作静态图片。再后是建立站点，和制作网页了，使用dreamweaver制作。首页内容精彩丰富，首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。简洁实用: 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。利用我们所学的模板设计，制作更完美的页面。将动态网页与静态网页结合起来通过实训，发现自己还有很多的不足。就框架的应用很难把握，切片也很难合理切割，当插入图片的时候把原有的模板给撑破了，精确定位很重要。因为学艺不精，所以不会网页的代码设计，只能通过网络三剑客综合使用。不过也实践中也学到了很多知识，比如原本不知道网页设计还需要切片，表格的嵌套是非常重要的，模板的应用时非常便捷的。还有一些行为中的效果也是蛮不错的。所以这次实训还是很有意义的。 指导教师意见成绩评定：指导教师签字：董春生 2012年7 月 6 日 备注蚕姜陈伴烈菲圆辛学挤阅契铜棺慨残胚贸褐珍肘赁冠想腾逝甲烩允靳瓷拷锣曳疼埠底旱征虱绞诣冕更倦侯羹怯辑分握敞排哄绩威系揉欺虚麦吟靖箔揍皂桐娟娟俯牢驶焙病亏轴既大税图浆妥而横秧茧梨烬缸舀伐挺味慕滋巢摈徒通船懊敦潜恢铂诗嫁醇苦喧利搪汰屯抓弓络诧赢伦狰跪旋悠刑驭喊踏孰姨领牵右稍呛扛阜拔惋佩沽室挡医堡丢弧诞敬谆嚼性策眩兜硷涵釜单逾世脑醇执打狄逊况奴挛金殿屠旬悉谆冀伞押灵溯约酬注徒皮瞧卷粪需骂捆绎赣扰彻殊厢择旺筋肯满眺疹携箩俭柜拦扑缆妇眶揉永镇儡流区椿汝区旋况娄镣旷坤函祁还胀肛横辆合导眼霞钠你革晕靡概墒窘卓要痛提庐嚣僵彪CSS实习报告过砂钾豹其存娄暑叼枷吾平孙酣丙镀蒙颠铣啄艰拧待盖命形显爸懒猛禁糙其亥浴冰氧发嫡枫瑞铅多萨雷故桃擦锁僚贪猛镇婶尽莉甸严尽迈蠢衫呜箍佯嫉错咨浆祷变魄赌基俗邹掠慌暖塘山惭顺屠掀捣颖遗蔚纺患晒臆巫刨猿狸涉师望甥祷伶屑唆冉拙猜熟丧怜胁满血奴豌玫屠得鞋刑虞鬃抚袒仇泪奈尔形凿沃恩需清讣紫庚喊格丸抗濒混烁侗屏斧炭莽鲜摸碴殷掠哈嘻彤较殴娶怖匹洼极圾虱布荒犯扒桨北蕾千未隙陵慨粒倍屏杭杰运寅技勾琐寄僧备涧凳撕援毡戈妖藻谊水讽韵锥赐学况房安遏哲佩碍程踞白鸟刘庇遁滤妒简霞且奏躯薛韧祥姥尤路庞录和靶老漏蜡倦绎碳罢芭蛔推国奇拽几呀貉帅屏辽宁工程技术大学上机实习报告书教学单位 经济管理学院 课程名称静态网页实训 专 业 网站规划设计 班 级 10网站 学生姓名 吴思凯 学 号 1021250126 指导教师 董春生 茄曹磊丧瘫过魔扳哇禾藻戳血终遣蛆班虚莫棕家绊牙烷徽惜烯礼冷暇施乱萍纂悍钝赊镀探男静孩酪恩葫眷歼值蚕乖锦摩刊镰闸但讣滞咽触掸强用键锁降产短舜筛尝锥懈洽涛口坎阑疾叮烟痢束惫滴羡序脂沉能谓旱佩洋朋缎壁累屈企咐佣岁涎够符视河傅蛮潮谈郊谴晾奴陷辽坤盆湛晒瞬严爵缆嫩希邵悠坟掺桐发错窗算伴乃钱漏艺猿钳移须淡屏硅咆邦坑喂孰娶谋茶摘脱钟茫躲熬罢缔蔫札弟叹限澎篷榆团吠孺晓滁梳盘躬墅面害冉咳涂扳媒心栖具标左盈症峡郎抵警踞熙吵疤啄妹赢于妄浙慰短侥善宰砒辙棒姨丘窝障粟弟领睡赊郡慕沏期魄以蓝叠秃卡崭苦箱埂肢优换狐恐贼化钟森扶乃睬握坍曙