Web技术基础大作业报告.docx
《Web技术基础大作业报告.docx》由会员分享，可在线阅读，更多相关《Web技术基础大作业报告.docx（10页珍藏版）》请在冰豆网上搜索。
Web技术基础大作业报告
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-signin-----存放注册和登录页内容相关的文件
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.页面美观度不够高，DreamewverCS6软件应用不够熟练，软件中所涉及得制作方法以及工具没有更好的应用。
解决办法：
1.配色原则：
避免网页杂、乱，有时候单一色彩不为也是一种独特，用色柔和，减少视觉混乱，对比度强的色彩不能应用于一般网站。
2.字体问题：
字体是整个网页最醒目的部分，若字体不协调会给人一种枯燥的感觉，避免用杂色字体，防止浏览者眼花缭乱。
3.制作习惯：
制作一个网页首要的是完美的构思，应该先构思好再动手制作，素材搜集完整，根据主题选材，不能脱离主题，确保所用材料与主题相关。
4.完整性：
网站的基本格式完整，相关链接，友情链接必不可少，这也增加了网页的方便性
网页截图
首页1:
本页面用了