Web技术基础大作业报告.doc

Web编程基础大作业报告学院：计算机学院姓名：学号：主要分以下几个版块： 1.主页版块 2.登录版块 3.注册板块 4.个人介绍板块 5.分享思维模块 6.发现思维模块 7.我的思维模块 8.搜索模块 9.帮助模块摘要：Web引申为“环球网”，而且，在不同的领域，有不同的含义。对于普通的用户来说，web仅仅只是一种环境互联网的使用环境、氛围、内容等；而对于网站制作、设计者来说，它是一系列技术的复合总称（包括网站的前台布局、后台程序、美工、数据库领域等等的技术概括性的总称）。 下面是我对web简单的一个应用，利用dreamwave工具，和photoshop软件设计了一个具有个人风格的个人网站，首先我先从网站设计的方向和目的、网站设计中涉及的知识点、网站设计的整个流程出发，然后通过自己设计的这个个人网站作品来说明并演示一个完整的网站制作过程。本论文详细的介绍了整个网站设计的全过程。虽然还有一些不足之处，但页面整体比较美观大方，具有个人风格，效果良好。接下来的步骤是为所要访问的网页，向在那个IP地址工作的服务器发送一个HTTP请求。在通常情况下，HTML文本、图片和构成该网页的一切其他文件很快会被逐一请求并发送回用户。网络浏览器接下来的工作是把HTML、CSS和其他接受到的文件所描述的内容，加上图像、链接和其他必须的资源，显示给用户。这些就构成了你所看到的“网页”。大多数的网页自身包含有超链接指向其他相关网页，可能还有下载、源文献、定义和其他网络资源。像这样通过超链接，把有用的相关资源组织在一起的集合，就形成了一个所谓的信息的“网”。网站规划思想 当今社会，靠什么成功？很多成功人士都说过这样一句话：“成功来自百分之八十的人际关系和百分之二十的自身天分和努力。”据此可以发现，扩大人际关系网是十分重要的一项活动，因此就需要一条联系两方的桥梁，这条桥梁是满载信息的大流量的通道，在这信息时代，于是网络成为了这当之无愧的桥梁。我设计这个网站的思路就来源于此。 怎样让更多人了解你？怎么使别人更了解你？怎样扩大自己的接触面？当代是繁忙的一代也是讲究高效率的一代，当今面对这些问题，这时候的内敛不会被认为是好的，最好的解决办法我认为是把自己推销出去，我想通过网络把自己的概况晾晒，方便别人更快捷更省事地得到相关信息，通过这种方式，也可以交到志同道合的朋友，可以一起研究探讨，相互促进，达到共赢。 既然这样，那么网站的风格自然是温和、朴素、柔美的，这样才能达到更高的亲和力效果，同时也应该具有喜悦性、创新性、活泼开朗性，展现个人品格及魅力。最重要的是要呈现一个真诚的自我在大家面前，树立可信性、诚实性，消除虚拟因素，获得大家的真诚对待和好感。网站的目录结构如下： help -帮助页面的所有文件 CSS -存放外置CSS文件 home -存放JS、CSS、图片、网页 Images -存放图片文件login-sign in -存放注册和登录页内容相关的文件setting -存放自我介绍页面相关所有文件thoughts -存放thoughts.html相关的文件share -存放分享相关的文件 head.html -首部页面 Home,html -主页面 foot.html -尾部页面 index.html-导航页面 JS -存放JS文件 综合知识的运用情况1、层的使用：在这次网页设计过程中，使用了大量div层，因为它灵活好用，可以随便拖动，变大变小都很方便，而框架虽然也能达到这个效果，但是，它不够灵活，不利于我所需要表达的效果的呈现，也许是不习惯的原因吧，觉得太死板了，当然一些地方仍然要用到它，体现清晰的结构。2、使用链接：为方便读者的查阅，在各页面底部都设置了页面链接。3、插入跳转菜单为了使读者能快捷的回到自己感兴趣的页面，于是在各个页面都插入了跳转菜单。4、设置水平循环滚动的图片5、使用弹出信息行为6、框架的使用网页中涉及的知识点 1、可视化网站设计制作软件dreamweaver的熟练使用，站点的创建、导入以及管理；2、主页的创建和设置，模块的保存与应用和子网页的创建、完成；3、用photoshop软件对图片素材进行必要的处理；4、网站整体布局和超链接的添加； 遇到的问题及解决办法难点:1.从整体布局看较为合理，但是从局部来讲存在一些技术上和严密性的不足。2.页面美观度不够高，Dreamewver CS6软件应用不够熟练，软件中所涉及得制作方法以及工具没有更好的应用。解决办法：1.配色原则：避免网页杂、乱，有时候单一色彩不为也是一种独特，用色柔和，减少视觉混乱，对比度强的色彩不能应用于一般网站。2.字体问题：字体是整个网页最醒目的部分，若字体不协调会给人一种枯燥的感觉，避免用杂色字体，防止浏览者眼花缭乱。3.制作习惯：制作一个网页首要的是完美的构思，应该先构思好再动手制作，素材搜集完整，根据主题选材，不能脱离主题，确保所用材料与主题相关。4.完整性：网站的基本格式完整，相关链接，友情链接必不可少，这也增加了网页的方便性网页截图首页1:本页面用了框架做了页头和页尾.且有图片轮播,使用了js技术。头部:中间:尾部:2登陆:本页面主要是使用框架引用foot.html和header.html.然后使用的js技术进行登陆时的表单验证3注册:本页面主要是使用框架引用foot.html和header.html.然后使用的js技术进行登陆时的表单验证以及表格的混合使用4首页2:本页面主要是CSS的四中布局的混合使用,实现图文混排.5个人设置:本页面主要是对表格的混合使用,表格与div标签的混合使用6分享思维:本页面主要是对表单的使用 7我的维度:本页面也是主要对CSS图文布局的使用8创意为度:本页面主要也是对css的四中方式布局的使用9帮助页面:本页面主要是对标签的嵌套混合使用.心得与体会： 这次网页设计实战篇个人网站设计完成后，我收获了很多，感触也很深。我最大的感受就是理论不用于实践终究是理论，说得难听点那根本就是纸上谈兵，止于理论的学习，将来是没多少成绩的，有前途发展的话也必将是少了更为之锦上添花的一笔。 当然也深刻认识了一点，那就是我们所学的知识虽说是很基础很根本，但没有根基怎么能建好别墅呢?所以说基础知识是很重要的，我们在学习过程中不能小看而去忽略它，它是一笔财富，能引导我们看得更远飞得更高。 通过这次作业，我发现一个很普遍的问题：我们往往是眼高手低，学习这些知识时觉得它就是小菜一桩，但现在真的验证了“看花容易绣花难” 这句话，当我们着手实践时就不像我们想象中的那么简单了，每一个细节都需要注意，稍有不慎页面就在预览中变了样，因此更需要我们细心和耐心地去完成，也就两个字概括认真，只有认真对待才会从骨子里学到东西，才学到心里去了。 我觉得这次确实是很有意义的一次检测，本来自我感觉良好的，结果实战时还是存在很多问题的，平时学起来觉得很轻松就以为掌握了所学知识，但现在都忘记很多细节是怎么样的了，因此开始着手时有些障碍，但我下定决心把以前的实验内容都温习一遍，遇到不懂的就及时查资料，比如翻阅资料书，百度，也请教同学，一起讨论，相互学习，于是最后也如鱼得水，水到渠成，因此得到一个非常重要的结论只要自己想学只要自己有那份执着与毅力，虚心的请教，勤于查阅相关资料就一定会有收获的，真的当今没有什么知识是用不着的，在哪，哪里都是知识，只要自己持有高度的学习热忱。当然，我们在学习过程中一定要及时巩固、练习，掌握了也不一定熟悉，熟能生巧啊！我们应该吸取这个教训，否则即使我们最终达到了目的，但我们走了很多弯路，而不是事半功倍的结果了。不过最终，经过长久的坚持与不断的琢磨，看到了自己辛苦后的成果，尽管这还有很多不足，但看着它我心里充满着喜悦，一分耕耘一分收获，这永远是真理。完成自己的作品后我也观赏了其他同学的作品，对比起来，各有千秋，当然能从其中发现很多值得我去学习的地方，比如说有的页面布局很好，有的页面内容很充实，看起来很有感觉