跳转到内容

计算机革命/电子商务/网站设计

来自维基教科书,开放书籍,开放世界
HTML 代码

网站设计是确定网站外观、风格和流程的工作。网站设计的两个最重要的功能需求是网站的目标用户和网站的目标。确定这些后,可以使用流程图、页面布局和故事板等基本设计工具来确定网站的组织结构。在设计过程中需要注意以下几点:

  1. 兴趣 - 如何保持网站的趣味性,让人们经常访问
  2. 可访问性 - 网站是否可以通过所有不同的平台(不同的浏览器和硬件类型)访问
  3. 带宽要求 - 页面在不同系统上的加载速度有多快

网站设计完成后,就可以开始开发过程(实际创建网站及其内容)。

页面布局

[编辑 | 编辑源代码]

页面布局涉及网站的排列、导航和内容放置。最终,页面布局可以成就或毁掉网站。根据项目和目标受众的不同,网页设计师的灵活性会有所不同,因为内容放置非常重要。

通常,用户的眼睛会根据他们要查找的内容而关注页面的某些部分。例如,如果一个新手用户在电子商务网站上寻找搜索栏,他们的眼睛最常会看向页面右上角。

流程图

[编辑 | 编辑源代码]
流程图

流程图用于设计网站时,描述了网站中页面之间的关系。流程图实际上是网站结构的地图。每个网页都用一个方框来表示,方框之间的连线显示了网站的逻辑组织结构。

基本上,流程图以网页设计师喜欢的不同页面链接的形式描述了网站,因此网站访问者可以以他们喜欢的任何顺序访问页面。即使流程图方框之间的连线指示了必要的超链接,通常页面之间还有其他链接,这使得浏览网站变得更加复杂和容易。

故事板

[编辑 | 编辑源代码]

故事板是一个图形组织器,它将每个页面或屏幕上的图像排列在动画序列中。它们通常用于设计动画、动态图形或交互式媒体序列。例如,故事板可以用来设计动画启动页面的组件 - 它是网站主页显示之前出现的介绍页面。使用故事板的优势在于,它允许用户测试序列中的更改以适应他们的需求。在确定网站的基本内容和目标后,通常会使用故事板、流程图和页面布局。

参考:莫雷利,黛博拉;帕克,查尔斯。了解今天的计算机和未来的计算机。课程技术,2011 年,第 411 页。


层叠样式表

[编辑 | 编辑源代码]
文件:CSS.svg
CSS

CSS(层叠样式表)用于将整套样式应用于网站,以实现一致性和简化。

例如,网页设计师将创建一个包含他们首选样式编码的 .css 文件。只需在每个页面的页眉中添加一个链接,该 .css 文件中的所有编码就会在每个页面上生效,从而为网页设计师节省时间和精力。

文件类型

[编辑 | 编辑源代码]

网站设计不仅是表面功夫,还需要将信息传达出去。为了达到最佳效果,可以使用不同的文件类型来显示网站前景或背景上的图像。最常用的图像文件类型是 .JPG(联合图像专家组)、.PNG(便携式网络图形)和 .GIF(图形交换格式)。这些格式构成了网站的色彩和设计。除了这些类型的图像文件,还有音频和视频文件类型,这些文件类型可以在网站上使用,前提是网站上有一个嵌入式编码播放器。GIF 格式示例...

来源:了解计算机:今天与明天,综合,第 13 版 - 肯高

gif 地球


不同的图像文件

正如我们所讨论的,我们了解到可以在网站上使用不同的图像格式。我们将简要讨论使用每个文件的目的。

  • GIF

GIF 最常用于徽标、横幅和非摄影图像。

  • PNG

此格式是为了应对围绕 GIF 格式的专利问题而为网页图像创建的。

  • JPEG

此格式是网页照片的标准格式。

华夏公益教科书