篇一 :个人网站设计报告

一、序言

经过本学期对网页设计基础这门课的学习,我对网页设计以及相关工具的使用有了深入的了解,在本学期末设计制作主题为个人主页的网页。经过考虑对制作工具的筛选,决定用Dreamweaver做个人网页,设计和制作图片、页面及图标等。

本网站内容充实,在主页的设计上运用了模板、框架等。分页面上运用了导航条。插入了动态图片以及视频等增加了美观度,在首页的设计上本着简单易懂的原则,用户只要点击链接就能看到自己想看到的链接内容。网站的首页设置了背景音乐,使访问者在浏览的同时还能欣赏到悠扬的旋律。

二、作品结构

利用框架(选取了左右下的框架结构)设置基本模样。左边框架作为导航栏,下边的部分作为滚动图片栏,右上方一大部分作为各个子网页的浏览区,在导航栏插入了音乐,以便放入的音乐不会随着链接的进入而消失,增添了网页的趣味性。导航栏共包括:我的档案、我的日志、我的班级、我的宠物、视频欣赏等五项,分别链接到各个子页面,在导航区的最下方还设置有返回欢迎页面的链接,并且设置导航区的背景、颜色、插入动态图片等。

三、设计方案和步骤

现在重点介绍一下我的网页的制作过程以及其间遇到的种种困难。 开始时我选择了DreamweaverMX作为制作软件,看书学习了一些基础的东西之后就着手开始了我的网页制作,我先初步对网页作了一些页面规划,然后建立了站点,用软件中的一些基本的功能制作,首先是封面,由于Dreamweaver MX没有插入艺术字的功能,所以封面上的艺术字是我先在Word文档里制作好了之后用图片的方式插入的。接着有开始设计主页,我主要用层来设计版面,再适当配合表格,网页基本的框架就出来了,但这时却遇到了一个很令人头疼的问题:突然所有插上去的图片都不能显示了!我用尽了所有能想出来的方法,请教了很多的电脑高手都不能把这个无法解释的问题解决,就连重新安装DreamweaverMX也毫无作用,由于是借别人的电脑,我就一气之下把那些东西都删光了,连Dreamweaer也不例外,当时我真的很失望,想到这两天做的东西一下全没了就很是接受不了,我曾经一度想放弃,不过冷静了之后我决定从头开始。我换了Frontpage,由于对Frontpage一无所知,也没有相关的书籍,所以刚开始建站点和网页的方法只能向别人请教。不过在开始制作了之后我发现Frontpage很多功能和Word相似,于是很快掌握了其许多基本的功能。接着我又熬了一个通宵,决定把前面的损失弥补过来。前面的工作也不能算完全白做,因为至少我在重新制作的时候不必话太多的时间去重新设计版面。还是按照原来的设计,只是改动了一些,大体的框架还是没有改变。

…… …… 余下全文

篇二 :个人网站设计报告

个人网站设计报告

一、设计知识准备

1.静态网页与动态网页

1.1静态网页

1.1.1静态网页概念

所谓静态网页,就是说该网页文件里没有程序代码,只有HTML标志,这种网页一般以后缀.HTML或.HTM存放。静态网页一经制成,内容就不会变化,不管何时何人访问,现时的内容都一样。

1.1.2静态网页工作原理

当大家在浏览器里输入一个静态网页网址回车后,就向服务器提出一个浏览网页的请求,服务器端接到请求后,就会找到大家要浏览的静态网页文件,然后发送给大家。

1.2动态网页

1.2.1动态网页概念

所谓动态网页,就是说该网页文件不仅含有HTML标记,而且含有程序代码,这种网页的后缀一般根据不同的程序设计语言而不同,动态网页能够根据不同的时间、不同的来访者而显示不同的内容。

1.2.2动态网页的工作原理。

当大家在浏览器里输入一个动态网页网址回车后,就向服务器提出一个浏览网页的请求,服务器端接到请求后,首先会找到大家要浏览的动态网页的文件,然后就执行网页文件中的程序代码,将含有程序代码的动态网页转化成为标准的静态网页,然后将静态网页发送给大家。

2.简介

又称ASP+,但它不是ASP的简单升级,而是微软提出的.NET框架的一部分,它是一种以.NET框架为基础开发网上应用程序的全新模式。

.NET框架(.NET FRAMEWORK)主要由以下三部分组成:

(1) 公共语言运行库(Common Language Runtime, CLR)

(2) 基础类库(Base Class Library)

(3) 、、C#等语言运行库。

3.简介

(1)的前身是Visual Basic,这是一种简单好学、功能强大的卡发环境,也是世界上最为流行的程序语言。

(2)对Visual Basic进行了彻底的改革,对底层进行了重建,使其真正成为了面向对象的程序设计语言。

…… …… 余下全文

篇三 :个人主页设计报告

目录

一.   课程设计的目的………………………………………………………2

二.       网站的主题和意义……………………………………………………2

三.       实验基本原理…………………………………………………………3

四.       运行坏境………………………………………………………………3

五.       设计步骤………………………………………………………………3

5.1 网页制作的前期策划和准备

5.2 设计方案

5.3 网页的制作

六.   调试过程分析……………………………………………………………6

七.       网页的测试与发布……………………………………………………6

7.1网页效果截图

7.2网站后台数据库介绍

7.3.数据库初始化以及c/s模式的功能

7.4网页运行结果

7.5网站部分功能原代码

八、小结………………………………………………………………………24

8.1充分发挥动手能力

8.2不足之处

九、参考资料………………………………………………………………….26

一.课程设计的目的

通过本课程的训练,使学生掌握XHTML语言的语法结构,能够使用XHTML语言编写静态网页,控制网页中的文字,图片,超级链接,表格,表单,框架等,能够使用XHTML语言实现移动的文字,制作多媒体页面,能够读懂复杂网页的源代码。熟练使用网页设计工具Frontpage、Dreamweaver MX,能够使用Dreamweaver MX设计网页的框架,导航条,设置文字,图片,超级链接,滚动文字,弹出窗口的属性,能够使用Dreamweaver MX设计出比较复杂的网页,建立小型网站。熟悉Flash MX的绘图,帧,层,属性面板的使用,能够使用Flash MX制作简单的动画,设计网页的FLASH标题。掌握基于WEB的数据库应用,理解在B/S模式下网页如何同数据库之间建立联系,重点了解基于MYSQL和PHP两种方式以及各自的原理和运行环境,学会使用PHP的基本语法、内建对象、内建组件以及PHP访问数据库的方法,能够读懂并修改大型动态网站(PHP网站)的代码。

…… …… 余下全文

篇四 :个人网站设计报告

网络应用与开发实验报告

个人网站设计报告

1

2

个人网站设计报告

3

个人网站设计报告

4

个人网站设计报告

5

个人网站设计报告

6

个人网站设计报告

7

个人网站设计报告

8

个人网站设计报告

9

个人网站设计报告

10

个人网站设计报告

11

个人网站设计报告

12

个人网站设计报告

13

个人网站设计报告

14

个人网站设计报告

15

个人网站设计报告

16

个人网站设计报告

17

个人网站设计报告

…… …… 余下全文

篇五 :个人网站实训设计报告

       

一、课程设计题目. 1

二、课程设计目的. 1

2.1专业能力目的. 1

2.1.1知识目的. 1

2.1.2技能目的. 1

2.2通用能力目的. 1

三、课程设计要求. 2

四、课程设计概述. 2

4.1系统中使用的硬件环境和软件环境. 2

4.1.1 硬件环境. 2

4.1.2 软件环境. 2

4.2 对所开发系统的整体概述. 3

4.3网站整体结构图. 3

五、课程设计任务. 4

六、课程设计步骤. 4

6.1 网站需求分析. 4

6.2 网站系统分析. 4

6.3 系统开发环境介绍. 5

6.4 网站总体功能设计. 8

6.5 系统各页面的详细设计. 9

    6.6 网页调试 ………………………………………………………………………………9

七、结论. 9

八、结束语. 9

九、参考文献. 10

十、附录. 11

一、课程设计题目

个人网站设计

二、课程设计目的

2.1专业能力目的

2.1.1知识目的

    网页设计与制作综合实训是教学过程中重要的环节。它是根据职业岗位的需求,在老师指导下对学生进行的网页制作专业技能的训练,培养学生综合运用知识分析和解决实际问题的能力,是对我们综合分析能力与独立工作能力的培养过程。因此,加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素有着重要的作用。我们读书就是为了获得知识,现在我们学习了网页设计,当然就是要能做一个精美的网页。在此次网页设计中,我们要能更加的了解Dreameaver强大的功能和更好的使用它。通过此次设计我们还要能够知道静态网页和动态网也的区别。诚然,次此设计的个人网页,一方面是为了完成我们的考试,但更重要的是把我们所学到的东西用在具体的实践之中,所以,这次设计的目的也是要我们更好的掌握和使用好和html的核心工具和技术,以便提高对网页知识的更深层了解。第三点也是最要的一点是,把我们在书本上学到的知识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上,把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。

…… …… 余下全文

篇六 :web设计基础报告-个人网页设计和实现

郑州轻工业学院

课 程 设 计 任 务 书

题目            个人网站的设计与实现            

院系               XXX XXX XXX X                 

专业班级          XXX XXX XXX X                 

学号     XXX XXX XXX X     姓名     XXX       

主要内容:

 利用所学内容,设计个人网站

基本要求:

 本系统制作一个个人网站,要求个人网站主题设计思想明确、思路清晰、颜色选择恰当、布局合理;多媒体(图像、音乐、滚动字幕)运用适当;Flash、框架运用合适;适当使用样式页(CSS)等。

…… …… 余下全文

篇七 :个人网站设计实验报告

河 南 工 程 学 院

        

        

课程名称  ASP.NET程序设计实训 

设计题目   个人网站的设计与实现  

系(部)    计算机学院          

班  级                          

学    号                          

姓    名                          

实习时间 2013.12.302014.1.3     

指导教师         李艳玮          

…… …… 余下全文

篇八 :Web 个人网页设计实验报告

郑州轻工业学院

Web前端设计网页设计报告

院系:

班级:

学号:

姓名:

时间:

设计报告

网页设计要求

题目:设计一个不限内容、题材的个人网站,要求页面数量不少于7个。

具体要求

1.网页内容详实、科学、准确、积极、健康、活泼,网页文字及相关链接无错误。

2.网页文件及文件夹的命名符合要求,文件组织合理。

1)首页源文件命名为:index.html。

2)文件夹image存放与网页相关的图片、动画文件等。

3)说明文件Readme.txt内容包括:网页创意及制作的简单说明。

3.网页设计整体设计思路清晰,网页布局合理,风格明快、主题页和其他子页之间协调,主题分明、重点突出。栏目及版面设计,层次结构及链接结构明确,内容布局合理,图画运用得当,效果生动。

4.网页上各主题和附加图片、背景的色彩选配方案要注意做到:色彩柔和、搭配美观、朴素大方,不应过分夸张,使视觉疲劳。

5.使用表格、框架、Css各布局一个页面。

6.有自己创作的flash、JavaScript可加分。

7.文档提交:电子稿与报告(电子稿—网站、报告—网页创意及制作的简单说明)。

网页主题及内容

主题:在世界的各个角落,邂逅最美的你

内容:一些著名的外国旅游、度蜜月胜地,感受当地的风土人情,体验不一样的异域风情。

网页创意

因为自己本身特别喜欢旅游,喜欢尝试不一样的生活环境,和每个少女一样,我也存在着一个和未来的另一半环游世界的梦,所以这次我的网页是以“在世界的各个角落,邂逅最美的你”为主题展开制作,在实现这个环游世界的梦以前,提前感受下各国的风土人情。

网页制作的简单说明

通过主页index可链接到 “马尔代夫的蓝色心情(Maerdaifu.html)、法国的紫色浪漫风情(French.html)、在雅典,我愿意带你,走遍阳光洒过的地方(XILA.html)、行走在巴黎(BaLi.html)、巴塞罗那(Basailuona.html)、ReadMe(ReadMe.html)”,所有图片都经过PS处理过。

…… …… 余下全文