Web技术基础大作业报告

发布 2022-09-10 09:54:28 阅读 2730

学院:计算机学院。

姓名:学号:

主要分以下几个版块:

1.主页版块

2.登录版块。

3.注册板块。

4.个人介绍板块。

5.分享思维模块。

6.发现思维模块。

7.我的思维模块。

8.搜索模块。

9.帮助模块。

摘要:web引申为“

web编程基础大作业报告。

学院:计算机学院。

姓名:学号:

主要分以下几个版块:

1.主页版块

2.登录版块。

3.注册板块。

4.个人介绍板块。

5.分享思维模块。

6.发现思维模块。

7.我的思维模块。

8.搜索模块。

9.帮助模块。

摘要:web引申为“环球网”,而且,在不同的领域,有不同的含义。对于普通的用户来说,web仅仅只是一种环境——互联网的使用环境、氛围、内容等;而对于**制作、设计者来说,它是一系列技术的复合总称(包括**的前台布局、后台程序、美工、数据库领域等等的技术概括性的总称)。

下面是我对web简单的一个应用,利用dreamw**e工具,和photoshop软件设计了一个具有个人风格的个人**,首先我先从**设计的方向和目的、**设计中涉及的知识点、**设计的整个流程出发,然后通过自己设计的这个个人**作品来说明并演示一个完整的**制作过程。本**详细的介绍了整个**设计的全过程。虽然还有一些不足之处,但页面整体比较美观大方,具有个人风格,效果良好。

接下来的步骤是为所要访问的网页,向在那个ip地址工作的服务器发送一个http请求。在通常情况下,html文本、**和构成该网页的一切其他文件很快会被逐一请求并发送回用户。

网络浏览器接下来的工作是把html、css和其他接受到的文件所描述的内容,加上图像、链接和其他必须的资源,显示给用户。这些就构成了你所看到的“网页”。

大多数的网页自身包含有超链接指向其他相关网页,可能还有**、源文献、定义和其他网络资源。像这样通过超链接,把有用的相关资源组织在一起的集合,就形成了一个所谓的信息的“网”。

**规划思想。

当今社会,靠什么成功?很多成功人士都说过这样一句话:“成功来自百分之八十的人际关系和百分之二十的自身天分和努力。

”据此可以发现,扩大人际关系网是十分重要的一项活动,因此就需要一条联系两方的桥梁,这条桥梁是满载信息的大流量的通道,在这信息时代,于是网络成为了这当之无愧的桥梁。我设计这个**的思路就**于此。

怎样让更多人了解你?怎么使别人更了解你?怎样扩大自己的接触面?

当代是繁忙的一代也是讲究高效率的一代,当今面对这些问题,这时候的内敛不会被认为是好的,最好的解决办法我认为是把自己推销出去,我想通过网络把自己的概况晾晒,方便别人更快捷更省事地得到相关信息,通过这种方式,也可以交到志同道合的朋友,可以一起研究**,相互促进,达到共赢。

既然这样,那么**的风格自然是温和、朴素、柔美的,这样才能达到更高的亲和力效果,同时也应该具有喜悦性、创新性、活泼开朗性,展现个人品格及魅力。最重要的是要呈现一个真诚的自我在大家面前,树立可信性、诚实性,消除虚拟因素,获得大家的真诚对待和好感。

**的目录结构如下:

help帮助页面的所有文件。

css存放外置css文件。

home存放js、css、**、网页。

images存放**文件。

login-sign in --存放注册和登录页内容相关的文件。

setting存放自我介绍页面相关所有文件。

thoughts存放相关的文件。

share存放分享相关的文件。

首部页面。home,html主页面。

尾部页面。导航页面。

js存放js文件。

综合知识的运用情况。

1、层的使用:在这次网页设计过程中,使用了大量div层,因为它灵活好用,可以随便拖动,变大变小都很方便,而框架虽然也能达到这个效果,但是,它不够灵活,不利于我所需要表达的效果的呈现,也许是不习惯的原因吧,觉得太死板了,当然一些地方仍然要用到它,体现清晰的结构。

2、使用链接:为方便读者的查阅,在各页面底部都设置了页面链接。

3、插入跳转菜单为了使读者能快捷的回到自己感兴趣的页面,于是在各个页面都插入了跳转菜单。

4、设置水平循环滚动的**。

5、使用弹出信息行为。

6、框架的使用。

网页中涉及的知识点。

1、可视化**设计制作软件dreamwe**er的熟练使用,站点的创建、导入以及管理;

2、主页的创建和设置,模块的保存与应用和子网页的创建、完成;

3、用photoshop软件对**素材进行必要的处理;

4、**整体布局和超链接的添加。

遇到的问题及解决办法。

难点:1.从整体布局看较为合理,但是从局部来讲存在一些技术上和严密性的不足。

2.页面美观度不够高,dreamewver cs6软件应用不够熟练,软件中所涉及得制作方法以及工具没有更好的应用。

解决办法:1.配色原则:避免网页杂、乱,有时候单一色彩不为也是一种独特,用色柔和,减少视觉混乱,对比度强的色彩不能应用于一般**。

2.字体问题:字体是整个网页最醒目的部分,若字体不协调会给人一种枯燥的感觉,避免用杂色字体,防止浏览者眼花缭乱。

3.制作习惯:制作一个网页首要的是完美的构思,应该先构思好再动手制作,素材搜集完整,根据主题选材,不能脱离主题,确保所用材料与主题相关。

4.完整性:**的基本格式完整,相关链接,友情链接必不可少,这也增加了网页的方便性。

网页截图。首页1:本页面用了框架做了页头和页尾。且有**轮播,使用了js技术。

头部:中间:

尾部:2登陆:本页面主要是使用框架引用和然后使用的js技术进行登陆时的表单验证。

3注册:本页面主要是使用框架引用和然后使用的js技术进行登陆时的表单验证以及**的混合使用。

4首页2:本页面主要是css的四中布局的混合使用,实现**混排。

5个人设置:本页面主要是对**的混合使用,**与div标签的混合使用。

6分享思维:本页面主要是对表单的使用

7我的维度:本页面也是主要对css**布局的使用。

8创意为度:本页面主要也是对css的四中方式布局的使用。

9帮助页面:本页面主要是对标签的嵌套混合使用。

心得与体会:

这次网页设计实战篇——个人**设计完成后,我收获了很多,感触也很深。我最大的感受就是理论不用于实践终究是理论,说得难听点那根本就是纸上谈兵,止于理论的学习,将来是没多少成绩的,有前途发展的话也必将是少了更为之锦上添花的一笔。

当然也深刻认识了一点,那就是我们所学的知识虽说是很基础很根本,但没有根基怎么能建好别墅呢?所以说基础知识是很重要的,我们在学习过程中不能小看而去忽略它,它是一笔财富,能引导我们看得更远飞得更高。

通过这次作业,我发现一个很普遍的问题:我们往往是眼高手低,学习这些知识时觉得它就是小菜一桩,但现在真的验证了“看花容易绣花难” 这句话,当我们着手实践时就不像我们想象中的那么简单了,每一个细节都需要注意,稍有不慎页面就在预览中变了样,因此更需要我们细心和耐心地去完成,也就两个字概括——认真,只有认真对待才会从骨子里学到东西,才学到心里去了。

我觉得这次确实是很有意义的一次检测,本来自我感觉良好的,结果实战时还是存在很多问题的,平时学起来觉得很轻松就以为掌握了所学知识,但现在都忘记很多细节是怎么样的了,因此开始着手时有些障碍,但我下定决心把以前的实验内容都温习一遍,遇到不懂的就及时查资料,比如翻阅资料书,,也请教同学,一起讨论,相互学习,于是最后也如鱼得水,水到渠成,因此得到一个非常重要的结论——只要自己想学只要自己有那份执着与毅力,虚心的请教,勤于查阅相关资料就一定会有收获的,真的当今没有什么知识是用不着的,在哪,**都是知识,只要自己持有高度的学习热忱。当然,我们在学习过程中一定要及时巩固、练习,掌握了也不一定熟悉,熟能生巧啊!我们应该吸取这个教训,否则即使我们最终达到了目的,但我们走了很多弯路,而不是事半功倍的结果了。

不过最终,经过长久的坚持与不断的琢磨,看到了自己辛苦后的成果,尽管这还有很多不足,但看着它我心里充满着喜悦,一分耕耘一分收获,这永远是真理。

西安邮电大学web大作业报告

西安邮电大学。计算机学院 web开发技术大作业。专业名称网络工程。班级1203 学生姓名 学号 8位 指导教师 朱辉。提交时间 2014年12月19日。本次web大作业制作个人博客站点,通过b s架构,我们能很方便的把对客户端进行更新 管理等等操作,而且数据库采用开源的mysql数据库,成本低 跨平...

大作业报告

单片机原理与应用。2013年课程综合设计报告。1 设计题目 电视防沉迷控制系统的设计。1设计要求 设计一控制系统,控制电视电源的开断,每次打开电视机必须同时打开电视机上的电源和控制器上的按键才能打开电视,当电视打开时间持续1小时后自动切断电源30分钟,30分钟后自动重新打开电视。为了测试简单,将时间...

大作业报告

基于数字图像处理的答题卡识别。顾金华。南京信息工程大学信息与控制学院自动化系,学号 20131336029 1.主要功能。本设计包括 的读取 答题卡角度旋转矫正 答题卡坐标位置矫正 答题卡灰度值读取四个主要功能。该系统具有显示答题卡 求得答题卡答案矩阵 读取答题卡分数等基本功能 答题卡角度矫正 坐标...