2022年《网页设计方案》大作业设计方案说明书.docx

《2022年《网页设计方案》大作业设计方案说明书.docx》由会员分享，可在线阅读，更多相关《2022年《网页设计方案》大作业设计方案说明书.docx（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精品学习资源网页设计与制作工程实训大作业选题名称： 伊人网的制作与体会 设计人： 李薇 班级： 软件工程 081班 学号： 8000108025 欢迎下载精品学习资源设计说明书 :一选题的分析南昌高校软件学院2021.元欢迎下载精品学习资源1. 我是怎么想到做女性网站的？作业刚布置下来的时候，我心里千回百转过许多念头，做什么网站能将我们学过的学问全部都用上呢？貌似除了作为模板教案的购物网站就没有其他更好的挑选了，可是连续做教案时学的淘宝或拍拍太无新意，不和我意；想来想去，仍是没有中意的方案；可能是白天想这个想太多了，我晚上竟然梦到了我欢迎下载精品学习资源要做的，就是易物网站；不知老师是否记得一

2、个曲别针换一个大房子的事，这就是我要做的易物网；最终得到了一个让我中意的方案，很高兴；可睡醒了认真一想觉得仍是不行，可行性不大，于是我舍弃了这个方案；当时已经是实训最终一天了，在终止实训的时候，我突然灵光一闪，打算做一个女性网站；第一，一个女性网站针对了我的特点，是我想做的，也是我感爱好做的； 其次，一个女性网站可以包括购物频道和 bbs频道，可以充分将我学到的知识运用上去而又不免于流俗；2. 我要表达什么内容，如何绽开设计？打定想法便开头设计；这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到许多对自己有用的信息；为了达到放松的目的，网站的主色调采纳暖色系，

3、主打粉色系，看上去暖和活泼时尚舒服，让人有一探到底的欲望；而为了同时达到对女性自身有益的目的，我在挑选网站内容版块上下了很大的功夫；女性最关注的是什么呢？是她们的感情与魅力； Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，相互勉励和帮忙，仍能沟通日常生活美容服饰等）的小信息；购物频道能让满意女性爱买东西的天性；我的购物频道定位在价廉物美，为女性们供应质量好能让他们放心的好珍宝；二如何运用网络的优点进行更好的表达网站的版面风格暖和舒服，颜色主打暖色调，又以粉色系为主，简洁明白，大方舒服，以达到让平常劳碌工作和家庭的女性放松的功能，让她们对网站产生归属感，一个累了能让她们放

4、松的地方；放松有时候也需要伴侣，网站的论坛就供应个这样一个让女性们相互明白熟悉的场所；她们在bbs里明白相互的故事，给对方供应自己的看法，沟通平常美容护肤的心得，相互晒晒对方保藏的美男，不亦乐乎；由于网站的定义仍有时尚，所以要求网站的多媒体强大；我打算运用 flash图像查看器，弹开窗口，浮动窗口，超链接等增加网站的多媒体化；三网页的结构与分解每页的结点如下图；欢迎下载精品学习资源登录注册购物车运算伊人购物美容护肤品区彩妆香水区弹出广告首页欢迎界面登录注册伊人话题情感效应消遣前沿旅行户外购物注册注册胜利话题登录首页注册四网页所采纳的技术网页是使用 dreamweaver xm2004制作的，采

5、纳了表单，框架集，css样式表，层，行为，模板， JavaScrip等t将设计与编写代码一起制作完成的；五网页设计日志欢迎下载精品学习资源网页设计之中显现了许多问题，这是我始料未及的；制作网站的一开头，由于我想做的是一个自己的网站，网站的logo就成了 我一个心头大石；想要制作一个动人的，能抓住别人眼球的logo要使用 photosho p，可是我对 Photoshop不甚明白，而要我在原本就拮据的做网站的时间里挤出时间来学习 photoshop，这实在不是一个什么好想法；我想了很久之后，打算使用powerpoint的艺术字功能外加截图完成我网站 logo的制作；结果出来之后，虽然没有达到我心

6、目中的想象，但是相比我什么都做不出是好上千倍万倍；解决完网站 logo问题之后，我又遇到了网页规划的问题；我原本方案是做一个女性门户网站 伊人网，包括欢迎界面，首页，伊人购物，伊人话题即bbs），伊人读书，伊人blog和登陆注册页面总共 9个页面的，可是我制作网页的速度是在赶不上时间消逝的速度，第一天我从下午六点开头做做到凌晨2点总共 8个小时里，就做了欢迎界面，一个简洁的首页和登录注册页面，而这四个页面仍并没有完全达到 我要的功能，例如 JavaScript的表单验证；我暗暗心惊，觉得自己为自己制作的目标可能太大了点，于是我打算其次天依据进度来调整网站的内容；其次天我 从下午三点开头始终做到

7、凌晨三点，最终将网站的大体内容做出来了，由于第 二天已经是 16号了， 18号要交作业， 17号由于考试不能一天都花在制作网页上，而且 17号晚上仍会断电，不能熬夜；于是我打算将伊人读书和伊人blog的版块删去；此时我拥有了欢迎界面，首页，购物页， bbs页面，登录页，注册页， 注册胜利页，和购物车运算页；除去欢迎页面，购物页， bbs页并未采纳模板技术，其他页面均采纳；购物页面是个框架集页面，其中包括 5个子页面， topfra me，leftframe，mainframe和两个不同的 rightframe被leftfrrame链接）；最终面临的是页面美化问题和功能问题，我将我们上过的课件都

8、浏览了一遍，争取将学过的技术都运用上去，结果发觉时间显示，表单验证，浮动窗口等等一大批以 javascript为首的不会做的技术不能运用，心中甚为郁闷，鉴于18号就要交上作业，内心打算在寒假里再认真钻研达到能运用自如的阶段；自身点评这是我第一次做出有有用功能的东西，内心不行以不为兴奋；刚开头实训的时候，心里不以为然，觉得怎么样的东西要我们花整整七天不间断的上课来欢迎下载精品学习资源把握，心里觉得确定很累很没意思；没想到我们学的是制作网站；到底现今的世界是信息化的的世界，随着运算机技术和通信的技术的高速进展，互联网从而得到了长足的进展，同时使得互联网在人们的工作生活中越显得重要，成为了必不行少的

9、组成部分；现在网上购物、远程训练、远程医疗等都是其应用的最好证明，更进一步来说互联网的应用推动了生产力的进展，改善了人们的生活水平；互联网的应用离不开形形式式的网页、网站，要制作一个受欢迎的网页不仅要内容充分、独具特色、适合大众的口味，更需要一个引人入胜的界面，无论从排版、文字、图案、结构等要素都要组合成一个有机的整体，让网民一进入网站就能引起其留意；实训第一天，老师教的东西就引起了我们的爱好，虽然很简洁，虽然很朴素，但是很高兴，觉得自己也能做点有用性强的东西了；所以当知道实训终止时我们每个人自己要做一个网站时，内心应当是雀跃的，自己也想看看自己到底能做出一些什么东西来；“知其易而行后难”，平

10、常在网上冲浪时是那么的自由、舍意，在享受上网乐趣时却不知要制作出一个看似一般的网页却要付出很大的努力，无论从网页设计到内容的搜集都马虎不得，可能为了某一微小之处呕心沥血；以前我自己看到不是很美观的网页时内心非常不屑一顾，觉得这样的东西实在是也好意思拿出手给大家看，这几天我自己拼命做完我的网站时，虽然有一股成就感， 但其中更夹杂着愧疚感，我做出来的网页仍不如我以前自己鄙视别人的网页好看；从这次制作网页的过程中可以体会到，要制作出一个完整的网页第一要定 好主题，我们就可以环绕该主题取材，由于我们现阶段只能是制作一些简洁的 网页，网页的内容与功能不行能与一些大型的网站如21CN、新浪、 163 等比

11、较，假如没有了主题就变得内容空泛，根本无从着手；主题定好后就可以考虑 网页的结构，有一个好的、完整的架构就像一架飞机的骨干一样，才可以保证 网页的正常运行；同样，首页设计、整体的风格很重要；跟着就是要采集素材，一个网页只有内容丰富、新奇及更新较快才可留住网民，这是一项长期 的、艰难的任务；当你打开一个网站的时候，你是由于界面的美观仍是由于内欢迎下载精品学习资源容的需要你保藏在你的 IE中，我信任 80% 人是由于内容， 20% 中有部分是设计人员，由于界面的美观，互联网进展到今日内容为王的主题思想已经是不行以动摇的位置，由于网络进展的可复制性，内容就是打算你网站的一个主要进展点；对于一个网站来

12、说， flash的制作也很重要，制作一个符合网站主题的flash，能够起到一鸣惊人的成效；网页的整体布局可以通过表格来进行实现；左右滚动的图片，弹出窗口等特别成效，能够起到帮助的作用；网站整体风格的统一可以通过模板技术来实现；至此我的网页可以说是“麻雀虽小但五脏俱全”；虽然说我由于时间和实力问题，删去了我原方案中的两大部分，但是能做显现在的成果，我心里已经很高兴了；虽然首页很简洁，但是点击开来的购物频道和 bbs频道可是很丰富的，期望老师能一起看完，不要辜负我熬了三天夜的成果；从这次制作网站上，我仍明白了，或许看上去不怎么样的东西，正是别人几天的努力成果，不能妄加践踏和鄙视，由于没有成果也有汗

13、水；总而言之，这次的实训大作业不但让我更加娴熟的把握了我学到的学问，丰富了我的见闻，扩大了我的视野，也让我意识到了我的不足和可以连续进步的空间，更加让我明白了许多平常或许似懂非懂的人生道理；我可以很骄傲地说我从中把握了以前对我来说什么都不懂的东西；最终感谢老师的教诲，老师您也辛苦啦！网页打印稿全部不同风格网页页面均截图打印出来，并做简要说明如：该页面所采纳的技术、页面特色等）；我的网站包括欢迎界面，首页，购物页，bbs页面，登录页，注册页，注册胜利页，和购物车运算页；除去欢迎页面，购物页，bbs页并未采纳模板技术， 其他页面均采纳了模板技术；购物页面是个框架集页面，其中包括5个子页面， top

14、frame，leftframe，mainframe和两个不同的 rightframe被leftfrrame链接）； Bb s的三个链接均为锚点链接；另外每页的 “联系我们 ”为电子邮件链接；另打开网站时会弹出一个如下界面请老师点击答应，否就一些成效不会显现，感谢！欢迎下载精品学习资源这是我的欢迎页面，点击 enter可以进入，进入时播放音乐这是点击欢迎页面后的首页，简洁大方；“伊人网 ”logo是自身链接； “登录”，“注册”分别链接到相应页面， “联系我们 ”为电子邮件链接；首页应用了模板技术；“shopping和”“talking分”别对应伊人网的两大板块，点击图片即可进入；欢迎下载精品学

15、习资源点击“登录”时的登录页面点击“注册”后的注册页面欢迎下载精品学习资源注册胜利之后的页面，可挑选跳转到购物或bbs页面；首页点击 “联系我们 ”时的电子邮箱链接欢迎下载精品学习资源购物页面；首页点击 “shopping时”可进入；这是一个框架集页面；购物窗口打开时弹出广告窗口，页面中间是个 flash图像查看器，图片能变换；点击购物页面的 “美容护肤 ”，mainframe转变了内容欢迎下载精品学习资源点击购物页面的 “彩妆香水 ”，右边 mainframe变化点击购物页面的 “购物车 ”可进入购物运算器窗口欢迎下载精品学习资源伊人网的 bbs界面；从首页的 “talking可”进入；一行图片可从右向左滚动点击bbs界面的 “消遣前沿 ”或“情感效应 ”或“旅行天下 ”时的锚点链接感谢老师观看！老师辛苦了！祝老师新的一年虎虎生威，全部的节日都欢乐！欢迎下载精品学习资源欢迎下载