网页设计实习报告

扬州职业大学课程设计报告设计题目：论“沐乃衣”潮流女装网站系别：管理学院专业：电子商务班级：商务112姓名：王忍学号：指导教师：陈君完毕时间：6月24日目录1.前言 21.1课题意义 21.2课题目的 21.3课题研究范畴 21.4要解决的重要问题 22.网页开发技术 32.1网页开发技术 33.网页制作 43.1网页整体布局设计 43.3开发环境的配备 53.4接口设计 54.网页模块功效介绍 65.实训过程 65.1收集有关流行女性服装最新消息，与此同时，收集网站建设的资料和信息 65.2拟定每个页面的布局 65.3超链接 65.4代码找资料 75.5整顿 75.6美工 75.7前后台 75.8功效实现 76.核心技术突破 77.总结 81.前言1.1课题意义初步理解软件的功效布局和某些基本操作，并自己熟悉实践用几个网页开发技术HTML，PHP，flash，photoshop，dreamweaver等制作一种网站。掌握对网页内容排版，网页颜色搭配的操作，做到网页内容将来在浏览器中显示效果美观；初步理解并能够使用脚本语言对网页内容的控制，理解其基本语法构造。熟悉一种网站设计的流程图。1.2课题目的1.2.1理解dreamwarve网站的制作流程和基本办法。1.2.2学会站点的规划与创立，能自己创立个人网站和简朴的公司网站。1.2.3掌握静态网页的制作技术。1.2.4掌握动态网页的制作技术，理解与数据库的链接及简朴的数据解决。1.2.5掌握Photoshop制作平面图像的基本技巧。1.2.6培训动手能力、综合应用能力和团体合作能力。1.2.7通过实训技能训练，应达成下列能力目的。1.3课题研究范畴1.3.1：HTML网页制作：规定制作一种“沐乃衣”年轻女性服装html网页，能够将导航分为热门的话题，同时网页对输入的内容应当有纠错检查机制。1.3.2：软件的使用：熟悉软件的基本布局，会用它制作html网页，并且应当会对网页布局进行调节，使其简洁、美观。1.3.3：脚本语言：理解脚本语言的基本语法，明白其工作机制，并且会用某些简朴脚本实现对网页内容的控制。1.3.4：网页内容：该网页重要针对年轻爱美、潮流的女性，年纪阶段为20—40岁，因此在内容选材时，尽量选用与年轻女性有关的信息，涉及潮流服装、服装搭配。购置优惠活动等，以吸引关注。1.4要解决的重要问题1.4.1：调节好网页布局，使其各表格应尽量对齐，整体界面美观，含有潮流感。1.4.2：网页应实现对输入内容的纠错检查，实现上传照片的功效。1.4.3：在主页添加flash动画，公布网站更多的时装最新信息。2.网页开发技术2.1网页开发技术几个网页开发技术介绍——HTML、ASP、JSP、CGI、PHP、DREAMWEAVER。HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。严格的来讲，HTML不能算做一门编程语言，由于它没有自己的数据类型，也没有分支、循环等控制构造。它的设计简朴，构造灵活，允许在Web浏览器及其它兼容的应用程序中显示文本和图像，并且文档的某些部分能够成为超链接。完毕后把这些文档保存为*.html文献，然后用浏览器打开。

HTML是网络的通用语言,一种简朴、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面能够被网上任何其别人浏览到，无论使用的是什么类型的电脑或浏览器。ASP全名ActiveServerPages，是一种WEB服务器端的开发环境，运用它能够产生和运行动态的、交互的、高性能的WEB服务应用程序。ASP采用脚本语言VBScript（Javascript）作为自己的开发语言。ASP更精确的说是一种中间件，这个中间件将Web上的请求转入到一种解释器中，在这个解释器中将全部的ASP的Script进行分析，再进行执行，而这时能够在这个中间件中去创立一种PHP是一种跨平台的服务器端的嵌入式脚本语言.它大量地借用C,Java和Perl语言的语法,并耦合PHP自己的特性,使WEB开发者能够快速地写出动态生成页面.它支持现在绝大多数数据库。尚有一点，PHP是完全免费的。JSP是Sun公司推出的新一代站点开发语言，他完全解决了现在ASP,PHP的一种通病－－脚本级执行（据说PHP4也已经在Zend的支持下，实现编译运行）。Sun公司借助自己在Java上的不凡造诣，将Java从Java应用程序和JavaApplet之外，又有新的硕果，就是Jsp－－JavaServerPage。Jsp能够在Serverlet和JavaBean的支持下，完毕功效强大的站点程序。DREAMWEAVER是一种可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替代、全FTP功效、解决Flash和Shockwave等富媒体格式和动态HTML、基于团体的Web创作。在编辑上你能够选择可视化方式或者你喜欢的源码编辑方式。由于水平所限，本次网页开发使用的是HTML技术，由于它相对简朴，容易上手，适合初学者进行基本的练习操作。3.网页制作3.1网页整体布局设计3.1.1网站重要涉及：首页→春秋装→夏装→冬装→特惠卖场→特号服装→联系我们七大页面以及后台收据库构成。3.1.2首页：对于首页，中间版面分为三个大板块，分别为服装动态展示区、公司介绍和新品推荐；左边版面分为四个小板块，分别为会员登录、产品分类、100天退换货保障、全国全部都市快递送货上门。3.1.3服装动态展示：向年轻女性展示本店所出售当季最潮流的服装和搭配。3.1.4公司介绍：向顾客简朴介绍我司的介绍等信息。3.1.5新品推荐：向顾客推荐新上市服装。3.1.6产品分类：将本网站全部商品进行分类，方便顾客查看和购置。3.1.7会员登录：注册网站会员，可享有网站优惠活动。3.2下列是首页页面的图形布局搜索—搜索全部—输入核心字网站logo产品搜索：网站logo首页春秋装夏装冬装特惠卖场特号服装联系我们⊙会员登录顾客名：密码：登录注册忘记密码服装图片动态展示区公司介绍产品分类休闲女装……..女运动装新品推荐时装……100天退换货保障全国全部都市快递送货上门有关沐乃衣走进沐乃衣沐乃衣有限公司，保存全部版权12345678号首页介绍图3.3开发环境的配备3.3.1语言环境：HTMLPHPMySQLJavaScript3.3.2服务器环境：WindowsApacheMysqlPHP3.3.3客户机环境：WINxp以上系统+IE6以上或其它浏览器3.3.4环境安装：我们这次使用的编辑器为phpnow，服务器使用的是phpnow集成环境，即Windows+Apache+Mysql+PHP，phpnow的特点是安装简朴，无需进行繁琐的配备，安装后即可使用，但他会使用到80端口，因此，如果安装了IIS服务需要在控制面板服务管理，对IIS服务进行关闭。Phpnow安装：点击安装程序进行安装。3.4接口设计顾客接口设计：首页重要运用了8个顾客控件，分别为：导航控件、图片动态控件、会员登录控件、产品分类控件、搜索商品控件、静态图片控件。外部接口：系统浏览器、Apache服务器、PHP、MySQL语句内部接口：Index.html首页包含了网页的基本框架Guestbook.html会员注册登录News.html公司介绍信息Products.html展示流行服装4.网页模块功效介绍4.1产品搜索方便顾客快捷搜索自己所需要的产品。4.2会员登录采用实名制注册本网站会员，可享有网站优惠活动等。4.3产品分类将网站全部服装分类，方便查看和购置。4.4服装动态展示区采用鼠标通过图像停止的方式，展示最新时装、优惠活动、服装搭配等网站信息。4.5公司介绍展示区随时向顾客简朴介绍我司信息，提高网站的信誉度。4.6新品推荐区向顾客推荐新上市服装。4.7特惠卖场网站节假日、反季会服装优惠专区。4.8特号服装针对过于肥胖的爱美女性设立的专区，可找到某些大码的服装。5.实训过程5.1收集有关流行女性服装最新消息，与此同时，收集网站建设的资料和信息5.2拟定每个页面的布局5.2.1网站主题和网页主体颜色协调，网页美观、潮流感十足。5.2.2解决好图片和文本的位置和一致性。5.3超链接5.3.1网站LOGO链接、会员登录、网站底部“走进沐乃衣”均链接本网站主页5.3.2“春秋装”、“夏装”、“冬装”分别链接各季节服装页面5.3.3“特惠卖场”链接网站优惠的全部产品页面5.3.4“特号服装”链接网站有大码型号的全部服装页面5.3.5“会员注册”链接网站注册页面5.3.6“公司介绍”链接我司页面，涉及公司发展历程，公司地址等内容5.3.7服装图片链接服装具体信息页面，涉及价格，型号，颜色选择，购置办法等5.4代码找资料运用互联网找对应javacript的代码，实现我们预想的效果。就是中间那个能够动态的图片页面，这个用到了js页面技术。将其放置在css样式表中，得以实现。5.5整顿待到全部页面被制作好后，整合在一起用超链接互相连接起来。5.6美工本网站的消费群体重要是年轻爱美的女士，网页颜色以粉红和浅黄色搭配为主，给人清新自然感觉，且不显单调；网站LOGO中包含网站标题和网址，字体采用网络字体模版，显得潮流，右下角的铅笔，字体上的“心”图案增添几分活力。5.7前后台前台页面制作完毕后着手解决后台数据库。建立留言板，链接数据库。在网站的首页设计一种会员登录。5.8功效实现找一种后台管理的模板，使网站能实现后台管理的功效。6.核心技术突破6.1有完整的策划报告。6.2有标题的网站以及有对应的自己的创意设计的logo图像。LOGO图像：6.3有自己创作输入的文字内容并通过排列整顿。6.4不允许出现链接错误。6.5有版权声明、网站信息更新。根据课堂所学，充足运用有关技术要点制作网站，制作完毕后重复检查，使用IETester检查网页的布局与否没有问题。发现问题、及时的解决问题。7.总结本次设计的是简朴的静态网站构造图，网站欲设计成简朴的静态网站，因此打算在开发静态网页方面使用比较普遍的HTML开发语言，另外辅以java脚本语言。网站的制作前期可能会出现多个各样的问题，涉及：网页的纠错校验机制显得比较低档，不够智能；在IE中一切正常