网页制作设计项目提案报告

2023-10-01 01:30

网页制作设计项目提案报告

  经济高速发展的今天,互联网更加重要。它是人们发布和传递信息的重要渠道。为了跟上社会的发展,为了让我们成为真正的技术人才。这周学校给我们安排了为期一周的实习,专门从事网页制作,让我们把日常生活中学到的知识运用到实践中,让我们真正做到学以致用,而不仅仅是纸上谈兵。通过这周的实习,我获得了更多的新知识,也让我认识到了自己在学习上的很多不足。说说我在这个特殊的一周里的主要感受吧。

   1、网站总体规划。制作网页的第一步就是对网站进行整体规划。这主要包括四个方面。

  1。讨论网站的主题。

  网站的整体规划是制作网页的第一步,也是制作网页最关键的一步。它决定了你想要表达的信息,所以我选择了我最喜欢的服装来为它制作一个网页。平时我也比较关注服装网站,无论是淘宝上的服装店还是各种品牌服装。这次我做了一个“一飞”服装的网页。

  2。定位网站的CI形象。 “逸飞”根植中华文化精髓,吸收自然禀赋的灵性,形成了既有浓厚文化底蕴,又有现代自然人文气息的特色品牌。 “毅”就是宽容、宽容、宽容。它是中华民族五千年的文化精髓,是一种美德,是人性广度的拓展。 “飞”象征着活力、个性、春天、自强不息,是对人性深度的探索。 “生命如花,自由快乐”是YIFINI的设计理念,倡导与自然和谐相处,如花朵盛开般美丽、舒适、自由、快乐的生活方式。这也是我网站的 CI 图像。

  3。确定列和部分。

   由于时间有限,这次我打算制作四个网页:一个首页,三个副页。设计了“时尚首页、时尚服饰秀、推荐商品、潮流资讯”四大栏目。在这四个页面中,我打算用浅蓝色作为背景色来衬托我网页的主色,绿色。

  2。网站的整体风格和创意。

  整个网站的创意在于颜色和各种图片的搭配。它们相辅相成、相互映衬。以达到表达其品牌的和谐之美和自然之美。我使用浅蓝色和绿色作为我的网站的主要颜色,主要是因为我的产品的性质。在设计上,YIEINI崇尚“自然美”,将女性化的花朵和自然元素融入设计中,充分体现设计师和顾客所追求的自由舒适的生活氛围,力求表达休闲、舒适。 ,自然的生活情趣。因此,我在这幅作品中用了天空和大自然的色彩来表达自然与和谐之美。

  2。网页制作的前期规划和准备主要包括这个层面的两个方面的工作。

  1。信息收集。

  在制作网页的时候,我在网上收集了很多资料,主要是网站的布局和服装品牌的信息。我首先去它的企业网站找到了一些关于“一飞”服装的图片,主要是一些代言图片。还有代表其企业形象的图片。其次,我浏览了很多网页,观察它们的布局、配色、栏目、版块等,也收集了一些对我有用的信息。查找资料时最困难的就是动态图片的收集。动态图片的GIF格式很容易保存,但收集flash动态图片相对困难。我花了一天的时间寻找我的闪光灯没有成功,但我也找到了可以改变我自己的图片的代码。一开始我并不知道如何在flash中进行搜索,但是经过三番四次的诚实询问,我终于明白了一些关于代码搜索的事情。在收集信息的过程中,我发现了自己的很多不足。最重要的是我的知识还不够。即使是最基本的信息搜索也很困难。这也表明我平时工作不够努力。通过这次的教训,我以后一定会做得更好,尽量不犯类似的错误。

  2。熟悉生产软件。

  用于创建网页的主要工具是Dremweaver、Photoshop和Flash软件。这些软件中我比较熟悉的是Dremweaver和Photoshop,因为老师在课堂上带领我们使用它们。所以我还是可以正常使用的,但是还是有很多问题。有很多东西不知道怎么操作,只能通过看书才能了解。这也反映出我在学习上的不足。就是我平时不认真的具体表现。

  3。网页制作,这就是我这次的主题。具体生产工艺如下。

  1。构建网站框架。

  打开Dremweaver后的第一步是创建一个新站点。我在 F Instrument 下建立了我的网站。并将我收集到的所有信息都保存在它的文件夹中,以便在制作网页时方便使用。

  2。设计主页和辅助页面。

  当我设计主页时,我总是考虑网页的基本原则:统一、连贯、分割、对比、和谐的原则。内容统一,全部为主题服务,美容美体。网站强调整体。 ,只有围绕统一目标的设计才是成功的;连贯性,页面之间的关系连贯、统一;每个页面内容独立,颜色不同,方便浏览;整个网页有动有静,色彩呼应,搭配协调,不死板,充满活力;色彩各异,却又异同同源,浑然一体。并且在制作过程中,不要忘记以下原则:

  简单实用:这一点非常重要。在特殊的网络环境下,最好以最高效的方式将用户想要的信息传输给他,所以所有多余的东西必须被去除。易用性:与第一个一致,满足用户的要求。网页越适合使用,越能体现其功能之美;页面颜色协调,布局符合形式

  美观要求:版面要井然有序,充分利用美观的形式,使网页更具观赏性,提高网页质量。当然,雅俗共赏是每个人所追求的。

   互动性强:利用互联网,只有每个用户都参与,设计才算成功。这样的网页才算真正漂亮的设计。每个子页面均设有上部导航栏,方便浏览和跳转。在制作三个二级网页时,使用了表格。每页都用表格布局,然后插入图片、文字等。这具有一定的规划性,体现了连贯性和统一性。不同的内容根据各自的特点创建不同的表格,突出各自的主题,增强对比。在制作这些网页时,我使用了上面描述的方法。但我所有网页的背景色和主题色都是一样的,以突出每个网页都是为了突出我的主题。

  3。实现网页之间的链接。

  我的链接按钮主要包括四个“时尚主页、时装秀、推荐产品、潮流资讯”,链接到我制作的四个网页。链接过程实际上非常简单。主要是在选择工具栏上的链接按钮上选择要链接的文字,最后选择要链接的网页并点击确定。

  4。在景泰网页中插入动态效果。

  这个阶段我遇到了很多问题。主要原因是我在主页插入flash时,将代码粘贴到网页上,但浏览网页时flash无法显示。最后,在向老师请教后,终于在老师的帮助下成功地将flash插入到了我的主页中。在其他二级网页中,我的主页插入了一些gif格式的动态图片。

  4。网页调试

  做完网站后,我发现为什么所有的图片素材不是在一个文件夹里,而是有很多子文件夹。所有从网上下载的网页都有一个网页对应一个文件夹。在制作过程中,我发现自己知道的太少了,有很多东西不知道,于是我赶紧查书。一开始,我只能创建模板,但不能应用它们。至于动态flash的插入,我遇到了很多问题。一开始我基本上看不懂代码。这是我学校的一个问题。当我开始实际使用它时,我向老师询问了问题。

  这只是生产过程中出现的一些问题,其他问题类似。现在想想,我知道的太少了。我现在建立的网站只是简单的静态网站。我看过一些知名网站开发的网页。不仅栏目内容丰富、信息量大,而且页面图文丰富、丰富多彩。 ,让网友们惊叹不已、流连忘返。从我做的网页来看,可以看出我学习不够,有缺点和疏漏。你们需要刻苦学习、刻苦钻研,不断开阔视野,增强实践能力,为将来创作出优秀的网页而努力。同时,我也希望能够多一些这样的动手练习,让我们在实践中学习知识。因为我认为实践不仅可以提高我们的学习兴趣,还可以提高我们的动手能力,增强我们的技术能力。