网站规划ppt
合集下载
网站建设策略课件
社交媒体推广
01
02
03
社交媒体平台选择
选择与目标受众相关的社 交媒体平台，如微信、微 博、抖音等，建立社交媒 体账号并进行内容推广。
内容策略
制定有吸引力的内容策略 ，包括文字、图片、视频 等，以引起用户的兴趣和 互动。
社群运营
通过社交媒体群组、话题 等方式，聚集目标受众， 提高网站曝光度和用户粘 性。
网站信息架构
设计清晰的信息结构
通过合理的信息分类和层级设计，使用户能够快速找到所需信息 ，提高用户体验。
优化导航设计
导航是网站的灵魂，设计清晰、简洁、易于理解的导航菜单，帮助 用户轻松浏览网站。
考虑信息的可扩展性
在设计信息架构时，应考虑到未来信息的增长和变化，确保网站能 够灵活应对内容更新。
用户体验设计
简洁明了的页面设计
避免页面设计过于复杂，保持 简洁明了的设计风格，减少用
户的认知负荷。
保持一致性
在色彩、字体、布局等方面保 持一致性，使用户在浏览过程 中产生良好的视觉体验。
提供明确的操作引导
通过明确的操作按钮、提示文 字等，引导用户完成预期的操 作，降低用户的学习成本。
关注加载速度与性能
优化网站的加载速度和性能， 减少用户的等待时间，提高用
网站性能优化
加载速度优化：通过压缩图片、减少 HTTP请求、使用CDN等方式，提高 网站的加载速度，减少用户等待时间 。
安全性提升：使用HTTPS协议、防范 跨站脚本攻击（XSS）等手段，提高 网站的安全性，保护用户隐私和数据 安全。
移动设备优化：优化网站的响应式设 计，确保在不同尺寸的移动设备上都 能良好地显示和使用。
这些策略可以帮助网站提高曝光度、 吸引更多目标受众，并提升用户体验 和性能，从而实现网站的推广和优化 目标。
电子商务网站的设计教学课件ppt
目标明确
确保网站目标和定位清晰，明确网站要解决什么问题，满足什么需求。
市场调研
了解竞争对手和目标用户的需求、偏好和行为，为网站提供有针对性的定位。
差异化战略
根据市场调研结果，制定独特的差异化战略，使网站在竞争中脱颖而出。
01
03
02
03
交互设计
优化用户与网站的交互流程，使用户能够轻松地进行交易和交流。
技术实现
选择合适的技术架构和开发工具，确保网站能够稳定、安全地运行。
网站的内容与功能规划
03
网站的设计元素与风格
总结词
独特、协调、一致性
详细描述
网站的色彩和字体设计是塑造网站个性和风格的关键因素。为了确保用户获得愉快的视觉体验，网站的颜色和字体应具有独特性，同时与整体设计风格保持协调一致。
网站的色彩与字体设计
总结词
简洁、直观、相关性
详细描述
网站的图标和标志是传达网站核心价值和品牌形象的重要元素。为了确保用户的快速理解和记忆，图标和标志设计应简洁直观，与网站的主题和内容保持相关性。
网站的图标与标志设计
网站的页面布局与导航设计
清晰、易用、一致性
总结词
网站的页面布局和导航结构是影响用户操作体验的关键因素。为了提高用户的使用效率和满意度，页面布局应清晰明了，导航结构应易于使用，同时整个网站的设计风格应保持一致性。
电子商务网站的设计教学课件ppt
2023-10-30
电子商务网站概述网站策划与定位网站的设计元素与风格网站的技术实现与优化网站的推广与营销策略案例分析与实践操作
contents
目录
01
电子商务网站概述
电子商务的定义与特点
电子商务网站的类型
电子商务网站建设ppt课件
11
二、电子商务网站建设:总体规划与需 求分析
电子商务网站建设可认为是一个系统项目的开发,大致分为四个阶段： 总体规划、系统设计、系统实现、系统管理与维护 电子商务网站的建设总体规划工作可以概括为: – 系统需求调查（从原始素材中搜集与汇集企业的基本要求
并进行整理、研究和分析形成具体的系统信息需求数据 ） – 确定网站商业目标 (网站建成后要达到的商业运行指标 ) – 系统功能分析 – 可行性论证 (技术方面；财务方面；社会环境方面 ) – 系统信息需求分析(商业目标和系统功能 )
6
– 明确系统信息需求，形成系统总体结构方案，安排系统项目开发计 划：确定目前和规划中的组织在决策支持和事务处理方面的信息需 求，以便向企业高层管理部门提出电子商务应用的总体结构方案； 制定的发展计划，根据发展战略和总体结构要求，确定网站商务逻 辑的开发次序和进度安排。
– 制定网站建设的资源分配计划：系统建设需要用到企业的许多资源， 包括人才、资金和设备等，需要对硬件软件资源、数据通讯设备、 技术、资金等制订合理的使用计划，并给出经费预算和概算 。
12
二、电子商务网站建设:系统设计
系统设计阶段任务包括:网络硬件设计和软件设计
– 网络硬件系统设计
硬件设备的确定：构建企业局域网和Web网站所需网络硬件设备 有：服务器、工作站、网络连接设备(防火墙、路由器、交换机、 集线器、调制解器）等。
网络拓扑结构的选择和布线系统的设计：局域网中常用的拓扑结 构有总线型、星型、环型。局域网中常用的传输介质有双绞线、 同轴电缆和光纤。布线系统要根据所选网络类型、企业建筑物的 布局等综合考虑，在进行布线系统设计时，还要考虑到防雷和接 地安全等具体施工问题。
3
一、电子商务网站的规划：规划的目标
二、电子商务网站建设:总体规划与需 求分析
电子商务网站建设可认为是一个系统项目的开发,大致分为四个阶段： 总体规划、系统设计、系统实现、系统管理与维护 电子商务网站的建设总体规划工作可以概括为: – 系统需求调查（从原始素材中搜集与汇集企业的基本要求
并进行整理、研究和分析形成具体的系统信息需求数据 ） – 确定网站商业目标 (网站建成后要达到的商业运行指标 ) – 系统功能分析 – 可行性论证 (技术方面；财务方面；社会环境方面 ) – 系统信息需求分析(商业目标和系统功能 )
6
– 明确系统信息需求，形成系统总体结构方案，安排系统项目开发计 划：确定目前和规划中的组织在决策支持和事务处理方面的信息需 求，以便向企业高层管理部门提出电子商务应用的总体结构方案； 制定的发展计划，根据发展战略和总体结构要求，确定网站商务逻 辑的开发次序和进度安排。
– 制定网站建设的资源分配计划：系统建设需要用到企业的许多资源， 包括人才、资金和设备等，需要对硬件软件资源、数据通讯设备、 技术、资金等制订合理的使用计划，并给出经费预算和概算 。
12
二、电子商务网站建设:系统设计
系统设计阶段任务包括:网络硬件设计和软件设计
– 网络硬件系统设计
硬件设备的确定：构建企业局域网和Web网站所需网络硬件设备 有：服务器、工作站、网络连接设备(防火墙、路由器、交换机、 集线器、调制解器）等。
网络拓扑结构的选择和布线系统的设计：局域网中常用的拓扑结 构有总线型、星型、环型。局域网中常用的传输介质有双绞线、 同轴电缆和光纤。布线系统要根据所选网络类型、企业建筑物的 布局等综合考虑，在进行布线系统设计时，还要考虑到防雷和接 地安全等具体施工问题。
3
一、电子商务网站的规划：规划的目标
网站设计WebDesign01精品PPT课件
网站程序设计语言
• JavaScript和VBScript脚本语言 • Java • CGI • ASP • • PHP • JSP
1.4 常用网站管理与制作软件
HTML和XHTML
HTML HTML（Hyper Text Markup Language）是网页制作 的主要标记语言。可用任何文本编辑器进行编写。 XHTML XHTML（Extensible HTML），是更严谨、更纯净的 HTML，符合Web设计标准，是未来发展的方向软件
Fireworks 主要用于制作网页图像、标志、GIF动画、图像按钮与 导航栏等。 Flash 主要用于制作矢量动画，如广告、网站片头动画、动画 短片、MTV等。
Photoshop 具有的强大功能完全涵盖了网页设计所涉及到的各种需 求（除了多媒体）。
1.4 常用网站管理与制作软件
页面左侧
➢是网站中所有重要内容的概括，可以让浏览者在最短时间内了解网 站的主要内容。
➢如果导航栏内容不多，不超过两排，可以根据网站风格灵活摆放， 上方或左侧等。
➢如果网站栏目很多，可以将导航栏分为多排放置在Logo右侧或下 方。
页面上方
•如果导航栏内容较多的话，尽量使用文字超链接而不 用图片。不过，如果导航栏内容不多，或者网页内容 比较活泼的话，多采用图片或Flash制作导航栏。
图片导航栏
Flash导航栏
1.3 从功能角度分析网页
3.广告条
➢广告条又称Banner，其功能是宣传网站或替其他企业做广告，以 赚取广告费。 ➢Banner的尺寸是有国际标准的，按照标准制作可以使网站更显专 业
• 468*60 • 120*60 • 88*31 • 120*240
1.3 从功能角度分析网页
• JavaScript和VBScript脚本语言 • Java • CGI • ASP • • PHP • JSP
1.4 常用网站管理与制作软件
HTML和XHTML
HTML HTML（Hyper Text Markup Language）是网页制作 的主要标记语言。可用任何文本编辑器进行编写。 XHTML XHTML（Extensible HTML），是更严谨、更纯净的 HTML，符合Web设计标准，是未来发展的方向软件
Fireworks 主要用于制作网页图像、标志、GIF动画、图像按钮与 导航栏等。 Flash 主要用于制作矢量动画，如广告、网站片头动画、动画 短片、MTV等。
Photoshop 具有的强大功能完全涵盖了网页设计所涉及到的各种需 求（除了多媒体）。
1.4 常用网站管理与制作软件
页面左侧
➢是网站中所有重要内容的概括，可以让浏览者在最短时间内了解网 站的主要内容。
➢如果导航栏内容不多，不超过两排，可以根据网站风格灵活摆放， 上方或左侧等。
➢如果网站栏目很多，可以将导航栏分为多排放置在Logo右侧或下 方。
页面上方
•如果导航栏内容较多的话，尽量使用文字超链接而不 用图片。不过，如果导航栏内容不多，或者网页内容 比较活泼的话，多采用图片或Flash制作导航栏。
图片导航栏
Flash导航栏
1.3 从功能角度分析网页
3.广告条
➢广告条又称Banner，其功能是宣传网站或替其他企业做广告，以 赚取广告费。 ➢Banner的尺寸是有国际标准的，按照标准制作可以使网站更显专 业
• 468*60 • 120*60 • 88*31 • 120*240
1.3 从功能角度分析网页
网页布局设计
6
网页常见布局类型
3.2 网页布局的类型很多，下面简要介绍一 些常见布局类型。
网站Logo+导航栏+Banner广告
导 航 菜 单 主体内容 + 其
广 告 + 其 他
他
版权信息+联系方式+其他 图3-2 国字型网页布局
3.2.1
国字型
国字型网页布局通常被门户、 购物类等内容丰富的大型网站所 使用。其基本布局形式是将网站 的Logo、导航栏及Banner等置 于顶部；下方安排网页的主体内 容，主题内容的左、右两侧分别 是导航菜单、广告或其他栏目； 最后由页尾形成外框底部，将主 体内容包围，如图3-2所示。
提示
扁平化是目前流行的网页设计趋势之 一，其特点是去掉页面中多余的透视、纹 理、渐变及3D效果等元素，让“信息” 重新作为网页核心被凸显出来。同时，在 设计元素上强调极简化和符号化，让页面 中的内容更容易被聚焦，从而带给用户更 直观的浏览体验，如图3-12所示。
图3-12 扁平化布局
18
网页布局技巧
如果网页使用自适应宽度模式，可直接使用 1 920像素或更大的宽度设计。
5
提示
上述网页宽度尺寸是含页边距 （图3-1所示的细节扩展区域）的 尺寸；设计网页版心时，其宽度应 比上述网页宽度稍小一些，以预留 出页边距。例如，若网页对应的是 1 366×768分辨率的显示器，可将 网页版心宽度设为1 190像素。
网站的宣传版块通常使用图文结合的形式进行宣传，此时，使用图文平铺是最基本的信息排 列方式，它能使页面显得整洁利落，如图3-21（a）所示。如果将图片、文字等信息进行层叠，打 破传统的左右、上下布局，能增加画面的透视与层次关系，使枯燥的图文说明方式更具设计感， 如图3-21（b）所示。
网页常见布局类型
3.2 网页布局的类型很多，下面简要介绍一 些常见布局类型。
网站Logo+导航栏+Banner广告
导 航 菜 单 主体内容 + 其
广 告 + 其 他
他
版权信息+联系方式+其他 图3-2 国字型网页布局
3.2.1
国字型
国字型网页布局通常被门户、 购物类等内容丰富的大型网站所 使用。其基本布局形式是将网站 的Logo、导航栏及Banner等置 于顶部；下方安排网页的主体内 容，主题内容的左、右两侧分别 是导航菜单、广告或其他栏目； 最后由页尾形成外框底部，将主 体内容包围，如图3-2所示。
提示
扁平化是目前流行的网页设计趋势之 一，其特点是去掉页面中多余的透视、纹 理、渐变及3D效果等元素，让“信息” 重新作为网页核心被凸显出来。同时，在 设计元素上强调极简化和符号化，让页面 中的内容更容易被聚焦，从而带给用户更 直观的浏览体验，如图3-12所示。
图3-12 扁平化布局
18
网页布局技巧
如果网页使用自适应宽度模式，可直接使用 1 920像素或更大的宽度设计。
5
提示
上述网页宽度尺寸是含页边距 （图3-1所示的细节扩展区域）的 尺寸；设计网页版心时，其宽度应 比上述网页宽度稍小一些，以预留 出页边距。例如，若网页对应的是 1 366×768分辨率的显示器，可将 网页版心宽度设为1 190像素。
网站的宣传版块通常使用图文结合的形式进行宣传，此时，使用图文平铺是最基本的信息排 列方式，它能使页面显得整洁利落，如图3-21（a）所示。如果将图片、文字等信息进行层叠，打 破传统的左右、上下布局，能增加画面的透视与层次关系，使枯燥的图文说明方式更具设计感， 如图3-21（b）所示。
网页设计与制作PPT课件
1.1 网页和网站
1.1.3 网页的基本功能
1、媒介的作用。使用者与信息之间的媒介。 一方面是发布者，功能是发布信息；另一方面 是浏览者，功能是提供浏览的信息，通过浏览 网页找寻需要的信息。
2、互动的作用。浏览者与网页制作单位之 间互动的窗口，可以单向或双向传递信息。
3、传输的作用。作为传输各种电子文件或 信息之用，如下载说明书、更新文件、驱动程 序等。
超链接的标志一般有：文本、图像、热区 三种。要注意的是，所有超链接标志均应清晰 无误地向浏览者标识出来，让人一看就知道。
1.2 网页中的主要元素
1.2.4其他的基本要素
除上述几种要素之外，在网页上经常使用 的还有动画、视频、声音等各种信息的形式。
1．动画。目前网络上常用的动画类型有 gif和Flash动画两种。
第2讲 HTML语言基础
$ [知识目标]
了解HTML文件的基本结构 掌握HTML中文本的编辑及图像的语法 掌握HTML中各种设置超级链接的语法 掌握HTML中表格和框架的基本语法
8 [能力目标]
掌握进行文本及图像的编辑操作 掌握创建各种超级链接的操作 能够编写简单的HTML网页 掌握HTML文件中表格和框架的使用
1.4 网页设计的基本流程
1.4.3网页的测试
1．浏览器兼容性测试。目前浏览器有： Internet Explorer与Netscape两大主流浏览器，二 者对HTML和CSS等语法的支持度是不同的。在 Dreamweaver中提供了可以检查网页中是否含有某版本浏 览器不能识别的语法功能，设计者可以借助其进行检查。
1.4 网页设计的基本流程
1.4.4网页上传和发布
网页设计好，必须把它发布到互联网上， 否则网站形象仍然不能展现出去。发布的服务 器可以是远程，也可以是本地。如果是发布到 互联网上，要先申请域名和主页空间，然后再 利用专用软件（如：CuteFTP）上传，FTP有很 多种软件，最著名的是 CuteFTP 和 LeapFTP， 也可以用Dreamweaver内置的FTP上传。
网页设计与网站建设PPT课件
2. 两边做成渐变式柱状或花边式。 3. 在CSS面板中新建CSS样式，选中重定
义HTML标签和仅对该文档，选择Body。 4. 修改背景图形及有关设置。 5. 在1024 ×768下浏览效果
返回
4.4 单元格背景图形处理技巧
1. 选中单元格中的图片，在属性面板中复 制路径。
2. 删除图片引用。 3. 在属性面板中的背景图像框中粘贴路径。 4. 原单元格中即可放入其它网页元素，如
文字、动画等。
返回
4.5 单元格中嵌套表格的插入
1. 选中单元格中的图片，在属性面板中记 下高度（需要时可记下宽度）。
2. 删除图片及其引用。 3. 用工具栏中插入表格工具插入嵌套表格。 4. 设置表格有关属性，如高度，边框颜色
等。
返回
4.6 本讲上机实验要点
1. 正确导出网页及建立站点结构。 2. 设置网页居中及边界，编码等属性 3. 为网页建立柱状和花边背景，并在高分辨
返回
4.2 页面居中及设置处理
1. 打开DW，建立站点，注意只需用高级 选项选择根文件夹即可。
2. 点击修改菜单→页面属性，设置边界为 0及编码为简体中文。
3. 在标签区找到Table，点击后在属性面 板设置居中。
返回
4.3 网页背景处理
1. 用Fireworks 制作背景用图形，大小 1000×*，
返回
1.5 位图处理
1. 位图导入：主要是jpg、gif图形 2. 位图选取：使用选取工具加羽化、反选、
等 3. 效果处理：透明度，边缘羽化等效果处理。 4. 位图的缩放处理。 5. 举例：广告区背景制作并进行相应切片等
返回
1.６ 本讲上机实验要点
1. 页面大小及背景设置。 2. 辅助线及对象对齐练习 3. Logo标志制作(含弧形文字处理) 4. 动画或广告区背景图形制作。 5. 位图的效果处理。 6. 公章图形等制作。
义HTML标签和仅对该文档，选择Body。 4. 修改背景图形及有关设置。 5. 在1024 ×768下浏览效果
返回
4.4 单元格背景图形处理技巧
1. 选中单元格中的图片，在属性面板中复 制路径。
2. 删除图片引用。 3. 在属性面板中的背景图像框中粘贴路径。 4. 原单元格中即可放入其它网页元素，如
文字、动画等。
返回
4.5 单元格中嵌套表格的插入
1. 选中单元格中的图片，在属性面板中记 下高度（需要时可记下宽度）。
2. 删除图片及其引用。 3. 用工具栏中插入表格工具插入嵌套表格。 4. 设置表格有关属性，如高度，边框颜色
等。
返回
4.6 本讲上机实验要点
1. 正确导出网页及建立站点结构。 2. 设置网页居中及边界，编码等属性 3. 为网页建立柱状和花边背景，并在高分辨
返回
4.2 页面居中及设置处理
1. 打开DW，建立站点，注意只需用高级 选项选择根文件夹即可。
2. 点击修改菜单→页面属性，设置边界为 0及编码为简体中文。
3. 在标签区找到Table，点击后在属性面 板设置居中。
返回
4.3 网页背景处理
1. 用Fireworks 制作背景用图形，大小 1000×*，
返回
1.5 位图处理
1. 位图导入：主要是jpg、gif图形 2. 位图选取：使用选取工具加羽化、反选、
等 3. 效果处理：透明度，边缘羽化等效果处理。 4. 位图的缩放处理。 5. 举例：广告区背景制作并进行相应切片等
返回
1.６ 本讲上机实验要点
1. 页面大小及背景设置。 2. 辅助线及对象对齐练习 3. Logo标志制作(含弧形文字处理) 4. 动画或广告区背景图形制作。 5. 位图的效果处理。 6. 公章图形等制作。
《网页设计课件PPT》
T》！本课程将介绍网页设计的基础知识、工具 软件、HTML语言、CSS样式表、JavaScript脚本语言，以及网页布局设计原 则。快来加入我们吧！
基础知识
本节介绍网页设计的基础知识，包括网页设计的定义和发展历程。了解这些 基础知识将帮助您更好地理解网页设计的重要性和影响。
图片和颜色的运用技巧
图片和颜色是网页设计中的重要元素，能够吸引用户的注意力并传达信息。 在本节中，我们将分享一些图片和颜色的运用技巧，帮助您创建视觉上吸引 人的网页设计。
网导航设计与实现
一个清晰且易于使用的网站导航对于提供良好的用户体验至关重要。在本节中，我们将介绍一些网站导 航设计的原则以及使用HTML和CSS实现网站导航的方法。
网站安全问题与解决方案
网站安全问题是网页设计中需要重视和解决的一个方面。在本节中，我们将 介绍一些常见的网站安全问题和相应的解决方案，以保护网站和用户的信息 安全。
网页布局设计原则
一个好的网页布局设计能够提升用户体验和视觉效果。本节将介绍一些网页 布局设计原则，包括对齐、比例、重复和对比等，帮助您创建出吸引人的网 页设计。
整站规划与页面设计风格
一个成功的网站需要良好的整站规划和一致的页面设计风格。本节将讲解如 何规划整个网站的结构，并选择合适的页面设计风格以增加用户体验和品牌 形象。
工具软件介绍
在本节中，我们将介绍一些常用的网页设计工具软件，如Adobe Photoshop、Adobe Illustrator和 Sketch等。这些工具软件能够帮助您创建精美的网页设计作品。
HTML语言的基础语法
学习HTML语言的基础语法对于网页设计至关重要。本节将详细讲解HTML标 签、元素和属性的使用方法，以及如何创建基本的网页结构。
基础知识
本节介绍网页设计的基础知识，包括网页设计的定义和发展历程。了解这些 基础知识将帮助您更好地理解网页设计的重要性和影响。
图片和颜色的运用技巧
图片和颜色是网页设计中的重要元素，能够吸引用户的注意力并传达信息。 在本节中，我们将分享一些图片和颜色的运用技巧，帮助您创建视觉上吸引 人的网页设计。
网导航设计与实现
一个清晰且易于使用的网站导航对于提供良好的用户体验至关重要。在本节中，我们将介绍一些网站导 航设计的原则以及使用HTML和CSS实现网站导航的方法。
网站安全问题与解决方案
网站安全问题是网页设计中需要重视和解决的一个方面。在本节中，我们将 介绍一些常见的网站安全问题和相应的解决方案，以保护网站和用户的信息 安全。
网页布局设计原则
一个好的网页布局设计能够提升用户体验和视觉效果。本节将介绍一些网页 布局设计原则，包括对齐、比例、重复和对比等，帮助您创建出吸引人的网 页设计。
整站规划与页面设计风格
一个成功的网站需要良好的整站规划和一致的页面设计风格。本节将讲解如 何规划整个网站的结构，并选择合适的页面设计风格以增加用户体验和品牌 形象。
工具软件介绍
在本节中，我们将介绍一些常用的网页设计工具软件，如Adobe Photoshop、Adobe Illustrator和 Sketch等。这些工具软件能够帮助您创建精美的网页设计作品。
HTML语言的基础语法
学习HTML语言的基础语法对于网页设计至关重要。本节将详细讲解HTML标 签、元素和属性的使用方法，以及如何创建基本的网页结构。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
什么是网站优化
网站优化可以从狭义和广义两个方面来说明， 网站优化可以从狭义和广义两个方面来说明，狭义的网 站优化， 搜索引擎优化， 站优化，即搜索引擎优化，也就是让网站设计适合搜索 引擎检索，满足搜索引擎排名的指标， 引擎检索，满足搜索引擎排名的指标，从而在搜索引擎 检索中获得排名靠前，增强搜索引擎营销的效果。 检索中获得排名靠前，增强搜索引擎营销的效果。广义 的网站优化所考虑的因素不仅仅是搜索引擎， 的网站优化所考虑的因素不仅仅是搜索引擎，也包括充 分满足用户的需求特征、清晰的网站导航、 分满足用户的需求特征、清晰的网站导航、完善的在线 帮助等， 帮助等，在此基础上使得网站功能和信息发挥发挥的效 也就是以企业网站为基础，与网络服务商（ 果。也就是以企业网站为基础，与网络服务商（如搜索 引擎等）、合作伙伴、顾客、供应商、 ）、合作伙伴 引擎等）、合作伙伴、顾客、供应商、销售商等网络营 销环境中各方面因素建立良好的关系。 销环境中各方面因素建立良好的关系。 网站优化设计的含义具体表现在三个方面：对用户优化、 设计的含义具体表现在三个方面： 对网络环境（搜索引擎等） 对网络环境（搜索引擎等）优化，以及对网站运营维护 的优化。
1.2 网站(Web Site)的相关概念 1.2 网站(Web Site)的相关概念
网页，网页文件，网站， 网页，网页文件，网站，主页 Http协议 协议， Http协议，超文本 域名与Ip, Ip,域名服务器 域名与Ip,域名服务器 URL（统一资源定位器） URL（统一资源定位器） 协议：//主机名或Ip:端口 路径名/ 主机名或Ip:端口/ 协议：//主机名或Ip:端口/路径名/文件名 Html语言 Html语言
1.1.2
1945
WWW的起源发展 的起源发展 的起源 史
1969
Vannevar Bush提 提 出，他在理论上建立 了一个超文本文件系 统。 1965 Ted Nelson第一 第一 次使用“超文本” 次使用“超文本” 一词来形容这种 管理信息的系统。 管理信息的系统。 失败告终。 失败告终。
网站规划与艺术
计算机系 杨 兵
课程概述
信息(information),已经成为哲学、 信息(information),已经成为哲学、 (information),已经成为哲学 自然科学、 自然科学、技术科学和社会科学等各个领 域所广泛应用的概念。 域所广泛应用的概念。随着信息技术的发 展，网络成为人们共享信息的必然。建立 网络成为人们共享信息的必然。 网站也就是必然逝在必行。如何建好网站， 网站也就是必然逝在必行。如何建好网站， 如何建立有特色的网站将是我们这门课程 所要讲述的内容。 所要讲述的内容。
域名与Ip,域名服务器 域名与Ip,域名服务器 Ip,
IP地址 域名 域名服务器（DNS）中存放Internet主机的 Internet主机的 （DNS）中存放Internet主机的域名 与IP地址对照表. 地址对照表. 地址对照表
网址
url
用户通过WWW（万维网）访问Internet， 用户通过WWW（万维网）访问Internet，是在浏览器 WWW Internet BROWSER） 地址”处键入所谓“网址” （BROWSER）的“地址”处键入所谓“网址”，术语叫 URL”（ “URL （Uniform Resource Locator,统一资源定位 它一般是由四个部分构成的，即协议、 器）。 它一般是由四个部分构成的，即协议、主机 文件夹名（目录）和文件名。 名、文件夹名（目录）和文件名。 协议：//主机名或Ip:端口 路径名/ 主机名或Ip:端口/ 协议：//主机名或Ip:端口/路径名/文件名 网址有两种形式：IP地址与域名 地址与域名。 网址有两种形式：IP地址与域名。 桂林电子科技大学网址： 桂林电子科技大学网址： 域名： 域名： IP地址 地址： IP地址：202.193.64.34
考核方式及成绩构成
考核方式：考试或设计作品。具体考核时间至少提前1 考核方式：考试或设计作品。具体考核时间至少提前1周 通知学生。 通知学生。 成绩评定：平时成绩(作业) 30％，期末考核70 ％，期末考核70％。 成绩评定：平时成绩(作业)占30％，期末考核70％。
推荐教材： 推荐教材：
周陟. 网页设计解析.北京:清华大学出版社， 周陟. 网页设计解析.北京:清华大学出版社，2009.3 参考书目： 参考书目： 于丽娟. 网站规划与网页设计. 北京: 张兵义 于丽娟. 网站规划与网页设计. 北京:电子工业 出版社， 出版社， 2006.4 顾正刚,网站规划与建设（新版） 21世纪高职高专 顾正刚,网站规划与建设（新版）——21世纪高职高专 21 系列教材, 系列教材, 机械工业出版社
网页
网页 是一种网络信息传递的载体。 是一种网络信息传递的载体。这种媒介的性质 和我们日常的“报纸”、“广播”、“电视” 和我们日常的“报纸” 广播” 电视” 等传统媒体是可以相提并论的。 等传统媒体是可以相提并论的。在网络上传递 相关的信息，比如文字、图片甚至多媒体音影， 相关的信息，比如文字、图片甚至多媒体音影， 都是存储在网页中， 都是存储在网页中，浏览者只需要通过浏览网 就可以了解到相关信息了。 页，就可以了解到相关信息了。 网页文件。 网页其实就是一个文件，可以称它为网页文件 网页其实就是一个文件，可以称它为网页文件。 其正如一个音乐文件，需要播放器收听一样。 其正如一个音乐文件，需要播放器收听一样。 网页的显示也需要网页浏览器的支持． 网页的显示也需要网页浏览器的支持．
什么是网站备案？ 什么是网站备案？
国家信息产业部要求刚建立的网站必须在30日内到其官 国家信息产业部要求刚建立的网站必须在30日内到其官 30 方网站注册备案， 注册备案 方网站注册备案，以证明 网站为合法网站，并不违反国家相关不允许的法律范畴， 网站为合法网站，并不违反国家相关不允许的法律范畴， 可以正常对外发布。网站备案是相关部门规定的， 可以正常对外发布。网站备案是相关部门规定的，网站 的备案号就好比人的身份证， 的备案号就好比人的身份证，不属于虚拟主机的业务范 围。 如果你的网站不办理信息产业部网站备案， 如果你的网站不办理信息产业部网站备案，将会被强 制关闭，这是信息产业部新颁布的规定。 制关闭，这是信息产业部新颁布的规定。 。
Html语言 Html语言
Hypertext Markup Language, 中文也就是超文本链接 标示语言。HTML（HyperTextMark-upLanguage） 标示语言。HTML（HyperTextMark-upLanguage）即超文 本标记语言， WWW的描述语言 的描述语言。 本标记语言，是WWW的描述语言。 HTML（超文本置标语言， Language） HTML（超文本置标语言，HyperText Markup Language） 是为网页创建和其它可在网页浏览器中看到的信息设计 的一种置标语言。HTML被用来结构化信息 被用来结构化信息——例如标题、 例如标题、 的一种置标语言。HTML被用来结构化信息 例如标题 段落和列表等等，也可用来在一定程度上描述文档的外 段落和列表等等， 观和语义。由蒂姆·伯纳斯 李给出原始定义， 伯纳斯－ 观和语义。由蒂姆 伯纳斯－李给出原始定义，由IETF 用简化的SGML 标准通用置标语言） SGML（ 用简化的SGML（标准通用置标语言）语法进行进一步发 展的HTML后来成为国际标准，由万维网联盟（W3C） HTML后来成为国际标准 展的HTML后来成为国际标准，由万维网联盟（W3C）维 护。
1967
美国国防部高级 研究计划署建立了 ARPA网，该网络 网 最成功的技术就是 TCP/IP 协议。 协议。
资助下， 在IBM资助下，世界 资助下 上第一个真正运行成功的 超文本编辑系统”建成， “超文本编辑系统”建成， 这项研究由Andries Van 这项研究由 Dam主持，在美国(Website)是指在因特网上，根据一定的规则， 网站(Website)是指在因特网上，根据一定的规则，使 (Website)是指在因特网上 HTML等工具制作的用于展示特定内容的相关网页的集 用HTML等工具制作的用于展示特定内容的相关网页的集 合。平常我们所听说的“新浪”、“搜狐”、“网易” 平常我们所听说的“新浪” 搜狐” 网易” 即是俗称的“网站” 等，即是俗称的“网站”。 网站由域名（ 俗称网址）， ），网站源程序和 网站由域名（domain name 俗称网址），网站源程序和 网站空间三部分构成。 网站空间三部分构成。 域名（俗称网址）形式比如： (一级域 域名（俗称网址）形式比如： (一级域 二级/三级域名）； 名)， （二级/三级域名）； 网站空间由专门的独立服务器或租用的虚拟主机承担 由专门的独立服务器或租用的虚拟主机承担； 网站空间由专门的独立服务器或租用的虚拟主机承担； 网站源程序则放在网站空间里面 则放在网站空间里面， 网站源程序则放在网站空间里面，表现为网站前台和网 站后台。 站后台。 当任何人登陆到一个网站时，看到的第一个页面就是该 当任何人登陆到一个网站时， 网站的首页 主页) 首页是一个网站的第一页， 首页( 网站的首页(主页)。首页是一个网站的第一页，也是最 重要的一页。 重要的一页。
Part1 网站规划
Chapter 1 网站相关概念
1.1 www的基本概念 1.1 www的基本概念
1.1.1 www是什么 1.1.1 www是什么 WWW是建立在客户机/服务器模型之上的。WWW是以超文 WWW是建立在客户机/服务器模型之上的。WWW是以超文 是建立在客户机 本标注语言HTML(Hyper Markup Language)与超文本传 本标注语言HTML(Hyper Language)与超文本传 输协议HTTP(Hyper Protocol)为基础 为基础。 输协议HTTP(Hyper Text Transfer Protocol)为基础。 能够提供面向Internet服务的、 Internet服务的 能够提供面向Internet服务的、一致的用户界面的信息 浏览系统。 浏览系统。 实质： 实质：分布式超媒体系统 web是无数个网络站点和网页的集合 是无数个网络站点和网页的集合， world wide web是无数个网络站点和网页的集合，它们 在一起构成了因特网最主要的部分( 在一起构成了因特网最主要的部分(因特网也包括电子 邮件、Usenet以及新闻组 以及新闻组) 它实际上是多媒体的集合， 邮件、Usenet以及新闻组)。它实际上是多媒体的集合， 是由超级链接连接而成的。 是由超级链接连接而成的。我们通常通过网络浏览器上 网观看的，就是万维网的内容. 网观看的，就是万维网的内容.