2019年网页设计开题报告.doc

网页设计开题报告 在经济迅速发展的今天internet显得更为重要它是人们发布信息与传递信息的重要渠道为了与社会发展同步为了让我们成为真正的技术性人才学校在本周为我们安排了维持一周的网页制作专用周是实习让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足下面就谈谈我在本次专用周的主要感受 一、网站整体规划要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容 1.讨论网站的主题 网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息因此我选择了我选择我最喜爱的服饰来为它做网页在平时我也对服装的网页比较关心无论是淘宝网上的衣店还是各种品牌装这次我是为“易菲”服饰做的网页 2.定位网站的ci形象“易菲”植根中国文化之精髓汲取自然禀赋之灵性形成一个既有浓厚文化底蕴又有现代自然人文气息的特色品牌“易”即是容是包容是宽容是五千年中华民族的文化精髓是厚德载物是对人性宽度的一种拓展“菲”通非是生机、是个性、是春意盎然、是自强不息是对人性深度的一种挖掘“生活如花自在快乐”是yifini易菲的设计理念倡导一种与自然和谐相处如花儿绽放般美好舒适、自在快乐的生活方式这也便是我网站的ci形象 3.确定栏目和板块 于时间的关系在本次我准备做四张网页：一张主页三张二级页面分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色 2.网站的整体风格和创意 整个网站的创意就在于颜色的搭配与各种图片的搭配它们相互辉映相互衬托以便达到表现其品牌的和谐之美、自然之美我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性在设计上yieini易菲推崇“自然美”将带表女性气质的花卉和自然元素融入设计之中充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围力求表现悠闲、舒畅、自然的生活情趣因此我用天空与自然的颜色来表达这张自然之美、和谐之美 二、网页制作的前期策划与准备在本阶级主要有两方面的工作 1.资料的搜集 在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容同时也搜集了一些对我有用的资料在搜索资料最困难的便是动态图片的搜集动态图片其gif格式的还是好保存但是要搜集flash动态图片就相对较难了我用了一天的时间来搜集我的flash都不太成功不过还搜到了可以换自己图片的代码在开始时我根本就不知道flash是怎样搜索不过经过三次像老实询问我终于懂得一些关于代码的搜索在搜集资料的过程之中我发现了自己的许多不足之处最关键就是平时对知识的掌握不够连最基本的资料搜寻都觉得困难也是我平时不够认真和努力的表现通过这次的教训在以后我一定会做得更好争取不范类似错误 2.熟悉制作软件 做网页主要用的工具便是dremweaver、photoshop、flash软件在这些软件我对dremweaver、photoshop相对比较熟悉因为在平时上课是老师带领我们运用过所以我还可以正常的运用但是出现的问题还是有很多有很多不懂如何操作只有通过在次去看书才能够了解这也体现了我学习方面的缺点它是我平时不够认真的具体表现 三、网页制作这便进入我该次的主题了具体制作流程如下 1.构建站点框架 在我打开dremweaver后第一步便是新建站点我把我的站点建立在f仪下面并将我搜集的全部资料都保存在其文件夹中以便网页制作时可以方便的使用 2.设计主页及二级页面 在主页我设首页制作时时刻考虑着网页的基本原则：统一连贯分割对比及和谐的原则内容统一都是为了主题服务美容美体一个网站强调的就是一个整体只有围绕一个统一的目标所做的设计才是成功的；连贯页面之间关系连贯统成一体；每版内容都自成一体颜色各异便于浏览；整个网页有动有静色彩呼应搭配协调不呆板富有生气；颜色各异但又不同之中又相同浑然一体而且制作过程中不忘以下原则： 简洁实用:这是非常重要的网络特殊环境下尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的所以要去掉所有的冗余的东西使用方便:同第一个是相一致的满足使用者的要求网页做得越适合使用就越显示出其功能美；页面用色协调布局符合形式美的要求:布局有条理充分利用美的形式是网页富有可欣赏性提高档次当然雅俗共赏是人人都追求的 交互式强:发挥网络的优势是每个使用者都参与到其中来这样的设计才能算成功的设计这样的网页才算真正的美的设计每个子页都设有上导航栏便于浏览和跳转3个二级网页制作时使用的是表格每一个页面都用表格为它布局好然后在插入图片文字及其他这样有一定的规划性体现了连贯统一性不同的内容根据各自的特色建立了不同的表格突出各自的主题增强了对比性在做这些网页的时候我就进行了如上所述的方法但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务 3.实现网页间的链接 我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页链接的过程其实很简单主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了 4.向静太网页插入动态效果 在这一阶段我遇到了许多的问题主要是我在主页插入我的flash的时候开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash而在其它的二级网页我主页插入的是一些gif格式的动态图片 四、网页的调试 在做完网站才发现所有的图片素材并不是在一个文件夹中而有许多的子文件夹从网上下载的网页全都是一个网页对应一个文件夹制作过程中才发现原来自己懂的太少了好多不知道的地方才赶紧查书开始的时候只是会建立模版可不会应用而对于动态flash的插入我更是问题多多开始是我对代码基本上是不懂这就是自己学校上的问题当真正开始运用的时候在向老师提问 这只是在制作过程中出现一些问题其它问题也是类似相同现在想想自己所会的东西太少了现在做的网站只是一些简单的静态的网站看到了一些知名的网站开发出的网页不仅栏目内容丰富信息量大而且页面图文并茂五彩缤纷使得网民赞叹不已流连忘返从我做的网页来看可以反映出学习的还不够缺点疏漏需在加以刻苦钻研及学习不断开拓视野增强自己的实践操作技能为以后能做出出色的网页而努力同时我也希望能够有更多的类似动手练习让我们在实践之中来学习知识因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性