个人网站设计

个人网站设计（精选十篇）

个人网站设计 篇1

关键词：网站设计,安全,域名

1 确定网站主题

随着网络在当今社会中的日益普及, 它在人们生活中起到了重要的作用, 网络服务成为一种重要的新生活方式, 以其独特的便利性与实惠性, 成为了许多网民的首选。那么怎样才能制作一个实用赚钱的网站, 在这里为大家简要说明一些基本的制作步骤。

1.1 选择合适域名

域名是个人网站在互联网上的名字, 像造房必须有一个地址一样, 一个网站同样也必须有一个域名, 由ISP提供。一个网站的建设的价值都凝结在其网站域名上, 失去这个域名所有后期工作就将全部落空。

目前, 做个人网站很多的依赖免费域名, 使用虚拟域名服务对个人网站的推广与发展极为不利, 不光是它“适时”的开启的窗口妨碍了浏览者的视线和好感, 让人容易发现是个人网站, 造成吸引力不强, 无法吸引浏览者。所以不妨花钱注册一个域名, 有了自己的独立域名, 就完成了自己个人网站制作的第一步。

1.2 建立网络平台

有了自己的域名这个个人主页的门牌之后, 就要像盖房子一样需要一个空间了。有两种方式:第一种是找一个专门的服务器, 这是对于有经济实力的企业或者个人选择的比较好的一种方式, 选择这种服务器的费用比较高, 再加上投入的人力, 物力合计起来将投放大量资金。另一种是虚拟主机方式, 所谓的虚拟主机是使用特殊的软件与硬件技术, 把每台计算机主分为成一台“虚拟主机”虚拟主机与真正的主机并没有太大区别, 如果是个人上网采用虚拟机方式比较好。一页网页所占磁盘空间大约20到50千字节, 10兆大约可以放置200到500页, 如果你要让自己的网站炫起来, 可以加放图片, 视频等, 这就需要比较大的空间了。相比之下, 虚拟主机方式比独立服务器选择上将减少许多成本, 更适合于个人的网建。

2 确定网站界面

完成网站主体建设后, 就要开始建设网站界面了。对于站点界面的制作要做到精致, 细腻。站点界面是浏览者与网站的第一次接触, 站点界面本身的风格与表现主题都将呈现出来, 想要让界面吸引浏览者, 对于初建网站者, 要从以下几点入手。

2.1 栏目与板块编排

首先要列出提纲, 才能明确主题, 层次分明, 不至于忘记模块的编排。其次就是进行合理规划, 从刚开始的网站域名选择到后期的网站维护的思路都会清晰而简明, 防止目录庞杂混乱, 板块编排混乱等, 所以我们制作网站之前, 一定要考虑好栏目和板块的编排等问题, 网站的基本资料, 进行合理编排。以下几点对于初建者应该注意:2.1.1如果与主题无关的栏目尽可能的不要登陆在网站上面, 这样可以减少网站空间的浪费。2.1.2将网站中最有价值的内容列在栏目上, 要尽量突出主题。2.1.3网站建设需要从访问者的角度来编排栏目, 以方便访问者的浏览和查询。还有一些辅助内容, 如站点简介, 版权信息, 个人信息大可不必放在主栏目里, 以免冲淡主题。2.1.4各板块要有相对独立性, 要有相互关联围绕站点主题等。

2.2 目录结构与链接结构

目录的结构是建设网站界面中容易忽略的问题, 大多数的网站制作者都是未经规划, 随意创建目录, 达到快速创建网站的目地。目录结构的好坏, 对于上网浏览页面的浏览者并没有太大的影响, 但是对于网站本身的维护内容的扩充将带来巨大影响, 所以建立目录结构要仔细安排, 通常FRONTPAGE网站建站时都会默认建立根目录与IMAGE子目录, 首先建立目录结构注意的问题, 不要将全部的文件放在根目录下, 这样会造成文件管理混乱, 搞不清哪些文件需要更新与编辑, 哪些文件需要删除, 哪些是相关文件, 造成管理上的麻烦, 这一点我们应该注意, 在就是最好按栏目内容建立子目录, 子目录的建立, 首先要按主栏目建立, 链接内容比较多, 需要经常更新的可以另建独立的子目录, 而一些相关性强不需要更新的放在另一个目录中, 如果使用FRONTPAGE建站, 最好在每一个主目录下建立独立的IMAGES目录, 在建站的时候都会生成IMAGES目录, 它用于存储图片, 如果所有的图片都放在其中必会造成冗余, 栏目删除时, 图片管理都将变得麻烦。所以说为每个主栏目建立独立的IMAGE目录是一种明智的选择、目录的层次最好不要超过4层, 3层以下比较好, 目录一般都使用英文名, 如果使用中文名目录可能会造成网址正确显示出现错误, 也不要使用过长的目录, 太长的目录会让视觉感到不适, 不便记忆, 容易忘记。

网站的链接结构是指页面之间相互连接的拓扑结构, 它建立在目录结构基础之上, 但可以跨越目录, 也可以这样说, 每一个页面都是一个固定的连接点, 链接则是固定点之间的, 相互连接可以一点链接或多点链接, 他们存在与立体空间中, 建网站一般可以有两种链接结构可供选择, 一种是星形结构, 另一种是树状链接结构, 首页链接指向一级页面, 一级页面链接指向二级页面, 树状链接结构的特点是一级级进入, 一级级推出, 树状结构条理清晰, 访问时本人知道在何处, 但这种浏览效率不高, 各个栏目下的子页面之间不能往回访问, 必须回到主栏目页上。另一种链接结构为星状链接结构, 这种结构是网络服务器的链接, 页面与页面之间都建有链接, 浏览起来比较方便, 可以随时浏览自己喜欢的页面, 对于网站的设计页面的访问最好的办法是一级页面之间用星状链接结构, 一级和二级页面之间用树状链接结构。

2.3 进行形象设计

整体形象设计包括标准字, LOGO, 标准色彩广告语等, 网站的设计可以从以下几点出发:2.3.1设计LOGO, LOGO又称网站标志, 标志可以是中文, 英文, 也可以是符号图片等, LOGO的设计创意应该来自网站名称与内容, 比如网站有代表性的人物, 动物, 植物等, 加以卡通化, 艺术化, 最常用的是用本人网站的英文名称。2.3.2网站色彩的建立, 浏览者对于网站浏览的第一感觉就是色彩的感受, 也就是我们说的视觉感受。色彩的不同会产生不同的效果, 一般来讲, 一个网站的标准色彩不多于三种, 太多会让人感觉头晕眼花。网页的标准颜色有三种主要色系, 黄|橙色, 黑|灰|白, 三种主要色调, 标准色彩是指能体现网站形象与延伸内容的色彩, 要用于网站的标志。2.3.3主页字体的设计, 主菜单字体设计, 一般网页上默认的字体是宋体, 为了体现站点的特有风格与个性, 可以根据需要选择一些特别字体。2.3.4主页网站宣传语。网站宣传语可以透露网站的主题与中心, 也就是网站的目标, 最好用一句概括, 简单明了。

3 推广自己的网站

对于大多数初建站点建造者, 建站的目的都放在将来的赢利上, 初建的网站本身并没有太多的吸引力, 必须通过一系列必要的推广方式在INTERNET上争求一席之地。

3.1 推广个人主页

刚刚建成的网站就好像新注册的一个电话号码, 没有人会主动找上门来, 这是就需要适当的做一些网络推广工作了。3.1.1交换友情链接, 这是个免费而高效的方法, 就好比在别人的商店打上你的广告, 在你的商店打上别人的广告, 这样一来当网友参观别人的网站时就知道你的网站了。3.1.2在各大搜索网站, 注册你的网站, 这就使得别人在搜索同类信息的时候就会发现你的网站。3.1.3适当的做一些付费广告。

3.2 目录电子邮件推广及其他推广方式

目标电子邮件推广, 可以使用免费邮件列表进行, 只要你申请了免费邮件列表服务后, 就可以利用邮件列表推广了。最好通过HTML格式邮件, 防止被当做垃圾信件马上删除。

4维护个人主页安全

4.1网站安全问题及对策防火墙

很多人不知道防火墙的作用, 其实防火墙是阻止外面的人对你的网络进行访问的一种设备, 防火墙通常都是由计算机的软件与计算机的硬件组成, 通过一些防范规则来挑选是否是黑客与普通浏览者的区分。

最常见的一种防火墙称为网络层防火墙, 网络层防火墙通常都以路由器为基础, 换句话说, 也就是说由路由器去选择谁能访问你的网站, 这种方法采用了数据包的过滤技术, 即检查到达路由器的外部数据又做出了选择的技术。

4.2维护

计算机网络技术的迅速发展和应用, 特别是INTERNET的出现, 使得计算机信息的共享突破了国界, 在这种互联性和开放性给社会带来极大效力的同时, 计算机犯罪和黑客也比以前更为广泛, 网站做好了并不是一劳永逸, 网站维护也是一个非常艰巨的工作。网站中的图片与大量的重要文件相并联, 倘若其中任何一个文件丢失, 将造成严重的后果。我们应该再做网站之前做一个DW, 在服务器上为网站做一个副本, 这样可以使网站上的错误率降低, 再就是通过一些加密手段防范黑客对个人网站的破坏。比如说传统的加密方法, 根据密码算法所使用的加密匙和解密密匙是否相同来防范黑客。

5个人网站设计后的几点安全思考

WEB结构和工作原理使网络容易被窃听和欺骗, INTERNET是一种网间网络技术, 其实他就是把无数的局域网互相联起来, 形成大网, 然后再把大的网相联。这就是我们意义上所说的INTERNET.虽然网上的传输是点对点的, 但是主机一般处于一个特定的局域网当中, 也就是说一台主机发布的消息, 网上其它机器也可以收到这个消息, 这样消息就很可能被其他人窃听。WEB上信息被窃听的另一个原因就是当某人用一台主机和其他主机进行通信时, 他们之间发送的消息要经过很多站点和机器的转发, 这种方法虽然节约了资源, 简化了传输过程的步骤, 但却同时带来了安全问题。保护好个人主机服务器的安全才能保证一切个人资料的安全, 也就是说保证个人主页的安全, 应该先确保个人主机没有收到任何威胁。在这里我们提出几个方法。第一是基本原则, 每个WEB站点的安全策略因需要而有所差异, 根据具体需要和目标来设置制定安全策略前, 应先做威胁分析, 有多少个外部入口点存在, 威胁来自网络内部还是外部, 入侵者要访问哪些数据库信息, 数据是被破坏还是受到攻击等做到心里有数。在就是服务器记录原则, 大多数WEB服务器记录他们受到的每一次连接和访问, 服务器可以记录下来用户名, 请求状态, 传输数据的大小等信息。这些记录对于分析服务器的性能, 发现和跟

是:

3.2.1 师资力量严重不足、师生

比例过高。

3.2.2 许多基础课的教学学时普

遍较低。

3.2.3 学生的基础有差异。

3.3 解决方案的研究

那么如何对学生的成绩进行数

据挖掘是解决问题的关键, 具体实施步骤如下:

第一步:确定挖掘对象和目标。

清晰地定义出问题, 认清数据挖掘的目踪黑客入侵很有用处。保证信息的正确, 有以下安全措施提供, 排队站点中安全漏洞降到最少, 安全漏洞包括如未授权人员访问站点引起的物理漏洞或者是错误授权, 应用程序引起的软件漏洞和由于不良系统集成引起的不兼容问题等。注意这些问题, 这样就可以更好地保证个人主机安全, 为个人网站维护起到了很大帮助。

注:福军系同济大学软件学院在读研究生。

3.4 数据采集

成绩数据库:

成绩数据库中包括了学生的平时作业成绩、课程的考试成绩。这个数据库由教师在教学过程中产生。

学生调查信息:内容包括对专业、课程的喜欢程度、课后上机时间等。这些信息主要通过问卷调查获取, 由学生填写产生。我们可以用一张表来表示这些信息, 如表2所示。

3.5 学生数据的处理

3.5.1 数据集成

个人网站设计及实现毕业设计论文 篇2

摘 要：

网络发展到今天，建立网站已经成为一个很普遍的问题了。对于企业家来说，建立好的网站可以抢占新世纪发展的战略要点。建立新的企业形象，直接开拓国际市场。对于个人来说，建设好的个人网站可以更加方便的收集信息，开展更加直接的网络交流，使用自己构造的平台，可以为毕业后找工作做好充分的准备。在我的个人网站制作过程中，主要是针对我网站设计的方向和目的、网站设计的整个流程出发，然后通过自己设计的这个个人网站作品来说明并演示一个网站制作过程。这篇论文的主要内容是个人网站的设计思想，整体规化及相关的基础科知识。网站的规化又包括网页的结构、栏目的设置、网页的风格、颜色的搭配、版面的布局、文字图片的运用等。

关键词：网站设计；网站规化；网站主题

随着经济的发展，计算机以被应用到社会生活的各个领域。这给人们的生活带来很大的方便。如今，已成为人们日常生活中不可或缺少的部分。人们可以足不出户上网购物，随时查询股票信息，在自己的博客上尽情发表言论„„以上这些都离不开最基本的网页设计和制作。

网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在互联网上表现出及其重要的地位，并发挥着及其重要的作用，无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。网站的迷人之处在于综合使用文本、图像、声音、动画视频信息和内容，具有丰富的多媒体表现与互动特点。毋庸置疑，网站已成为最吸引人的也是最有效的信息传递的手段和方式。随着网络技术的发展，各类网站纷纷出现，个人网站也成为了一种时尚，越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。

个人网站是指个人因某种兴趣、拥有某种专业技术，提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。所谓个人网站，就是指网站内容是介绍自己的或是以自己的信息为中心的网站。

[3][2][1]

一 网站设计规化

1.1 什么是网站

网站是因特网上的一个信息集中点，可以通过域名进行访问。网站要存储在独立服务器

第 1 页（共 8 页）

或者服务器的虚拟主机上才能接受访问。网站是有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件，不一定要有很多网页，只要有独立域名和空间，哪怕只有一个页面也叫网站。

网站就是在互联网上的一块固定的面向全世界发布消息的地方，它由域名和网站空间构成。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站软件配置、网站提供服务等几方面考虑。

1.2 网站建设的目的

网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计等等。任何网站在建设之前都必须明确文向、用途和服务群体等一系列的问题，写出详细的建站计划，可以说这是网站建设的根源和核心所在。这里我的个人网站主要是让更多的人认识到我，了解我。借助网络的这个平台来展示我自己，还有我希望能交到和我一样怀着梦想起航的朋友。

1.3 本站的明确目的

不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同。在整个网站的建设规化方面的要求也是肯定不一样的。因此在规化我的网站时，我选择的是与我本人相关的内容来作为主题的。

网站预计的用户群体：对于网站的设计者和建设者来说，在设计规化网站时必须要明确自己网站的浏览都，也就是确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所会导致出现的不同用户群体的需求来规化设计整个网站。我的这个网站就确定了以怀着梦想奋斗的人为用户群体。

1.4 软件准备

在网页的设计过程中，因人而宜，每个人使用的软件也许不同。Dreamweaver与Flash、Fireworks这3者被用户称为“网页设计三剑客”。Dreamweaver的优势在于它不仅是优秀的所见即所得的编辑软件，同时也兼顾了HTML源代码，可以让用户很方便地在两种模式之间的切换。

Dreamweaver采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想像力，它成功地将网页设计功能中的技术实现部分和设计部分分开，还提供众多的可视化设计工具、应用开发环境以及代码编辑支持。如利用鼠标拖曳来添加表格、图像等元素，在方档中直接输入文本，直接插入一些常用的特殊符号对象等。用户在没有输入代码的情况下完成了上述工作，Dreamweaver自动将结果转换为HTML源代码。用户也可以随时查看方档的HTML

第 2 页（共 8 页）

源代码，在代码视图中进行修改。

二 网站的总体设计

2.1 确定网站主题

做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。如果自己在某些方面有兴趣，或掌握的资料越多，也可以做一个自己感兴趣的东西。你可以有自己的见解，做出自己的特色。对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。我的网站主题是以我个人相关的资料来制作的。

2.2 确定网站形象

网站形象的设计可以从网站标志、网站色彩、网站字体网络宣传语等这些方面着手。网站色彩，网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩，给人以整体统一的感觉。我个人网站的色彩是以粉色为主，淡粉色和冰粉色为辅，给人一种浪漫的感觉，仿佛生活在虚幻的世界里。

网站字体，和标准色彩一样，标准字体是指用于标题、主菜单的特有字体。为了体现网站的特有风格，可以根据自已网站所表达的内涵，选择更贴切的字体。我的个人网站的标准字体是幼圆。给人一种沉稳而不失俏皮的感觉。

2.3 确定网站风格

风格是抽象的，是指网站的整体形象给浏览者的综合感受。这个“整体形象”包括网站的标志、色彩、字体、标语等诸多因素。网站是可以平易近人、生动活泼的，也可以是专业严肃的。不管是色彩、技术、文字、布局、还是交互方式，只要你能由此让浏览者明确的分辨出这是你网站独所有的，这就形成了风格。

风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个网站的个性；我的网站风格是以浪漫为主，给人一种梦幻的感觉。

2.4 确定网站内容

我的个人网站大体上包括了一些内容：首页、网页设计、动画特效、网页素材、相关软件、作品展示、本站论坛、游客留言等网站常用内容，方便大家浏览。

三 具体实现与分析

3.1 首页

第 3 页（共 8 页）

一个网站的首页是一个文档，当一个网站服务器收到一台电脑上网络浏览器的讯息连结请求时，便会向这台电脑发送这个文档。当在浏览器的位址列输入域名，而未指向特定目录或档案时，通常浏览器也会打开网站的首页。

网站首页往往会被编辑得易于了解该网站提供的资讯，并引导互联网用户浏览网站其他部分的内容。这部分内容一般被认为是一个目录性质的内容，如图1。

图1

3.2 网页设计模块

为了满足广大网页制作爱好者的学习需求，本网站推出新版的网页制作教程，该教程使用Dreamweaver CS5作为开发工具，结合老师的网站开发经验，为大家讲解网页制作的每个环节。希望通过本套课程的学习，大家能灵活运用Dreaweaver完成网站的开发，如图2。

图2 3.3 网页特效模块

提供包括鼠标类类、文字类、菜单类、背景类、图形类、播放器等网页特效代码，力求做到收集最全网站。可能的关注这方面的最新发展趋势，不断更新自己的网站，尽可能的收集最新的网页特效代码。如图3

第 4 页（共 8 页）

图3

3.4 网页素材模块

提供各种新式素材包含图片、动画、flash、音乐等方便网页及网站制作时参考即借鉴之用，如图4。

第 5 页（共 8 页）

图4 3.5 相关软件下载模块

提供网站及网页制作所需的必要工具如Dreamweaver、Flash、Fireworks等相关必备软件下载，如图5。

图5 3.6 作品展示模块

提供多种多样名人或企业个人网站供大家学习参考，丰富大家的知识，详细内容如图6所示。

第 6 页（共 8 页）

图6 3.7 论坛及留言模块

论坛又名网络论坛BBS，全称为Bulletin Board System（电子公告板）或者Bulletin Board Service（公告板服务）。是Internet上的一种电子信息服务系统。它提供一块公共电子白板，每个用户都可以在上面书写，通过留言的方式可发布信息或提出看法。它是一种交互性强，内容丰富而及时的Internet电子信息服务系统。用户在BBS站点上可以获得各种信息服务，发布信息，进行讨论，聊天等等如图7所示。

图7 四 总结

经过老师耐心细致的指导，及同学之间的相互交流，同时翻阅了大量的资料(包括网上资料、书本及学校的一些相关资料)，经过近一段时间的努力，个人网站的设计制作告一段落。总结这次“扬帆起航-个人网站”开发制作过程，我使用了目前因特网上比较流行的各种静态制作方法及交互动态网站的制作设计手段，并对初步利用后台程序完成了网站的动态响应与生成网页的技术，同时也从中学习了对静态网页的处理风格，色彩搭配，页面导航方面有了一定的经验。

目前网站的制作技术与要求，都已经告别了因特网初期网站制作的“幼稚”期，随着各类网站的迅速增加与浏览者需求的提高，无不要求网站从立意、策划、页面设计到后台程序的全面提高。无论是个人网站还是企业网站都必须被要求从浏览者角度出发，最大限度的满足用户的要求，这也是以后各类网站发展竞争的真正实质所在。

本次设计由于设计时间比较紧，且相关模块比较多，加之设计经验的不足，在网站的整体设计及各模块功能可能设计的不完全，有待于进一步的完善和改进。

第 7 页（共 8 页）

参 考 文 献

[1] http://wenku.baidu.com/view/ef0e976548d7c1c708a14568.html [2] http://wenku.baidu.com/view/1a6f9dba1a37f111f1855b03.html [3] http://wenku.baidu.com/view/f75ac32c647d27284b7351d0.html． [4]李冲．Dreamweaver网页设计[M]．清华大学出版社．2011．

[5]王宝军．计算机网络技术与应用[M]．中国劳动社会出版保障出版社．2002． [6]岳鸿．计算机应用基础[M]．国防科技大学出版社．2006． [7]宋虹．Photoshop图形图像处理[M]．湖南大学出版社．2011． [8]姬付梓．创意设计[M]．大学出版社．2011．

Abstract the network development to today, to establish the website has become a very common problem.For the entrepreneur, build good website can seize strategic points of development in the new century.To establish a new corporate image, to open up international market directly.For an individual, build good personal website can be more convenient to collect information, carry out more direct communication, using the constructed their own platform, can find a job after graduation fully prepared.In my personal website design process, is mainly based on our web site design, web site design purpose and direction of the entire process, and through their own design of this personal website works to explain and demonstrate a website production process.The main content of this thesis is a personal website design, overall planning and related basic knowledge.Site planning and webpage structure, section design, webpage style, color, layout of the layout, text and images using.There are the theme of the site is to be included in the main contents, a site must have a clear theme, especially the personal web site, not as separate webpage that becomes less content, while the single, so to find the content they are interested in, so deep, so thoroughly, show their own characteristics, so as to leave deep impression.Keywords: website design； website programming；website theme

名人个人网站设计欣赏 篇3

Will Smith

网址：http：//www.willsmith.com/

威尔·史密斯，美国演员、歌手，出生于美国宾夕法尼亚州费城。他12岁时以说唱歌手的身份踏入演艺圈，并于1985年与杰夫·汤恩斯组成组合DJ Jazzy Jeff & The Fresh Prince，随后两度获得格莱美奖。

1993年，威尔·史密斯开始登上大银幕，主演影片《六度分离》。随后《绝地战警》、《独立日》等作品使他逐步确立了影坛的地位。1997年推出的《黑衣人》系列则可以认为是威尔·史密斯在商业电影上最成功的作品之一。

Kobe Bryant

网址：http：//kobebryant.com/

科比·布莱恩特，美国职业篮球运动员，自1996年起效力于NBA洛杉矶湖人队，是前NBA篮球运动员乔·布莱恩特的儿子。

科比是一名得分后卫，同时又具有打小前锋位置的能力。他被认为是NBA最全面的球员之一，自从1999年以来每一年都入选NBA最佳阵容，并且在他参加的最近12届NBA全明星赛（2010、2013赛季全明星赛因伤缺战）中都有不错的表现。2007年，ESPN的体育记者投票评选出了史上最伟大的得分后卫，结果科比仅次于乔丹排名第二位。

Jackie Chan

网址：http：//jackiechan.com/

成龙，1954年4月7日生于香港中西区，祖籍安徽芜湖，国家一级演员，国际功夫影星。成龙与周润发、周星驰并称“双周一成”。他擅长功夫片，电影的谐趣风格及袁和平设计的活泼灵巧兼具杂耍性的武术动作，令成龙找到了自己在功夫片领域的发展方向，其主演的电影全球总票房已经超过200亿元。

Lady Gaga

网址：http：//www.ladygaga.com/order/

Lady Gaga，1986年3月28日出生于美国纽约曼哈顿，美国流行歌手、词曲创作者、慈善家、演员。2008年10月，Gaga发行首张录音室专辑《The Fame》，其中包括Billboard Hot 100冠军单曲《Just Dance》与《Poker Face》。2009年11月发行EP《The Fame Monster》。2010年，Lady Gaga被《时代》周刊评为百大最有影响力文化人物之一。Lady Gaga在短短3年内奠定了她唯一女神的地位，靠的是她无止尽的创意、无畏无惧的态度和百分之两百的努力。

Taylor Swift

网址：http：//taylorswift.com/

泰勒·斯威夫特，1989年出生于美国宾州，乡村音乐创作女歌手。于2006年与独立唱片公司Big Machine签约，同年发行首张个人专辑《Taylor Swift》。曾获得美国乡村音乐协会奖年度最佳专辑奖、格莱美年度专辑奖等荣誉。泰勒·斯威夫特唱的歌为她赢得了最大的歌迷群——年轻人。她写歌的习惯也成为捕获年轻人的杀手锏，她以写自己的成长经历闻名，歌曲里都是青春的味道，这一点正好切合了年轻歌迷的心，他们能听懂歌曲的内容，自然就会产生共鸣，从青春期开始，这一路下来，会有一批歌迷跟着她一起成长。

基于ASP的个人网站设计及实现 篇4

关键词：ASP,数据库,个人网站

1. 引言

21世纪是互联网时代,随着全球信息化进程的不断深入发展,网络同人们的学习、工作、生活到了密不可分的程度。特别是近年来,在Internet飞速发展的过程中,个人网站如雨后春笋般蓬勃发展起来,使互联网呈现出绚烂多彩的发展局面。如今,创建一个能充分体现自我风格和特色的个人网站,在网络世界中开辟出属于自我的一片天地,展示自己的才华和风格,越来越成为一种时尚与追求。

2. 系统开发环境

个人网站是Internet上最基本的交互式平台,是网络上提供的一项基本服务。它的开发是当前网站规划和设计的前沿,其社会作用与市场价值在当今网站开发中具有令人无限期待的潜力。

ASP(Active Server Page)是微软开发的一项新技术。ASP具有多功能的程序设计能力,它主要有六大对象:Response、Request、Server、Application、Session、Object和Conntext,都有其自身的方法、属性。此外,ASP开发者可以在ASP文件中随意地运用ASP内置组件的属性、方法、集合,如FileSystem组件、Record Set组件等,实现在设计上的多种功能需求。由于使用方便,操作简单,很多网页设计者进行动态网页制作时,通常都是使用ASP来完成。

Web服务器是Web应用程序的心脏。IIS(Internet Information Server)是微软推出的Windows NT Option Pack的主要成员,作为Win2000 server的扩展,自推出以来已经有了很大发展,其体系结构是当今市场上最受关注的Web服务器之一。新推出的IIS6.0版本增强了系统的安全性,具有服务器端脚本开发调试,内容管理和站点分析,崩溃防护,内置JAVA虚拟机及全面支持ASP等强大功能。

在过去,客户机/服务器结构的设计与Web的相关技术几乎处于平行线上,两者相互独立并无法作出集成性的设计。现在我们利用IIS+ASP构成三层式Web结构(如图1所示)的中间一层,将客户机/服务器结构与Web密切结合,完成前后端两者的集成输出功能,使得Web站点的开发更方便,实现的功能更强大。利用IIS+ASP技术来集成Web前后端所带来的强大效益可归结为以下几个方面:

减少构建和维护成本;

加快联机过程;

应用软件集中在服务器端开发管理;

前端可使用任何浏览器(IE、Netscape…);

后端可存取任何数据库(SQL、Access…);

可使用任何脚本语言开发(VBScript、Java Script、PERL…);

3. 系统分析

(1)系统的可行性分析

个人网站的对象单一,就是展示个人的一个网站,且每个数据内容具有较强的关联性,涉及的处理过程不是很复杂。因此,比较适合于采用数据库管理,以下从三个方面进行具体分析:

1)技术可行性

以Windows XP为操作系统,采用Asp.net为编程语言,运用SQL SERVER2005技术,设计开发个人网站。新系统的运行硬件环境为PC机,当用户使用系统时,需要输入正确的口令进入系统,然后才可以进行数据库的维护操作和运用。

2)经济可行性

一方面,系统中友好的人机界面和强劲的功能支持,使网站管理员的效率得到较大提高,节省了人力、物力,提高了经济效益;另一方面,系统开发成本低,利用现有的计算机即可提供该系统开发工作需要的所有硬件设备环境。

3)操作可行性

操作实际上是对Windows操作系统的操作,该系统的使用,主要凭借使用Windows的简单操作即可完成对数据的添加、修改、删除等功能,方便简单。

(2)系统功能模块划分

该系统是基于ASP设计的个人网站,分为前台操作和后台管理的方式,前台主要为个人简介、日志文章、杂文趣事、时事新闻、相册、个人留言板等。

4. 数据库结构

SQL Server Express是一个免费、易用且便于管理的数据库。在处理海量数据的效率,后台开发的灵活性,可扩展性等方面强大。因为现在数据库都使用标准的SQL语言对数据库进行管理,所以如果是标准SQL语言,两者基本上都可以通用的。Microsoft SQL Server还有更多的扩展,可以用存储过程,数据库大小无极限限制。另外,SQL Server Express与Microsoft Visual Studio 2005集成在一起,可以轻松开发功能丰富、存储安全、可快速部署的数据驱动应用程序。而且,SQL Server Express是免费的,可以再分发(受制于协议),还可以起到客户端数据库以及基本服务器数据库的作用。

5. 系统逻辑方案

(1)网站流程图

根据系统分析阶段的工作成果,在SQL server2005中创建自己的数据库,在数据库中创建了8个表,它们分别是个人简介、日志文章、杂文趣事、时事新闻、相册、个人留言板、留言查看、管理员登录。流程图如图2。

(2)系统界面

系统所有界面采用Dreamweaver MX 2004编辑,包括系统主页面、管理员界面、后台管理页面等。用户只有凭借正确的用户名和密码才能登陆相关页面,从而对网站进行管理,运用数据库对网站进行文章管理等。

本系统的设计开发基本上实现了网站应有的基本功能,用户通过使用系统可以利用Internet建立自己的个人网站,与互联网上的网友进行交流,并可以与网友们分享各种信息资源。由于是基于网络开发的系统,所以本系统具有网络应用系统方便、信息交流及时、系统使用不受地域限制等诸多优点。

参考文献

[1]王萍萍,李晓娜,孙更新.ASP+Dremweaver动态网站开发[M].北京:清华大学出版社,2008.

[2]张跃廷,顾彦玲等.ASP.NET从入门到精通[M].北京:清华大学出版社,2008.

[3]马军,顼宇峰.ASP网络编程从入门到精通[M].北京:清华大学出版社,2006.

个人网站设计心得 篇5

一、基础知识

包括一定的美术创意，去掌握一定的美术基础知识。

计算机基础知识，计算机原理、计算机软硬件配置，安装和维护。

二、基本技能

包括：Html,Dreamweaver,s,Photoshop,Flash,Frontpage,CSS,Access

三、中级技能

包括：Javascript,Vbscript,ASP,JSP,DHTML

四、高级技能

包括：PHP,SQLServer,ActiveX,五、附加知识

包括：Ultraedit,3DMax,多媒体，CorelDraw,Illustrator,Freehand,局域网知识

网站设计艺术探析 篇6

引言

想表达自己的观点？兜售物品？还是仅仅秀一下自己的创作？交给Web吧---毋庸置疑，Web已经成为全球化的交流方式。现代，随着各种Web（网站）开发工具的兴起，进入了不是专业的程序员也可以自己开发网站的时代。本文基于多年的网站开发经验，总结9步网站的制作流程，并以为一个饭店做网站为例，举例解释了这些步骤。

1.决定网站的主题

主题决定了网站的方向性，是网站制作的根本，所以一定要先制定网站的主题。如果今后在网站的制作过程中有和主题相左的部分，应该把和主题背道而驰的部分删除或修改，一定不要违反主题。主题就是这个网站的宪法。

如何决定这么重要的内容呢？可以从以下几个方面考虑。

（1） 制作这个网站的目的是什么？为什么要制作网站？

（2） 如果不是制作，是更新网站，那么对原来的网站有什么不满意的地方？

（3） 这个网站是要展示给谁看的？希望什么人来访问网站？

（4） 打算用网站宣传什么？想把什么信息展示出来？

（5） 为什么必须是网站？在杂志，报纸上做宣传不可以吗？

比如说，要更新一个饭店的网站，在考虑主题的时候，可以这样回答以上问题：

（1） 想通过网站召集没来过本店的客人，让来过的客人还想来。

（2） 原来的网站设计的不美观，不能吸引客人。

（3） 希望在饭店附近工作的白领能在早饭和午饭的时候光顾。在晚饭的时间，希望居住在附近的家庭光顾。

（4） 宣传本店的菜单、开店时间、地点、服务人员。

（5） 网站会比杂志或报纸介绍的更详细

可以通过问答这些问题，来考虑主题的方向性，并确定主题。

2. 用这个网站，你最想传达的内容是什么

最想传达给客人的是什么。比如说

本店优点在哪里？

在服务和菜单等方面和竞争对手相比有什么不同？

客人为什么会光临本店？

决定了想传达的内容后，是用语言文字表现呢，还是用图片或视频表现呢？

3. 希望客人访问本网站时使用什么设备（电脑或收件或平板电脑）

根据网站的目的和目标不同，使用设备也会有所不同。访问这个网站的人一般使用什么設备，或希望他们使用什么设备，要考虑清楚。

如果只是考虑到让客户使用电脑访问网站的话，那么做一个电脑用网站，网站上可以使用一些像素高，尺寸大的照片。再加上一些Flash或视频，会给人一种耳目一新的感觉，提高宣传效果。

但是，这样的网站如果用手机访问的话，由于网站内的元素多，手机的访问速度会很慢。并且由于电脑网页的尺寸与手机网页的尺寸不同，用手机访问时，网页所显示的字会很小。如果考虑到会有很多客户将要使用手机访问网站的话，就需要制作一个专门对应手机访问的网站。在制作手机网站时，就需要改变照片的像素数和尺寸，使他适合手机网站。

4.如何为网站宣传

网站公开后，可以通过以下的方法宣传网站。

通过检索引擎（必应，百度等）检索

在微博，微信上宣传网站的信息

在杂志或公共汽车等公共场合标记上URL

在电台，电视台做一些广告等

采用什么方法和客户的预算有很大的关系，应该根据客户的预算具体的提出解决方案。

5.网站的设计图

根据网站地图，画出各个网页的设计图。这里非常重要的一点就是画完设计图之后，要和顾客确认这个设计图是否合乎其要求。获得客户的认可之后，再根据设计图进行制作。因为，伟大的软件必须让客户满意，做客户要它做的事。

6.列出网页制作必要的素材

列出原稿或照片的清单。根据2中所列的需要，把原稿或照片的要求详细地列出，为以后做网站奠定基础。

7.编程，系统安装

按照客户认可的设计图，使用HTML、CSS等编程语言编程。编程完了后，一定要针对每页进行单元测试。单元测试完成后，把所有网页连接在一起，进行系统测试。测试每个网页之间的迁移是否有效，如果有文件下载等功能，还要测试这些功能是否能正常工作。

8.发布，交货

把制作的网站通过FTP等方法上传到服务器上。如果网站还没有域名或空间的话，需要注册域名和租赁空间之后才能上传网站。

9.优化网站和SEO对策

发布网站之后，要在必应、百度等搜索引擎上登录网站的URL。然后通过网站管理员工具对网站访问量等的分析，优化网站。

结论

目前，网站制作变得越来越简单，随着众多的网站制作工具的出现，不会编程的人也可以轻易地做出网站。这就要求专业网站制作的人员要在设计，装饰网站方面做的更专业。只有这样才不会在激烈的竞争中被淘汰。

（作者单位：沈阳工学院）

个人网站设计 篇7

一、数码艺术时代的来临

20世纪所爆发的第五次信息革命以计算机应用为标志, 以催生互联网为代表的数码媒体为成果, 因此又被称为“数码革命”, 其影响遍及社会生活各个领域, 艺术领域也不例外[1]。以计算机的广泛应用和互联网的快速普及为标志, 艺术设计也进入了数码时代。

数码艺术, 按照传统艺术的分类方法, 可以被分为数码绘画、数码雕塑、数码摄影、数码音乐、数码戏剧、数码文学等门类。而同时, 数码技术和互联网时代的到来, 又给艺术带来了许多新门类和范畴, 如数码电视、艺术软件、算法艺术、处理器艺术、网络艺术等。在实践中, 各种数码艺术类别彼此渗透, 相互融合, 形成了各种复合的艺术类型[2], 而网站设计艺术正是这种新生的复合数码艺术之一。

随着网络时代的到来, 互联网已经成为了我们日常生活必不可少的一部分。作为互联网的基本组成部分和网络传播与交互的平台, 各式各样的网站也渗透到了我们工作和生活的各个角落, 有关网站设计的书籍和理论更是不胜枚举。传统的网站设计, 要么是从技术的角度出发, 侧重于网站作为互联网传播平台的技术与功能的实现;要么是从数码美术设计的角度出发, 侧重于具体网页的板式规划与视觉效果, 使众多网站要么内容相似, 形式雷同, 要么空有一些华丽的页面, 却缺乏内在的艺术个性。随着数码艺术的发展, 艺术的范畴也得到了扩展, 网站设计作为一种新的复合数码艺术也应当顺应网络时代的发展与需求, 寻求新的设计思路和方向。

二、网站实例解析:数码艺术网站aero101 (www.aero101.org)

网站aero101 (飞船101) 是由国内的几位CG (计算机图形) 从业者共同创建的一个数码艺术设计网站, 其最初目的是在网路上展示与交流C G设计者的数码作品, 但在构建网站的过程中, 设计者们改变了传统的思路, 将网站作为一个数码艺术作品来进行创作和构建。

艺术是人类把握现实、表现思想感情和审美理想的特殊方式[3]。艺术作品本身, 就是通过艺术手段来反映生活、表达思想情感和实现审美理想的载体。对于一个艺术作品的解读, 其创作背景, 所要表达的思想主题、创作的方法、表现形式与内容以及传播方式与方法都是所要研究的对象。

(一) 创作背景

互联网时代的到来, 深刻地改变了我们生活和工作的方式, 很多新兴行业的从业者更是以互联网和计算机为工作的基本场所和工具。CG本身就是数码时代的产物, 是通过计算机进行设计创作, 并通过计算机屏幕进行展现, 在网络上进行传播和解读的数码艺术。CG设计师们为了展示和传播自己的数码作品, 建立一个专门的艺术设计网站, 无疑是很好的途径。而同时, 计算机的迅速发展和普及提供了人人平等的艺术创造可能性。新时代的数码艺术设计要体现人文精神, 更具亲和性, 沟通与合作, 就自然成为艺术家在数码艺术创作中关注的焦点。因此为了展示自己数码设计作品, 吸引更多的数码艺术爱好者参与到自己数码作品的创作中来, 在沟通与交流中相互促进与发展, 就构成了aero101网站的创作背景。

(二) 思想主题

我们所处的时代是一个互联网的时代, 是一个不断的快速变化的时代, 信息爆炸, 知识爆炸, 各种思潮不断地涌现、转变、消亡, 我们就像是坐在一艘飞速向前的飞船上一样, 来不及看清周围的世界只是不断地匆匆向前。而互联网时代的数码艺术在形式和内涵上都有了新的变化与扩展:艺术作品本身并不是计划的产物, 而是带有巨大的偶然性;艺术作品本身并非有机的整体, 而是碎片的拼贴;艺术作品不是一成不变, 而是可以根据需要进行改变。对于这种数码艺术的流动、变化、不确定的特性, 我们就不能再用传统的艺术形式对其进行展现和解读, 而一个对数码艺术作品从产生到发展直到完成的全过程进行展示和解读的网站, 并以网站本身作为一个艺术实例展现出我们这个时代不断变化和流动的特征就构成了aero101的思想主题。正如网站的命名所表现的这样:Aero是飞船的意思, 而1和0本身是构成数码艺术的基础的计算机二进制计数的两个基本单位, 分别代表“有”和“无”, 101则表征着从“有”到“无”又从“无”到“有”万事万物循环往复生生不息的自然规律与哲学理念。aero101的名称本身就寓意着数码艺术设计者对于数码艺术设计的理解:即在当今快速变化不断向前的世界, 数码艺术本身就是一种过程, 一种体验, 对于数码艺术的展现和理解需要从整体过程上进行整体系统的把握。

(三) 创作方法

创作方法是人类社会实践与艺术实践的产物, 与所处时代的物质生产水平与科学水平以及社会形态密切相关, 网络时代数码艺术设计是数码技术与网络时代的文化背景与艺术理念相结合的产物。数码艺术的设计师是艺术家的同时往往又是工程师, 技术在艺术设计中所起的作用越来越重要, 但归根结底, 数码技术只是艺术家们用来实现艺术设计理念的工具, 对于技术的选择也要切合艺术家的设计理念并且更易掌控和实现。而互联网时代, 是一个开放与共享的时代, aero101网站选用了开放的网络平台建设工具, 不仅易于进行网站的构建, 而且可以利用互联网上大量开放的主题和插件工具对网站进行灵活的修改与更新, 同时开放的互联网使得每一个该网络平台的使用者都成为了网站的技术支援者。

(四) 表现形式与内容

传统的艺术设计对形式上更为关注, 通过单一艺术品的外在形态和功能来表现其设计内涵。人们在互联网时代所需求的不仅仅是设计的外在形态和基本的功能, 更多的是对文化和内涵的需求与消费, 因而网络时代的数码艺术设计更加关注设计的内容与与内涵。一个新的设计当中往往被赋予更多的思想与内涵, 而这些内涵与思想的解读与理解便不能从单一的设计中孤立地获得, 这里我们就需要将艺术设计放到一个体系中, 进行整体的解读和理解。aero101网站所展示的内容主要是以各种计算机图形处理的软件工具所设计制作出的数码艺术作品, 同时还包括对设计作品的内涵的解读, 对于设计师的介绍, 对于作品背后的故事和设计理念的解读。不同于传统的实体艺术品, 借助计算机图形工具所设计出的艺术品, 可以灵活地进行修改与变化, 通过网络平台的交流, 设计师可以在与网站访问者和参与者的沟通与互动中, 吸取多方的意见, 对数码设计作品进行不断的修整和改进, 并通过aero101网站的页面, 将这一改进和修整的过程展现给观众。而aero101网站作为一个艺术作品, 其设计理念与内涵也正是由其一个个不断产生和变化的网页形式, 以及网页中所展现的一个个数码作品形成、发展、交互的全过程共同表现的。

(五) 传播方式

艺术设计的艺术价值需要通过传播与交流才能得以实现, 数码艺术设计中所包含的社会信息与艺术理念更是要经由广泛而有效的传播才能实现。交互性作为互联网所带来的新特性, 它改变了一般的艺术传播方式, 从单向传播到交互性传播、从实体到虚拟现实[4]。Aero101网站利用互联网的传播与互动特性, 拉近了数码艺术设计者和爱好者的空间距离, 提供了一个展示和交流的平台, 使得数码艺术设计本身及其设计过程与理念在aero101与参与者之间循环互动。Aero101网站和他的发起者与参与者一起构成了传播的主体, 将aero101网站以及其中所展现的数码艺术设计作为一个整体性的视觉符号呈现给aero101网站的访问者以及数码艺术设计的追随者。而随着互联网时代的到来, 网络已经融入到我们生活中的各个方面, 现实世界与互联网世界开始相互影响与融合, aero101网站不仅是通过网络的平台进行传播, 而且还会通过将网站上的数码设计实体化的方式, 在现实世界利用实物产品为媒介, 对网站进行传播。

当将Aero101网站本身看作一个数码艺术设计时, 其内容包含着众多的数码艺术设计作品以及参与的数码艺术设计者的思想与理念, 所展示的每个艺术作品的背后都包含着Aero101的设计内涵与理念, 同时又一起构成了Aero101的本身, 并在互动中不断地发展创新, 在传播中使数码艺术设计的整体内涵得到呈现。

三、结语

网站设计是一种新兴的数码艺术形式, 是多种数码艺术类别彼此渗透、相互融合的产物, 是一种新的复合数码艺术。而如今, 随着互联网时代的发展, 技术与艺术相互融合、网络空间与现实空间的相互融合, 网站也已经超出了原有的网络交流平台的角色内涵, 开始具有其独立的思想性和社会性。在网站设计中, 跳出传统的设计思维, 将网站看作一个整体的艺术作品进行创作, 使其切合互联网时代艺术的流动性、开放性、交互性的新特征[5], 为其赋予数码艺术所特有的内涵, 是网站设计发展的必然方向, 将会为网站设计注入新的生命力。

参考文献

[1][2]黄鸣奋.新媒体与西方数码艺术理论.上海:学林出版社, 2009

[3]李少林.欧洲艺术史.呼和浩特:内蒙古人民出版社, 2006

[4]江冰.网络传播造就的网络艺术.广州:学术研究, 2007 (11)

汽车设计课程网站的设计与建设 篇8

课程网站的建设是高校建设各类专业课程的重要手段, 也是浏览下载汽车设计课程教学资源、获取实时教学信息、师生交流以及国内同行交流的重要平台。近年来, 学校越来越多的教师建设了各自课程的网站, 在很大程度上提升了本校的教学质量。因此, 在专业课程制作过程中, 设计一个能够体现汽车设计课程特色、优化教学资源的中心网站势在必行。课程网站的建设目的, 是通过本校为师生提供的课程中心网站模板, 结合多年积累的汽车设计资源, 为学生和教师建立一个综合的教学平台[2]。

1 课程网站结构设计

汽车设计课程是我校重点建设的车辆工程专业的核心课程, 其课程网站的建设要达到与教材相结合、做教材的补充的目的。本网站以课程教学大纲为依据, 既要对课程教学内容进行详细讲述, 又要让学生有机会与教师进行对话与交流。此外, 网站同样向社会人士以及国内同行开放, 能够与有志于学习汽车设计知识的人士和国内同行做更多的交流。

网站结构的规划是影响一个网站建设成功与否的重要因素, 课程网站的建设目的和内容重点比较明确, 但是网站的结构必须经过严密的思考。根据课程教学团队对课程特色和教学特点的总结, 本着突出本专业课程特色的目的, 我们将网站的主要栏目进行了规划 (如图1所示) 。

介绍、教师队伍、教学进度、电子教案、视频资料、实践创新、课程资源及课程互动五个课程网站建设的核心内容。

2 网站栏目的建设

网站的结构按教学培养目标适时规划建设, 体现汽车设计课程为实践创新服务的特色, 通过我校为广大师生提供的课程网站模板着手网站的内容建设。在汽车设计课程网站上, 我们设置了八个栏目, 其中, 课程介绍、教师队伍和教学进度三个栏目作为课程及师资力量介绍, 在此不详细介绍, 本文主要阐述课程

2.1 电子教案栏目设计

电子教案栏目建设包含两部分:多媒体课件和习题。在汽车设计课程教学中, 汽车零部件和各类总成的结构比较复杂, 由于缺少实际汽车部件和总成的对比, 学生对汽车各零部件的结构缺乏足够的感性认识, 课程教学的内容相对复杂, 且理论教学比较枯燥。因此, 这门课程的教学如果单纯依靠教材上的理论内容, 很容易导致教师传授知识困难, 学生对学习缺乏兴趣的情况。

多媒体课件在汽车设计课程教学中是非常重要的手段, 多媒体技术利用声音、动画、图像等方式, 形象地展示汽车整车或各个总成的工作原理与工作方式, 方便了课程教学。将这些教学课件、动画和视频资料上传到课程网站上, 学生通过网上自主学习可以补充课堂学习, 加深理解与记忆。设计完成后的网页栏目如图2所示, 点击各章节文字即可跳转到各章的具体内容。网络课程自学较好地协调了课堂教学授课时间少和授课内容多的矛盾, 这也是建设课程网站的一个重要原因[3]。

2.2 视频资料栏目的设计

在汽车设计课程中, 有大量复杂的零件和总成, 在教学过程中需要用到多类视频资料, 以便学生更好地理解零件和总成的运动规律。为了方便学生在课余时间学习, 课程网站的视频资料模块必不可少。

视频资料模块主要是汽车设计课程中涉及的复杂零件及总成的运动规律, 如发动机曲柄连杆机构、离合器、变速器、悬架和制动器等。这些动画短片生动地显示了汽车结构的运行原理, 极大地方便了学生对理论知识的理解。同时, 该模块也包括部分教师课堂授课和实验课程的实况, 把教师生动的课堂授课视频利用课程网站进行传播, 利于学生的课后复习和全国范围的学习交流, 课程的其他课堂实况也将陆续上传。完成的视频资料栏目如图3所示。

2.3 课程资源和实践创新栏目

汽车设计是一门复杂的学科, 在课程学习中, 常常会用到很多课堂之外的资料, 如各类汽车设计标准和汽车设计仿真软件。在课程资源模块中, 我们给出了各类知名汽车设计网站、汽车设计实用手册、汽车结构图解手册以及UG和CATIA等设计软件学习资料的网页链接, 拓宽了学生对汽车设计知识的获取途径。

在实践创新模块中, 我们收集了多项国内汽车竞技比赛资料, 并在课堂中组织学生积极参加各项比赛。目前本课程组织学生参加过的比赛主要有本田节能汽车设计大赛和“飞思卡尔”杯智能汽车竞赛, 并于2011年11月获得了本田节能汽车设计大赛优胜奖, 于2012年5月获得多项“飞思卡尔”杯智能汽车竞赛二等奖、三等奖。

2.4 课程互动的设计建设

由于本课程采用大班授课, 课堂上的互动只能在小范围内进行, 教师无法做到与每一位有疑问的学生沟通。因此, 汽车设计课程网站上设立了专门的互动环节, 为所有对课程内容有疑问或有建议的学生开放。在以后的教学中, 本课程将采用小班教学, 进一步解决课堂互动这个难题。

课程互动模块包括四个部分:答疑、作业、网络考试和问卷调查。在答疑的页面内, 学生可以在任何时间提交关于汽车设计课程的各类问题, 由教师统一解答, 学生也可以在这里对课堂上的问题或者课外知识进行讨论, 分享自己的学习心得和解答他人的疑惑;作业和网络考试是以网络为依托对学生进行考查, 使教师和学生的工作大大简化;问卷调查是收集学生对本课程的意见的重要途径, 以便教师及时改进教学中存在的问题。

3 课程网站使用效果概况

目前, 课程网站基本建成, 网站页面如图4所示。在本课程网站建成后, 经过一年多的使用, 网站的点击量已突破一万次, 得到了学生的广泛好评。在学期末的调查问卷中, 53.3%的学生经常使用本课程网站, 且使用过网站进行学习的学生都认为本课程网站对课后自学有较好的促进作用。网站对学生学习的主要作用表现为: (1) 能够及时补充课堂教学遗漏的内容, 了解学习进程和教师上课的要点; (2) 了解目前国内汽车设计比赛, 并对参加比赛起到引导作用; (3) 向教师提出学习过程中的问题, 并得到了教师的解答。

4 结束语

汽车设计作为汽车专业的核心课程, 其课程网站建设对培养合格的汽车设计专业人才具有重要意义。加强汽车设计课程教学的研究和专业人才的培养是本教研室目前的重要任务。本课程网站的不断建设和改进, 不仅可以辅助教师完成课堂教学和实践教学, 加强师生之间的互动讨论, 实现课程的网络化辅助教学, 而且可以拓展学生的汽车设计课程学习路径, 加强本课程与国内同行间的交流, 为我国汽车行业培养更多的专业设计研发人才。

汽车设计课程网站不仅具有丰富的课程学习资源, 还具有很强的互动性, 为学生和教师提供了一个综合性的网络教学平台[4]。我们要合理地利用课程网站的优势, 进一步加强课程建设, 确保汽车设计课程网络平台有效和稳定地运行。

摘要：分析了建设汽车设计课程网站的重要性, 利用学校课程中心网的课程网站基本结构, 结合教研室多年积累的课堂教学素材以及课程教学改革的科技实践资料, 设计了汽车设计课程网站各栏目的具体内容。实践证明, 课程网站的设计与建设可以提高课程的教学效率, 对培养合格的汽车设计专业人才具有重要意义。

关键词：汽车设计,课程网站,网站栏目

参考文献

[1]王望予.汽车设计[M].北京:机械工业出版社, 2010.

[2]马凌, 邢芸, 吴先锋.课程网站使用意向的影响因素研究[J].中国电化教育, 2013 (2) :72-78.

[3]孙跃东, 周萍, 张振东.汽车设计课程教学的研究和创新[J].江苏科技信息, 2012 (9) :51-53.

企业网站的设计 篇9

关键词：PHP,MYSQL,信息发布系统

一、系统功能特点

本工会网站选择使用PHP+MYQL免去版权保护的法律烦恼, 可以多平台稳定高效地运行。

网站主页采用静、动相结合的方式, 即生成HTML静态页面和动态的搜索互用功能相结合。为实现高效和高负载下的安全运行, 使用静态页面减少对服务器数据库的查询次数, 有效减轻服务器压力, 可以在多种操作系统中运行, 具有可靠的移植性。对于搜索和互动部分, 利用PHP与MYSQL数据库结合的技术建立数据库查询管理系统, 采用交互式的动态的web画面来实现。

二、网站功能分析

互联网的快速发展使企业可以实现快捷的信息传送, 以及直接的客户介入, 企业可通过建立一个单独的界面给企业遍布全球的现实客户、潜在客户、供应商、雇员和合作伙伴提供全面的企业信息和应用。通过对工会各级系统相对独立的、比较杂乱的信息进行分析、整理, 按照软件开发的基本观点对网站内容进行分解, 将网站功能做了如下划分:机构简介、部室文件、制度汇编、主席论坛、领导讲话、工作动态、基层工作动态、职工信箱、文体之窗、调查研究、走进开滦、维权工作、直属工会、劳模之家、荣誉室、法律援助、主席热线、集团工会RMDC。

三、数据库设计

采用的数据库是My SQL, 一个真正的多用户、多线程的SQL数据库服务器。是一个客户机或服务器结构的实现, 它由一个服务器守护程序MYSQLd与不同的客户程序和库组成。其源码具有较好的开放性及稳定性, 且与网站流行编程语言PHP结合完美, 选其作为后端数据库。本系统建立的数据库主要包含如下几个表文件:admin管理员表、Archives文章表、Arctype文章类型表、Guestbook留言信息表。

四、系统功能

1. 信息发布

本部分是网站的最重要部分, 实现文章标题、附加参数、简略标题、自定义属性、缩略图、文章来源、作者、文章排序、标题颜色、阅读权限、发布选项、文章摘要、关键字、发布时间、主栏目、副栏目、文章内容等功能的管理。共分为如下几个功能模块:

(1) 信息浏览

该模块负责分页列出网站所有信息的内容, 每条信息的标题被做成一个超链接, 点击它们就能跳转页面进行信息阅读。

(2) 信息查询

该模块提供了信息查询功能, 输入待查找的内容及选定分类信息可以快速地找到符合条件的信息, 并输出查询结果。

(3) 信息管理

该模块负责分页罗列登录的注册用户曾发布过且未删除的信息, 用户可以对该条信息进行删除、修改。非信息发布者除系统管理员外不具有对该条信息的处理权限, 所以不同用户进入此页面将显示不同的内容。

注册用户录入一条信息所需要的内容, 包含标题、关键字、类型、来源部门等, 同时从登录模块得到用户名, 这些信息将被写入数据库中保存。该模块还负责编辑状态下的更新, 这时, 它将根据取得的Title字段值对页面控件初始化。

2. 图片发布

与信息发布有异曲同工之妙, 实现文章标题、附加参数、简略标题、自定义属性、缩略图、文章来源、作者、文章排序、标题颜色、阅读权限、发布选项、文章摘要、关键字、发布时间、主栏目、副栏目、图片内容等功能管理。

3. 网站栏目管理

网站栏目管理控制网站的栏目多少, 以及如何分类, 它实现了无级分类。可以添加任意栏目。支持生成HTML和使用不同的模版。栏目可以预览内容、增加子类、更改、移动、删除等。可以更改排序、获取JS、更新栏目HTML、和更新文档HTML。

4. 文章审核

信息的发布需要进行审核, 也就是对即将发布出去的信息进行审核。审核系统则可有效防止错误信息的发布。

5. HTML生成

HTML的生成可以有效地减少对数据库的查询, 减轻数据库压力, 减轻服务器负担。使程序快速, 轻便地运行。包含:更新主页akehtml_homepage.php、更新栏目makehtml_list.php、更新文档makehtml_archives.php三页面。

6. 信息反馈

信息反馈是评审所必须的, 是评价信息交流的有效性的惟一方法。HSE交流在所有层次上都是双向的。

7. 模板设计系统

由于PHP程序能让TWIG中所有的功能均在一个PHP文件中执行, 完成程序代码与页面构架的分离。网页上所有的图像、文字, 包括像背景颜色、区分线、字体、标题、注脚等, 都统一风格, 贯穿全站。

8. 其他扩展系统

对于一个行业网站而言, 网站的扩展性是相当重要的, 随时都要考虑到网站需求的变化。网站主要的模板解析类是include/inc_arcpart_view.php、include/inc_arclist_view.php、include/inc_archives_view.php, 可以直接修改这几个类的Parse Templet () 或Parse Templets First () 类的方法增加一些功能。

9 高级功能

网站的设计与维护 篇10

一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的, 进行必要的市场分析等。只有详细的规划, 才能避免在网站建设中出现的很多问题, 使网站建设能顺利进行。常见的问题是:一是为什么要建立网站?我们需要确定网站的功能:是广告宣传为主, 信息资料发布为主, 还是交互应用为主。二是公司自身条件怎样?市场主要竞争者网站怎样?我们通过这些确定网站规模、投入费用和网站的扩展性等。

值得一提的是, 在我们常接触的国内网站中, 除了商业网站外, 其它的网站一般讲求的是功能至上, 外观的表现就中规中矩。我想这不是我们不需要漂亮的外观, 而是受到资金的限制吧。毕竟现在网站的模板类型多样, 只要没有特殊的要求, 直接使用简便快捷, 一个熟练的网站制作人员大概只用花2~3天就能完成一个小型网站的建设。不过这样的网站跟方便食品一样, 用归用但让人无法从心底里喜欢它。另外一面, 现在兴起的博客之类的私人网站, 拥有者尽可能的展现个性, 虽然从美学和功能上看都不是特别理想, 但就跟小孩子涂鸦一样也很有他们的趣味性。

二、网站的形象设计

网站定位完成后, 我们就要开始着手网站的具体设计了。什么是好的网站设计?大多数人认为网站设计的“好”、“坏”都是通过两个标准来衡量的:一个是严格的功能性标准;另一个是纯粹的美学标准。一些设计者或纯粹自娱自乐的爱好者会被生动的形象、吸引人的图形所吸引;一些可用性至上的领导者迷失于网站的可用性测试而忽略了视觉吸引力 (特别是工科的学生对技术有特殊的感情, 觉得外观是肤浅无用的东西) 。客观来讲, 网站的目的就是为了提供一个信息交互的平台, 如果看起来十分丑陋, 完全不符合用户的形象, 那么达不到良好的宣传效果;同样, 如果你的网站非常漂亮, 但用起来却十分困难, 人们也不会喜欢它。所以, 美学和功能在一个网站设计中必须结合的浑然一体。由于资金问题我们会有所侧重。如果是学校教务这样, 要求网站的功能既多又复杂, 那对网站的功能性要求就要摆在首位;如果像化妆品宣传网站, 那就得做的漂亮些, 让人一看就有很舒服想买的欲望;有固定的受众网站、综合型的门户网站等, 要求又各有侧重。

(一) 标志。

就如同商标一样, 标志 (logo) 是站点特色和内涵的集中体现, 看见logo就让大家联想起你的站点。网站的标志应该包括公式的标志或公司名, 并且标志和公司名要放在每个页面的顶上。网站的标志增强了网站的品牌公认度, 让用户觉得他们正在访问的都是同一个站点。比如在我国最深入人心的腾讯的小企鹅, 哪儿都是它们的身影。而百度、Google这样的搜索引擎其标志就更加重要的, 不仅要深入人心, 还得要不时的来点小变化。

(二) 色彩。

网站给人的第一印象来自视觉冲击, 确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果, 并可能影响到访问者的情绪, 还能体现网站形象和延伸内涵。举个实际的例子:IBM的深蓝色、麦当劳的红黄色、Windows视窗标志上的红蓝黄绿色块, 都使我们觉得很贴切, 很和谐。如果将IBM改用绿色或金黄色, 我们会有什么感觉?选择颜色绝不是一件简单的事情, 需要考虑美学、一致性、可用性等。所需要的颜色的数量取决于设计的复杂程度。如果自己不能把握, 可以参考相关的配色手册。一般来说, 网页常用的颜色有:蓝色、黄/橙色、黑/灰/白色三大系列色。除了网页本身的背景、框架、字体颜色外, 我们还要考虑其它因素, 比如可能会经常用到哪方面的图片等, 如果图片很大, 原来的网站色彩难免会受到影响。使用色彩方面, 清华大学网站给人印象深刻, 它的标志———是紫色的, 很多标题文字也是紫色的, 是使人产生颜色记忆的网站, 并且还很容易让人想起“清华紫光”。

(三) 版式。

不管是什么类型的网站, 排版都是一个很重要的组成部分。好的版式设计除了提供感官的愉悦外, 还能让用户在使用过程也体验到操作的愉悦。这就应了那句经典名言———“少, 就是多”。一个页面不需要你把所有的功能都摆在面前, 而是先满足浏览者的主要需求, 再挖掘深入需求。当然想要时, 一下就能找到, 这就足够了。特别是大型的综合网站, 页面的布局尤其重要。另一方面是看整个网站的所有页面是否协调一致, 这让浏览者有一种归属感。

(四) 字体。

一般我们网页默认的字体是宋体。为了体现站点的特有风格, 我们可以根据需要选择一些特别字体。例如, 为了体现专业可以使用粗仿宋体, 体现设计精美可以用广告体, 体现亲切随意可以用手写体等等。字体的特别变换主要用于标志、标题、主菜单等少数文字。需要说明的是, 一般我们只使用主流操作系统支持常用的字体;非默认字体以图片的形式表达。因为如果浏览者的系统里没有你的特殊字体, 那么辛苦的设计就白做了。

(五) 修饰。

最后我们可以根据实际情况, 增加些额外的东西, 有质感的图片纹理、炫目的动态效果等。但要看“动”与“静”是否配合得当, 如果无节制地滥用F1ash、动态GIF、滚动字幕等, 就会让人眼花缭乱, 并且会使得访问速度变慢;但毫无生气的页面, 也会让人感到乏味。另外要保证各视听元素大多数浏览器本身都可以显示或收听, 浏览者通常不会因为一个外观效果而去单独下载额外的支持程序或模块。

三、网站的技术提要

从工科生的角度看, 网站类型分为静态型和数据库型两种, 所需技术有软件与硬件两部分, 软件方面单纯从技术上说, 基本有两部分, 前台和后台:前台技术包括基本的结构标准语言XHTML, 表现标准语言Css样式等;后台技术, 主要包括动态网页语言与数据库, 比如PHP/ASP/C#.NET等动态语言和Oracle/SQLServer/My SQL等数据库。硬件上就是你放置网站程序和内容的地方, 可以自建服务器, 或者租用虚拟主机等。

技术主要是符合行业的标准, 其目的是使得:文件下载与页面显示速度更快;内容能被更广泛的设备所访问;更少的代码和组件, 降低成本;改版方便, 不需要变动页面内容等。另外现在的热点话题是提高网站在搜索引擎中的排名。在互联网的海洋中, 最重要的就是互联互通, 不被其他网站引用的网站就是“信息孤岛”。所以如果做网站的目的不是孤芳自赏, 就需要积极的推广自己的网站。比如对Google而言, 不同的区域, 搜索的结果就不同。一些英文关键词, 你在中国用Google搜索, 发现你网站的排名非常靠前, 但是如果你在国外用Google, 可能翻十页都找不到你的网站, 这时我们服务器的区域选择应是潜在客户群体所在的区域。另外最经常被引用的页面在搜索引擎中的排名往往比一些大型商业网站的页面还要高。这种我们就要注意提高网站的链接率。网站设计不仅仅只是被动的迎合搜索引擎的索引, 更重要是充分利用搜索引擎带来的流量进行更深层次的用户行为分析。

四、网站的维护

网站发布前要进行细致周密的测试, 以保证正常浏览和使用。包括:服务器稳定性、安全性;程序及数据库可靠性;网页的兼容性等。网站在投入使用后也应该定期维护, 网站制作不是一次性的买卖, 它相当于一本期刊杂志, 隔段时间要对内容进行更新、调整。网页内容长期不变会让人对该企业的行动力产生质疑。另外还应及时处理受众的Email和留言, 否则会因此损失很多优秀的意见, 企业声誉也会因此下降。因此网站在制作时, 有必要制定相关网站维护的规定, 将网站维护制度化、规范化。

五、结语

一个杰出的网站, 和实体公司一样, 也需要整体的规划。准确的、有创意的形象设计, 丰富的内容, 良好的易用性, 周到的可拓展性, 对网站的宣传推广有事半功倍的效果。

参考文献

[1].[美]克鲁格著.访客至上的网页设计秘笈[M].北京:机械工业出版社, 2006-8-1