最新网站设计案例推荐word版 15页.docx
- 文档编号:23621794
- 上传时间:2023-05-19
- 格式:DOCX
- 页数:15
- 大小:25.10KB
最新网站设计案例推荐word版 15页.docx
《最新网站设计案例推荐word版 15页.docx》由会员分享,可在线阅读,更多相关《最新网站设计案例推荐word版 15页.docx(15页珍藏版)》请在冰豆网上搜索。
最新网站设计案例推荐word版15页
本文部分内容来自网络整理,本司不为其真实性负责,如有异议或侵权请及时联系,本司将立即删除!
==本文为word格式,下载后可方便编辑和修改!
==
网站设计案例
篇一:
网站设计案例
第1章网站规划与网页设计...............................................3
第2章DIV+CSS布局......................................................18
第3章网页内容排版........................................................36
第4章表格布局...............................................................57
第5章模板......................................................................68
第6章布局表格布局........................................................78
第7章框架布局...............................................................84
第8章浮动框架...............................................................91
第9章图像制作与处理....................................................98
第10章JAVASCRIPT应用...........................................111
第11章行为应用...........................................................127
第12章层和时间轴动画................................................139
第13章ASP环境配置与表单创建................................152
第14章注册登录...........................................................167
第15章网上留言和信息显示.........................................181
第16章后台管理系统架设和使用..................................190
第17章网站测试完善及发布维护..................................196
第1章网站规划与网页设计
【知识能力目标】
1.了解网站开发流程、规划的要求、网页设计的原则
2.了解常见网页制作软件特点和用处以及Dreamweaver的操作环境
3.会规划网站、建立站点
4.会操作Dreamweaver环境
5.能制作简单网页并保存、打开、预览网页
6.会进行本地站点的基本管理
【任务描述】
1.规划网站
从网站的需求分析、主题和内容、名称、整体风格、结构等方面对电子系网站项目进行整体规划,同时设计出主要网页的版式和网站Logo。
2.熟悉网站开发环境
启动Dreamweaver后熟悉编辑界面上的标题栏、菜单栏、文档工具、文档窗口、功能面板及状态栏及其功能。
3.站点管理
创建电子系网站站点,并对本地站点进行管理和操作。
图1-1本地站点效果图
4.制作站长简介网页
根据自身具体情况制作站长简介网页。
图1-2站长简介网页效果图
【预备知识】
1.1网站和网页概述
1.与网站和网页有关的基本术语
WWW是WorldWideWeb的简称,常称为3W或“TheWeb”或“万维网”。
它是一种建立在Internet上的全球性的、交互的、动态、多平台、分布式的图形信息系统,遵循HTTP协议(HyperTextTransferProtocol),主要以“超文本”(Hypertext)或“超媒体”(Hypermedia)的形式提供信息。
浏览网页是WWW操作之一。
URL:
即UniformResourceLocator,它是Internet上信息资源的定位方法。
Server与Browser:
即服务器与浏览器。
用户必须通过浏览器连接到Web服务器上,才能阅读Web服务器上的文件。
网站(即站点):
是Internet上提供Internet服务的一个位置,该位置由独一无二的IP地址或域名描述。
网页:
是指站点中由文本、图像、超链接、动画、声音、视频等内容组成的文档。
Hypertext(超文本):
是一种可以指向其它文件的文字或图像,这种功能称为超级链接(HyperLink)。
HTML语言:
是用来描述组成网页的各个元素的语言。
HTTP(HypertextTransferProtocol):
是一种网络上传输数据的协议,专门用于传输万维网中的信息资源。
ASP页面:
包含程序的网页。
ASP现已发展成一门技术,该技术提供一个服务器端的脚本执行环境,可以执行包含程序(由ASP内置对象和编程语言编写)的页面。
CSS(CascadingStyleSheet):
用于控制表格、图片、文本等元素的效果。
2.网站建立方式
建立网站时可使用自己的Web服务器,也可采用托管服务器。
因接入互连网要租用国际信道和电话线,并需建立中转站、购置一系列计算机设备,费用昂贵,故它们由ISP代劳。
然后,ISP再向本地用户提供接入服务,ISP是提供接入服务的中介。
托管服务器只是其中的一项服务,如某单位将服务器放在ISP机房由ISP维护,单位则通过低速线路(64KB—155MB/S)进行网站的远程管理与维护,然后单位向ISP交纳计算机机架的空间租用费和分摊的接入费用。
还可采用虚拟主机,即租用ISP硬盘空间,有独立的域名和共享或独立的IP地址。
按空间大小和网络宽带资源收费。
优点是费用低,缺点是不支持高访问量。
它适用于小型网站,如企业网站。
个人网站也采用虚拟主机或虚拟目录存放到收费或免费的空间中,也可以拥有独立的域名。
3.中小型网站开发的一般流程
中小型网站开发通常包括3个阶段:
(1)网站规划与网页设计阶段
?
网站需求分析
?
确定网站主题和内容
?
规划网站的整体风格
?
规划网站结构
?
设计页面版式
(2)网页制作阶段
?
页面布局
?
页面内容排版处理(根据需要实现动态功能)
?
各个网页相链接
(3)测试发布与管理维护阶段
?
网站测试与完善
?
网站空间申请、发布、推广
?
网站维护、更新
1.2Dreamweaver概述
篇二:
网页设计的案例分析
网页设计的案例分析
在我们美丽的地球村里,绿色随处可见,如草、叶等的绿。
绿色象征着生命、青春与和平。
绿色,是一种中性色,介于黄色与蓝色之间,是最适合人眼注视的色彩。
由于接近自然的特性,绿色给人沉稳、平静、舒适的感觉。
因此,绿色也是在网页设计中使用得最广泛的颜色之一。
下面笔者就通过不同的绿色搭配方式来分析下绿色在网页设计中的色彩和文字颜色搭配。
绿色设计可以结合任何其他颜色,纹理和阴影,可以直观地改变用户的印象。
添加纹理可以使颜色变暗,光滑的表面纹理则更加丰富性和富有深度。
1.绿色+白色+暗红色
如下图所示,主色调、辅色调HSB模式的数值可看出,主色调与辅色调是同一种色,只是在明度上有所不同,让页面多了些空间感、层次感。
由于绿色本身的特性,所以整个网页看起来很清爽舒适。
中间使用白色块面,拉开了两种绿色之间距离,增加了视觉节奏感。
点晴色暗红色的加入为网页增添了一分光彩,极具诱惑感,页面瞬间活跃提神了不少,使得整个页面配色清新爽朗。
2.绿色同类色+多种点睛色
上图中用色较多,主色调为明度稍低的黄绿色,辅助色则为高明度的黄绿色,二者形成强烈反差,增加了页面层次感。
此图的点晴色有4种,包括红色与主色调绿色、蓝色与橙红色,二者互相形成对比色。
虽说点晴色较多,但都按色相环顺序出现在页面上,形过一个缓和的过渡效果,让人感觉到舒服而非突兀。
整个页面色彩谐调,重点突出,层次分明,热闹多彩又不失井然有序。
这样的网页配色方案的设计适用于小清新类的服装网站。
现今的小清新取景都倾向于海边、公路,若是主色调仍是以白色、黄粉色为主,则会显得单调枯燥。
在此笔者建议可以试试看绿色加上多色点睛色的配色方案,你会大有收获。
3.突出绿色+强暗色系
此图中大家一眼就能看出位于正中间的绿色植物,与周围纯度很高的黑色相比,这样的绿色显得醒目,形成鲜明的刺激对比。
这两组色彩虽然不是严格意义上的对比色,但足够在页面中形成鲜明对比,整个页面瞬间被烘托得鲜活起来。
就像是在油锅中加入水滴一样,瞬间显得生动,有效地突出网页前景。
整个页面显得通透鲜活,主题鲜明。
此外,加入了棕色和白色的,耀眼的绿色得到平衡,起到舒缓视觉的效果,有效平衡了绿色与暗黑色的强烈对比较果。
结论:
中国人普遍认为绿色是青春,向上,活力的代表,在网页设计中也越来越多的运用绿色系,以显示网页设计的年轻的生命力。
运用绿色系,在第一时间给人健康、成熟、稳重、开阔的心理感受,传递网站正能量。
运用绿色系配色方案的还有很多,站长朋友们不妨多去设计类的网站浏览,寻找灵感。
篇三:
宠物网站设计案例
论文摘要
序:
宠物之家网站,是我们小组的网站名称,顾名思义,我们所做的网站是跟宠物有关的。
我们希望可以利用自己所学的知识,将我们的网站做的很好。
我们组共有八名同学,作为小组长的我将我们的网站分为了八个模块。
每个人负责其中的一个模块,最后由我在将首页做好。
在此,我将主要介绍首页和我负责的宠物商店的设计过程。
对论文主要内容的概括
本论文主要介绍宠物之家网站的构建过程以及实现情况。
包括动态页面和静态页面的设置,各种功能的实现。
从设计到实现的阶段都有具体的体现。
重点介绍宠物商店的构建情况。
关键字:
宠物之家
宠物商店
动态网页
注册登录模块
在线投票模块
搜索引擎模块
留言版模块
摘要..................................................................................................................................................1
目录..................................................................................................................................................2
第一章绪论...............................................................................................................................3
1.1研究目的与意义................................................................................................................3
1.1.1研究目的.................................................................................................................3
1.1.2选题背景.................................................................................................................3
1.1.3研究意义.................................................................................................................4
1.2基本理论............................................................................................................................4
1.3文献综述............................................................................................................................6
第二章宠物之家网站设计策划...............................................................................................8
2.1设计讨论.............................................................................................................................8
2.2网站的主题........................................................................................................................9
2.3实现的功能.........................................................................................................................9
2.4页面风格.............................................................................................................................9
2.5推广自己的网站...............................................................................................................11
第三章宠物之家网站设计实现...................................................................................................13
3.1网站建设网页设计的流程和具体实现...........................................................................13
3.2介绍整个网站的页面效果、功能实现...........................................................................13
3.3动态网页的交互流程.......................................................................................................16
第四章宠物商店功能模块的实现.........................................................................................18
4.1宠物商店的模块设计......................................................................................................18
4.2动态网页的制作..............................................................................................................18
4.2.1注册登录以及个人资料修改模块........................................................................19
4.2.2留言版模块............................................................................................................22
4.2.3在线投票以及结果显示模块................................................................................23
4.2.4搜索引擎模块.......................................................................................................25
4.2.5动态模块的总结...................................................................................................26
4.3静态网页制作..................................................................................................................26
4.3.1网页布局...............................................................................................................27
4.3.2图片链接以及Flash的插入................................................................................27
4.3.3CSS样式的使用....................................................................................................27
4.3.3flash图像查看器的使用.......................................................................................28
第五章宠物之家首页的实现.................................................................................................29
5.1对于logo的设计..............................................................................................................29
5.2个性化设置.......................................................................................................................29
5.3时间轴的使用...................................................................................................................30
5.4背景图片的切分...............................................................................................................30
5.5添加背景音乐..................................................................................................................30
第六章总结...................................................................................................................................31
参考文献.........................................................................................................................................33
第一章绪论
1.1研究目的与意义
1.1.1研究目的
宠物之家网站是我们的小组网页设计课程的期末考试作业。
作为一个电子商务专业的学生,我认为学会如何做网站是我们必备的技能。
因此,这个网站对于我而言,不仅仅是一个作业,是我们为了学会一种技能,也是我们提高自己能力的过程。
我们努力完成一个具有多种功能的网站。
人贵在有一技之长。
研究这个网站的构建情况,有助于我们很好的了解构建一个网页所需要的整体过程,从一开始的设计到建设到维护阶段。
每一个阶段都需要我们认真地对待,需要我们进行统筹分析并进行实施。
我们每个人都需要百分百的投入其中,并进自己的一份力。
1.1.2选题背景
随着时代的不断发展,我们的脚步已经迈入信息社会的大门。
计算机技术的发展,特别是网络技术的飞速发展,给文档的保存和管理提供极大的方便。
在这信息化的社会里,人门对信息传递服务需求的及时性越来越迫切,要求越来越高。
工作和生活中要涉及到大量的信息查询与修改,信息存储和共享。
在具体制作中,用ASP技术来实现B/S系统,ASP技术与数据库技术结合,用户在浏览器端可以随意查询自己需要的标本,而数据的后台操作则由服务器端处理。
这样提高了网页的互动性,使整个系统能更好的为用户服务。
我们所学的就是以Dreamweaver和ASP相结合作网页的技术。
本网
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 最新网站设计案例推荐word版 15页 最新 网站 设计 案例 推荐 word 15