08计算机网页设计毕业论文马恒桐

时间:2024.5.14

综 合 实 训

题 目: 网站制作

专 班 级: 计算机081

姓 名: 马恒桐

指导老师: 焦战

答辩时间: 2011-4-16

大连工业大学职业技术学院

网站的设计与制作

目 录

第一章 前言??????????????????3页

第二章

1.1课题来源 ?????????????????4页

1.2 网站开发项目需求分析???????????4页

1.3 软件???????????????????5页

1.4 软件运行环境???????????????5页

第二章 网站制作

2.1做网页的步骤???????????????6页

2. 2做网页的要素???????????????7页

2.3 系统各模块功能实现????????????9页

第三章 网站的设计

3.1 主页的要求????????????????10页

3.2 子页的要求????????????????10页

第四章 结束语????????????????11页 参考文献???????????????????11页

摘要

网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,网页制作是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

关键词:

超链接外观 性能

第一章 前言

1.1课题来源

随着二十一世纪新兴科技的飞速发展,如今的电子信息产业正在经受着一个巨大的挑战,同时也面临着一个重大的机遇。就目前的科技发展水平而言,电子信息产业的发展已经不能够满足社会化大生产的要求,因此,各个国家集中人力、财力加大对信息技术产业的投入,以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界,缩紧了人与人之间的距离,这就更容易的使我们走上信息化的道路。

以往,人们出行都以自行车居多,后来公交事业发展壮大,人们便乘坐公交汽车,现如今,随着人们生活水平的提高,越来越多的家庭已经拥有或者想拥有自己的私家车。

正是因为人们的这些需求,越来越多的汽车网站出现在网络上,使人们可以随时了解自己想知道的汽车方面的新闻,真正的做到足不出户,便知天下事。把汽车销售与网络连接起来,是今后汽车销售发展的必然方向之一。

1.2 网站开发项目需求分析

一个网站项目的确立是建立在各种各样的需求上面的,这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要,其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户,项目的负责人对

用户需求的理解程度,在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求,并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员,保证开发过程按照满足用户需求为目的正确项目开发方向进行,是每个网站开发项目管理者需要面对的问题。据专家预计,20xx年我国汽车需求量将超过850万辆。所以,做好汽车网站就是为了使广大的消费者提供及时和有效的信息,为其选择适合自己的产品提供良好的参考。

1.3 使用软件

dreamwraver软件由美国著名的网站应用开发工具生产厂商Adobe于20xx年6月推出并正式投入市场以来,已经发展得相当成熟。关于dreamwraver的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习,对dreamwraver有了比较深刻的认识,并比较轻松的掌握了dreamwraver的操作。因此,软件技术可以完成任务的要求。

1.4 软件运行环境

Dreamweaver是一款简体中文软件,可以在Win2003/WinXP中安全运行

第三章 网站制作

2.1制作网页的步骤

再做网页之前,我确定了做网页的五个步骤。

一、确定网站主题 :网站主题就是要建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。

二、搜集材料 :明确了网站的主题以后,你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

三、规划网站 :一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。

四、选择合适的制作工具 :尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

五、制作网页 :材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先

大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

2.2制作网页的要素

1、网页的整体布局设计

网页设计作为一种视觉语言,要讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,应充分加以利用和借鉴。版式设计通过文字图形的空间组合,表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时,更要注意为了达到最佳的视觉表现效果,而讲究整体布局的合理性,比如一家生产型的企业,它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验,从而方便他对产品的了解,促成最后的购买。

2、网页设计中色彩的运用

色彩是艺术表现的要素之一,在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响,合理地加以运用,按照色彩

的记忆性原则,一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质,如红色象征血、太阳;蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时,应使用淡雅而沉静的颜色,使人心理上感觉凉爽一些,增强人们的购买心理,使得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制,但不能毫无节制地运用多种颜色,一般情况下,先根据总体风格的要求定出一至二种主色调,在已经有了完备的CIS(企业形象识别系统)的企业进行网页设计时,更应该按照其中的VI进行色彩运用。在色彩的运用过程中,还应注意的一个问题是:由于国家和种族、宗教和信仰的不同,以及生活的地理位置、文化修养的差异等,不同的人群对色彩的喜恶程度有着很大的差异。如:儿童喜欢对比强烈、个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人喜欢绿色。在设计中要考虑众多因素。

3、网页形式与内容相统一

要将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。如对称原则在页面设计中,它的均衡有时会使页面显得呆板,但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现内

容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素,要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的,很多时候都需要将它们结合起来,表达完美的设计意境。

2.3 系统各模块功能实现

1.系统登录模块

1)该功能模块可以记录客户的邮箱地址,交易时还可以向客户发送交易信息,到帐确认等等。

2)登陆后系统会调出客户的记录,按照交易量的不同客户享受的折扣也不同, 系统主界面

2. 车辆展示模块

1)该功能模块主要实现对车辆的展示。

2)该功能模块图片、文字介绍,360度flash对各种车辆的展示。

3.账号管理模块

1)挂失业务在正常工作中肯定会遇到挂失的业务,确定挂失后,数据库会将该账号挂起,等待客户做进一步操作。

2)冻结业务,客户对账号有冻结的权利,在客户没有输入解冻密码之前,任何人都无法动用帐上的资金。

3)流水查询客户可以查询曾经交易过的记录。

4)客户可以自行对其账号密码进行修改,网站管理人员也可

以添加或删除账号。

第三章 网站的设计

3.1 主页的要求

对于销售业务系统要求运行的工作环境稳定,易于操作,界面美观大方,对于前台展示界面要求系统便于维护,安全可靠,对于广大客户所要执行的操作简单易懂,远程访问速度较快,界面友好美观,有基本的错误提醒功能,远程操作数据库正确,要求和客户有一定的互动性,在主页上直观的就可以查看浏览者所想要了解的东西。

3.2子页的要求

后面的工作就是子页的选择与链接,子页应该丰富多彩,

内容充实,浏览性强,比如说,想要销售一辆汽车,应该有它的全部资料,包括外观、内饰、性能指标、出产地、价格等诸多方面,鉴于以上方面,我开始了子页的选择与链接。

第四章 结束语

在系统的需求分析过程中,由于不熟悉,产生了很大的困难,通过与指导老师的探讨与沟通,我渐渐地对系统有了一个大体的认识。虽然说在系统需求分析过程中花费了很多时间,但是我认为这是必要的也是必须的。

致 谢

在整个毕业设计过程中,指导教师给了我极大的帮助,并给予我悉心的关怀与指导,在此表示衷心地感谢。老师认真负责的工作态度、严谨的治学风格,使我深受启发。开发的同时,和同组同学们之间的相互探讨也使我获益匪浅,在开发工具的选择上,她给了我不少的指导,在此也表示衷心地感谢。在此同时也给了我不少的指导工作,在此也表示衷心地感谢。

参考文献

〈1〉《信息技术》江苏科学技术出版社 〈2〉《网页制作》人民邮电出版社

<3>《dreamweaver8参考手册》20xx年版。


第二篇:计算机网页设计毕业论文(王胜)


河南商业高等专科学校 2011 届网站设计(论文)

我的网站设计

院 (系): 计 算 机

学生姓名:

指导教师: 李 奇

专 业: 计算机应用专业

班 级: 计应 (2)

完成时间: 20xx年4月5日星期二

20xx年4月

摘 要

伴随着社会的发展和科学的进步,上网成为越来越多人们的选择。随着互联网的飞速发展,有关网络的技术也层出不穷。从静态网页到动态网页的变化也正说明了这一点。掌握动态网页的基本知识,以及动态网页设计原则和设计过程就显得尤为重要。

一 、 动态网页的发展

伴随着网络的出现,网页逐渐融入人们的生活。快速及时的新闻浏览,五彩缤纷的网上信息,网络与人们的生活息息相关,于是世界上又出现了第三媒体——Internet。制作网页是企业和个人的宣传自己的重要手段,同时也是学习者获取学习信息的重要手段,尤其是在教育领域,在素质教育与终身教育成为必然的今天,人们对信息的需求有了更新,更高的要求,而网页由于本身所具有的信息量大,传递快速,没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的教育资源。为了更有效的利用这种资源,本文对动态网页布局设计方面进行了有益的探索。

1、网页

什么是网页呢?网页实际是一个文件,他存放在世界某个角落的的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。

文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为:文字,就是网页的内容,图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。

2、网页的类型

通常我们看到的网页,都是以 htm 或 html 后缀结尾的文件,俗称 HTML 文件。不同的后缀,代表不同类型的网页文件,如CGI、ASP、PHP、JSP等。

第 2 页

关键字:动态网页、网页、网络、html

前 言

随着信息技术的飞速发展,电子商务、电子政务及办公信息化成为未来的必然趋势,Web在计算机领域得到最为广泛的应用,动态网页的设计也成为Web开发的核心内容。

ASP是微软公司开发的服务器端脚本运行环境,是目前开发动态网页的主流技术之一,它简单易学、功能强大且易于扩充,深受Web开发人员的喜爱,常用于开发基于Internet/Intranet平台的Web应用程序。互联网应用技术成了这些热门应用的必备知识。

本文主要介绍了动态网页的网页的布局设计,特别是网页的代码编写布局设计。

全文分为三章。第1章和第2章介绍峡溪漂流网站的基本设计和峡溪漂流的简介:第3章详细介绍了在Dreamweaver用html语言给网页的布局。

编 者 :孟卓伟

20xx年8月

第 3 页

目 录

摘 要.............................................................. 2 ABSTRACT........................................... 错误!未定义书签。

前 言.............................................................. 3

第一章 网站的设计................................................... 5

一、 文件的设置 ................................................. 5

二、 表格的设计 ................................................. 5

三、主表格的设计 ................................................ 6

第二章 网站简介.................................................... 6

一、峡溪漂流概述 ................................................ 6

二、网页设计 .................................................... 7

2.2.1景点拍照 ............................................... 7

2.2.2收集资料 ............................................... 7

2.2.3图片处理 ............................................... 7

第三章 网页的设计................................................... 7

一、文件的设置 .................................................. 7

二、布局设计 .................................................... 8

三 主表格的设计 ................................................. 8

四 首页的布局 ................................................... 8

五、二级页面的设计 ............................................. 14

六、留言页面的设计 ............................................. 14

七、总结 ....................................................... 15

第 4 页

第一章 网站的设计

一、文件的设置

1. 在网站根目录中开设images 一个子目录,根据需要再开设images目录中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner 条、菜单、按钮等等。为节约时间并且文件数不是很多的话可以将其它的文件和images文件夹放在一个文件夹里。我就是用的这种方法;如果文件数多,为了以后更好的查找文件应该再建三个文件夹common、temp、media。common 子目录中放css、js,、php、include 等公共文件;temp 子目录放客户提供的各种文字图片等等原始资料;media 子目录中放flash, avi, quick time 等多媒体文件 。

2. 文件数量不多,可以将所有的文件都和images放在同一文件夹里;文件数量比较多了,原则上就应该在根目录中按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件,如果这个栏目的内容特别多,又分出很多下级栏目,可以相应的再开设其他目录。

3. 如果开设了temp,则temp 目录中的文件往往会比较多,建议以时间为名称开设目录,将客户陆续提供的资料归类整理。

4. 除非有特殊情况,目录、文件的名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录的命名请尽量以英文为指导,不到万不得已不要以拼音作为目录名称,经验证明,用拼音命名的目录往往连一个月后的自己都看不懂。

二、表格的设计

网页的存在,则必需有一个布局的存在,布局是所有内容的基础,也是整个

第 5 页

网页的基础;同时布局设计好坏也决定了一个网页在Internet上的访问速度。所以一个网页好不好看、好不好用很多时候都决定于布局设计方面。

因为结构比较简单,我下面采用的是用表格布局。这样对网页的访问速度还是有帮助的。

三、主表格的设计

这次我设计的网页是一款小巧而精美的网站,所以我考虑到把整个网页的内容都要在显示器上一个屏幕的大小就能显示出来,而现在显示器的分辨率一般为1024*768以上,所以按照这种思路我把最外层的表格设置如下:

<table width="960" height="414" border="0" align="center"

cellpadding="0" cellspacing="1">

<tr><td>&nbsp;</td</tr>

</table>

这样网页的内容都一眼就能全部看到了。

第二章 网站简介

一、峡溪漂流概述

宁乡沩山风景名胜区峡溪漂流景区于20xx年10月1日正式对外营业。 湖南宁乡沩山峡溪漂流风景区地处湖南省宁乡县黄材镇(原崔坪乡)境内,距县城62公里。漂流全长9公里,水位落差98.5米,急滩21个。本景区采取二人自助漂。境内风清气爽、气候宜人,是旅游避暑胜地;峡溪水质一流、资源丰富、落差大、多、长、刺激、动感、曲折迭宕、深谷幽潭,宜于漂流。景区内主要精华景点有:迎客松、扇子排、情侣树、烽火台、雷打石、狮身人面像等。

省会周边近距离内最大最具特色的天然溶洞——千佛洞,离此处仅1公里的车程。洞内石钟乳、石笋、石桩千姿百态,鬼斧神工,令人神往;洞外,青山对峙、地形奇峻、风景怡人。这里交通方便,设施齐全,内设高档宾馆、餐厅、烧烤、民俗表演等,吃、住、玩、乐,一应俱全。

宁乡沩山峡溪生态旅游有限责任公司以360°休闲旅游为理念,着力打造全

第 6 页

方位精品:激情漂流、晨漂、夜漂、峡谷探秘、探险、岸降、溯溪、溪降等,日后还拟大规模投资建设农业观光园、少年水库度假村,湖南宁乡沩山峡溪漂流风景区将集餐饮、度假、娱乐、健身于一体,成为生态休闲度假旅游区。驾一叶小舟,乘风破浪,妙趣横生!

湖南宁乡沩山峡溪漂流风景区抖动迷人的风姿,迎接海内外各地朋友前来观光、旅游,激情一漂!

二、网页设计

确定网站制作栏目,确定界面风格和大致框架结构后,根据风格对图片进行处理,并掌握logo设计的基本方法和设计风格统一的按钮、底纹、边框,确定网站的大致界面。

2.2.1景点拍照

峡溪漂流flash网站设计需要运用大量的景点图片,进行具有特色和风格的视觉创意。因此,需要在景点取景,用于点缀、丰富网页。

2.2.2收集资料

现场取景拍照受到各种因素的影响,因而导致取景不够全面,因此为了满足网页设计的需求,必须要收集大量的不同角度的相关照片。当然,也必须要收集大量的有关峡溪漂流的其他各方面资料,用以充实网页。

2.2.3图片处理

Photoshop具有强大的图像修饰功能。利用这个软件,可以快速修复一张破损的照片,也可以修复照片本身所存在的一些缺陷。为了这些照片能够具有更好的视觉效果,运用Photoshop软件对图像的颜色进行了明暗、色编的调整和校正,使图片的效果更为突出,同时也是图片的风格与网页的风格更为协调统一。

第三章 网页的设计

一、文件的设置

1. 在网站根目录中开设images 一个子目录,根据需要再开设images目录中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner 条、菜单、按钮等等。为节约时间并且文件数不是很多的话可以将其它的文件和images文件夹放在一个文件夹里。我就是用的这种方法;如果文件数多,为了以后更好的查找文件应该再建三个文件夹common、temp、media。common 子目录中放css、js,、php、include 等公共文件;temp 子目录放客户提供的各种文字图片等等原始资料;media 子目录中放flash, avi, quick time 等多媒体文件 。

第 7 页

2. 文件数量不多,可以将所有的文件都和images放在同一文件夹里;文件数量比较多了,原则上就应该在根目录中按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件,如果这个栏目的内容特别多,又分出很多下级栏目,可以相应的再开设其他目录。

3. 如果开设了temp,则temp 目录中的文件往往会比较多,建议以时间为名称开设目录,将客户陆续提供的资料归类整理。

4. 除非有特殊情况,目录、文件的名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录的命名请尽量以英文为指导,不到万不得已不要以拼音作为目录名称,经验证明,用拼音命名的目录往往连一个月后的自己都看不懂。

二、布局设计

网页的存在,则必需有一个布局的存在,布局是所有内容的基础,也是整个网页的基础;同时布局设计好坏也决定了一个网页在Internet上的访问速度。所以一个网页好不好看、好不好用很多时候都决定于布局设计方面。

因为结构比较简单,我下面采用的是用表格布局。这样对网页的访问速度还是有帮助的。

三 主表格的设计

这次我设计的网页是一款小巧而精美的网站,所以我考虑到把整个网页的内容都要在显示器上一个屏幕的大小就能显示出来,而现在显示器的分辨率一般为1024*768以上,所以按照这种思路我把最外层的表格设置如下:

<table width="960" height="414" border="0" align="center"

cellpadding="0" cellspacing="1">

<tr><td>&nbsp;</td</tr>

</table>

这样网页的内容都一眼就能全部看到了。

四 首页的布局

第 8 页

首页分为左右两部分,左边是一个flash,右边则是网页的内容介绍。按照一定比例将最外层表格划分为两个单元格,设置如下:

<table width="960" height="414" border="0" align="center" cellpadding="0" cellspacing="1">

<tr><td width="350">&nbsp;</td><td width="470">&nbsp;</td></tr> </table>

左右设计好后,再根据内容设计表格,当然,为了提高网页的访问速度,表格的嵌套不超过三层。其它设计如下:

<table width="960" height="414" border="0" align="center"

第 9 页

计算机网页设计毕业论文王胜

cellpadding="0" cellspacing="1">

<tr>

<td height="20" colspan="2">&nbsp;</td></tr><tr>

<td align="right"><table width="350" height="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

<tr>

<td height="65" align="center" valign="bottom">&nbsp;</td> </tr><tr>

<td height="535" align="center" valign="middle">&nbsp;</td> </tr></table></td>

<td width="500" align="left" valign="top"><table width="470" border="0" cellspacing="1" cellpadding="0">

<tr>

<td height="20">&nbsp;</td></tr><tr>

<td height="30" align="left">&nbsp;</td></tr><tr>

<td height="130" align="left"

valign="top">&nbsp;</td></tr><tr>

<td height="160" align="left" valign="top"><table width="450" height="160" border="0" cellpadding="0" cellspacing="0"

bordercolor="#999">

<tr>

<td width="25" align="center" valign="middle"

bgcolor="#397EB7"><p class="STYLE1">&nbsp;</p>

<p class="STYLE1">&nbsp;</p>

<p class="STYLE1">&nbsp;</p>

<p class="STYLE1">&nbsp;</p></td>

<td valign="top" bgcolor="#A5CAE5"><table width="425" border="0" cellpadding="0" cellspacing="0">

<tr>

第 10 页

<td width="10" rowspan="8">&nbsp;</td>

<td width="265" height="12">&nbsp;</td>

<td width="150" rowspan="8" align="center"

valign="middle"><img src="images/sou.gif" width="140" height="140" /></td></tr><tr>

<td height="20" valign="bottom" class="STYLE5"><a href="#" target="_self">&nbsp;</a></td></tr><tr>

<td height="20" valign="bottom" class="STYLE5"><a href="#" target="_self">&nbsp;</a></td></tr><tr>

<td height="20" valign="bottom" class="STYLE5"><a href="#" target="_self">&nbsp;</a>.</td></tr><tr>

<td height="20" valign="bottom" class="STYLE5"><a href="#" target="_self">&nbsp;</a></td></tr><tr>

<td height="20" valign="bottom" class="STYLE5"><a href="#" target="_self">&nbsp;</a></td></tr><tr>

<td height="20" valign="bottom" class="STYLE5"><a href="#" target="_self">&nbsp;</a></td></tr><tr>

<td>&nbsp;</td></tr></table>

</td></tr></table></td></tr><tr>

<td height="235" valign="top"><table width="475" height="200" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr>

<td height="5" colspan="5" valign="top"

bgcolor="#A5CAE5">&nbsp;</td>

<td width="25" rowspan="13" align="center" valign="middle" bgcolor="#397EB7"><p class="STYLE1">&nbsp;/p>

<p class="STYLE1">&nbsp;</p>

<p class="STYLE1">&nbsp;</p>

<p class="STYLE1">&nbsp;</p></td></tr><tr>

第 11 页

<td width="80" rowspan="5" align="center" valign="middle" bgcolor="#A5CAE5">&nbsp;</td>

<td width="10" height="18" valign="middle"

bgcolor="#A5CAE5" class="STYLE6">&nbsp;</td>

<td valign="middle" bgcolor="#A5CAE5" class="STYLE6"><a href="#" target="_self"></a></td>

<td valign="middle" bgcolor="#A5CAE5"class="STYLE7"><a href="#" target="_self" >&nbsp;</a></td>

<td width="50" valign="middle" bgcolor="#A5CAE5"

class="STYLE6">&nbsp;</td></tr><tr>

<td height="18" valign="bottom" bgcolor="#A5CAE5"><a href="#" ></a></td>

<td width="20" valign="bottom"

bgcolor="#A5CAE5">&nbsp;</td>

<td valign="bottom" bgcolor="#A5CAE5" class="STYLE7"><a href="#" target="_self">&nbsp;</a></td>

<td height="18" valign="bottom"

bgcolor="#A5CAE5">&nbsp;</td></tr><tr>

<td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td> <td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td> <td height="18" valign="top" bgcolor="#A5CAE5"

class="STYLE7"><a href="#" target="_self">&nbsp;</a></td>

<td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td> </tr><tr>

<td height="18" valign="top" bgcolor="#A5CAE5" >&nbsp;</td> <td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td> <td height="18" valign="top" bgcolor="#A5CAE5"

class="STYLE7"><a href="#" target="_self">&nbsp;</a></td>

<td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td>

第 12 页

</tr><tr>

<td height="8" colspan="4" valign="top"

bgcolor="#A5CAE5">&nbsp;</td></tr><tr>

<td height="5" colspan="5" valign="top"

bgcolor="#A5CAE5"><p>&nbsp;</p></td></tr><tr>

<td rowspan="5" align="center" valign="middle"

bgcolor="#A5CAE5"><img src="images/2.gif" width="70" height="70" /></td>

<td valign="top" bgcolor="#A5CAE5"

class="STYLE6">&nbsp;</td>

<td valign="top" bgcolor="#A5CAE5" class="STYLE6"><a href="#" target="_self"></a></td>

<td height="18" valign="top" bgcolor="#A5CAE5"

class="STYLE7"><a href="#" target="_self" >&nbsp;</a></td>

<td height="20" valign="top" bgcolor="#A5CAE5"

class="STYLE6">&nbsp;</td></tr><tr>

<td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td> <td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td> <td height="18" valign="top" bgcolor="#A5CAE5"

class="STYLE7"><a href="#" target="_self"&nbsp;</a></td>

<td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td> </tr><tr>

<td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td> <td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td> <td height="18" valign="top" bgcolor="#A5CAE5"

class="STYLE7"><a href="#" target="_self">&nbsp;</a></td>

<td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td> </tr><tr>

<td height="18" valign="top" bgcolor="#A5CAE5" >&nbsp;</td>

第 13 页

<td height="18" valign="top" bgcolor="#A5CAE5">&nbsp;</td> <td height="18" valign="top" bgcolor="#A5CAE5"

class="STYLE7"><a href="#" target="_self">&nbsp;</a></td>

<td height="18" valign="top" bgcolor="#A5CAE5" >&nbsp;</td> </tr><tr>

<td height="8" colspan="4" valign="top"

bgcolor="#A5CAE5">&nbsp;</td>

</tr><tr>

<td height="5" colspan="5" valign="top"

bgcolor="#A5CAE5">&nbsp;</td>

</tr></table></td></tr></table></td></tr></table>

五、二级页面的设计

二级页面(除了留言页面)的布局和首页非常相似,只需将右侧的表格做小的修改或删除就可以了。

六、留言页面的设计

因留言页面涉及到文本的输入,所以要在页面中设计文本输入框,单行文本域设计如下:

<input name="zhuti" type="text" size="40" >

多行文本域设计如下:

<textarea name="textarea" cols="40" rows="20"></textarea>

左侧内容的显示是在每一个表格中显示出来不同内容的,所以设计如下: <table width="328" border="0" align="center" cellpadding="0"

cellspacing="0" id="liuyan">

<tr><td>&nbsp;</td><td>&nbsp;</td></tr>

<tr><td align="right" class="STYLE15" width="90">主

&nbsp;&nbsp;&nbsp; 题:</span></td>

<td width="232" align="left"

class="STYLE15">&nbsp;</td></tr>

<tr>

第 14 页

<td align="right" class="STYLE15">留言内容:

</span></td>

<td align="left" class="STYLE15">&nbsp;</td></tr> <tr>

<td align="right" class="STYLE15">时&nbsp;&nbsp;&nbsp; 间:</span></td>

<td align="left" class="STYLE15">&nbsp;</td></tr> <tr>

<td align="right" class="STYLE15"> 回&nbsp;&nbsp;&nbsp; 复: </td>

<td align="left" class="STYLE15">&nbsp;</td>

</tr><tr><td colspan="2" class="STYLE8">&nbsp;</td></tr> </table>

七、总结

网站的整体布局已经基本出来了,只需要将内容加进去就是一个完整的网站了。

在上述所说的的布局中,全部是使用的代码,当然这种布局不是最简单、实用的方法,DW中的布局可视化设计是一个十分不错的选择,当然完全的窗口操作会给后面的数据添加带来很多的不便,所以,设计和代码结合是我觉得最实用也是最好用的方法

第 15 页

更多相关推荐:
计算机毕业论文范文( 网站设计)

计算机毕业论文范文最新版论111设计思想112开发工具的选用及介绍1第二章网站总体分析与设计221网站系统分析222主页设计323数据库设计4第三章详细设计431家长学校联络簿432网上图书馆1133网上评优投...

网页设计毕业论文

网站的设计与制作目录第一章前言第二章11课题来源12网站开发项目需求分析13软件14软件运行环境第二章网站制作21做网页的步骤22做网页的要素23系统各模块功能实现第三章网站的设计31主页的要求32子页的要求第...

网页设计毕业论文

网页设计毕业论文简介前言随着时代的发展网站建设越来越接近于一门艺术而不仅仅是一项技术网页的艺术设计日益被网站建设者网页设计毕业论文正文开始gtgt前言随着时代的发展网站建设越来越接近于一门艺术而不仅仅是一项技术...

优秀计算机毕业论文 ASP网页设计与制作毕业论文范文 计算机毕业设计范文

江西蓝天学院专科生毕业设计论文简史HTML超文本标记语言HypertextMarkupLanguage网络的资讯越来越多网站须有引人注意的外观才能增加浏览人次达到宣传的目的人们开始注意网页的外观HTML亦因此变...

网页设计毕业论文1

网站的设计与制作目录第一章前言第二章11课题来源12网站开发项目需求分析13软件14软件运行环境第二章网站制作21做网页的步骤22做网页的要素23系统各模块功能实现第三章网站的设计31主页的要求32子页的要求第...

网页设计毕业论文

第一章前言311课题来源312网页设计的需求分析313软件314软件运行环境4第二章网页制作421做网页的步骤422做网页的要素423系统各模块功能实现6第三章网页的设计731主页的要求732子页的要求7第四章...

网页设计毕业论文

毕业设计题目网页设计中国书画网所属系部电子信息与电气工程年级专业计算机多媒体0000姓名000学号20xx0000000000000指导教师000000完成时间20xx年5月中国书画网的设计与制作0000000...

网页设计毕业论文

冀中职业学院毕业论文题目基于Dw和Ps在网页设计中应用的讨论系别专业班级学号姓名指导教师摘要随着时代的发展网站建设越来越接近于一门艺术而不仅仅是一项技术网页的艺术设计日益被网站建设者所注重在目前国内对此领域研究...

基于Dreamweaver的网页设计(标准格式毕业论文)

石家庄科技信息职业学院顶岗实习岗位技术工作论文基于Dreamweaver的网页设计学号121404218姓名专业软件技术年级12级企业指导老师二一五年三月题目基于Dreamweaver的网页设计企业指导教师评语...

东北石油大学本科生毕业设计(论文)撰写格式

东北石油大学本科生毕业设计(论文)撰写规范本科生毕业设计(论文)工作是实现本科培养目标的综合性实践教学环节,是学生在校期间所学知识及各种能力的综合应用与升华,是对各专业教学目标、教学过程、教学管理和教学效果的全…

网页设计论文

网页设计基础与维护课程论文系院生物与化学工程学院指导老师李向江联系方式1网页设计浅见摘要信息的传递由史前的口口相传到昂贵的布帛再到廉价的纸张以至如今更方便容量更大的的磁盘等信息化工具每一次革新都是人类的一次伟大...

动态网页制作的设计论文

毕业论文动态网页的设计制作前言在Internet得到广泛应用的今天网页已经成为一种不可替代的信息交流工具他以交互式的特点开创了人们进行信息交流的新方式以往的静态网页大多不能与数据库连接交互能力有限不能很好的实现...

网页设计毕业论文(30篇)