网页制作设计开题报告.docx

《网页制作设计开题报告.docx》由会员分享，可在线阅读，更多相关《网页制作设计开题报告.docx（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、本文格式为Word版，下载可任意编辑网页制作设计开题报告 在经济快速进展的今日，Internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会进展同步，为了让我们成为真正的技术性人才。学校在本周为我们支配了维持一周的网页制作专用周是实习，让我们把平常所学学问运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新学问同时也使我使我熟悉到了自己在学习上的很多不足，下面就谈谈我在本次专用周的主要感受。 一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。 1.争论网站的主题。 网站整体规划是做网页的第一步也是制作网页最关键的一步它打

2、算了你要表答的信息，因此我选择了我选择我最宠爱的服饰来为它做网页。在平常我也对服装的网页比较关怀，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。 2.定位网站的CI形象。“易菲”植根中国文化之精髓，吸取自然禀赋之灵性，形成一个既有深厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包涵，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生气、是共性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，拘束欢乐”是YIFINI易菲的设计理念，提倡一种与自然和谐相处，如花儿绽放般美妙舒适、拘束欢乐的生活方式。这也便是我网站

3、的CI形象。 3.确定栏目和板块。 于时间的关系在本次我预备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推举产品、潮流信息”等四个栏目。在这四张页面中我准备都用淡蓝色做背景颜色来衬托我网页的主打色绿色。 2.网站的整体风格和创意。 整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是由于我的产品特性。在设计上，YIEINI易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种潇洒、舒适的生活氛围，力求表现闲适、舒服、自然的生活情趣

4、。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。 二、网页制作的前期策划与预备，在本阶级主要有两方面的工作。 1.资料的搜集。 在做网页我上网收集了很多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去扫瞄了很多的网页观看其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜寻资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太胜利，不过还搜到了可以换自己图

5、片的代码。在开头时我根本就不知道flash是怎样搜寻，不过经过三次像狡猾询问我最终懂得一些关于代码的搜寻。在搜集资料的过程之中我发觉了自己的很多不足之处，最关键就是平常对学问的把握不够，连最基本的资料搜寻都觉得困难。也是我平常不够仔细和努力的表现。通过这次的教训在以后我肯定会做得更好，争取不范类似错误。 2.熟识制作软件。 做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟识，由于在平常上课是老师带领我们运用过。所以我还可以正常的运用，但是消失的问题还是有许多。有许多不懂如何操作，只有通过在次去看书才

6、能够了解，这也体现了我学习方面的缺点，它是我平常不够仔细的详细表现。 三、网页制作，这便进入我该次的主题了详细制作流程如下。 1.构建站点框架。 在我打开Dremweaver后第一步便是新建站点，我把我的站点建立在F仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以便利的使用。 2.设计主页及二级页面。 在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是胜利的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于扫瞄；整个网页有

7、动有静，颜色呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则： 简洁有用:这是特别重要的，网络特别环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉全部的冗余的东西。使用便利:同第一个是相全都的，满意使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式 美的要求:布局有条理，充分利用美的形式，是网页富有可观赏性，提高档次。当然雅俗共赏是人人都追求的。 交互式强:发挥网络的优势，是每个使用者都参加到其中来，这样的设计才能算胜利的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏

8、，便于扫瞄和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有肯定的规划性，体现了连贯统一性，不同的内容依据各自的特色建立了不同的表格，突出各自的主题，增加了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。 3.实现网页间的链接。 我的链接按钮主要有四个“时尚首页、时尚衣秀、推举产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简洁，主要是把要链接的文字选择在选择工具栏的链接按钮最终选择自己要链接的网页单击确定便可以了。 4.向静太网页插入动

9、态效果。 在这一阶段我遇到了很多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在扫瞄网页的时候flash却不能够显示。最终我向老师的请教后最终在老师的关心下我胜利的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。 四、网页的调试 在做完网站才发觉，怎么全部的图片素材并不是在一个文件夹中，而有很多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发觉，原来自己懂的太少了，好多不知道的地方，才抓紧查书，开头的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开头是我对代码基本上是不

10、懂，这就是自己学校上的问题，当真正开头运用的时候在向老师提问。 这只是在制作过程中消失一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简洁的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞美不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增加自己的实践操作技能，为以后能做出精彩的网页而努力。同时我也盼望能够有更多的类似动手练习，让我们在实践之中来学习学问。由于我觉得实践不仅能够提高我们的学习爱好它更能够提高我们的动手力量增加我们的技术性。 第 5 页 共 5 页