文档介绍：网页制作与网站设计教学课件
淮安信息职业技术学院
网页制作与网站设计课程组开发
1. 任务解析与项目目标
2. 核心技能与概念
3. 任务计划与决策
4. 任务实施
5. 项目检查与评估
6. 项目策略与经验
任务1:项目基础与流程设计
网页制作与网站设计教程
情境1:教学成果申报网网站建设
1. 网站需求分析
2. 网站风格定位
任务1:项目基础与流程设计
情境1:教学成果申报网网站建设
分项任务1项目基础与流程设计
分项任务2教学成果申报网站效果图设计与切片
分项任务3网站的后期编辑
分项任务4网站的发布与测试
网页的基本概念
互联网是由多个计算机网络相互连接而成的一个网络,它是在功能和逻辑上组成的一个大型网络。如图所示。
图 1-11 示意图
网页的基本概念
的一部分,它基于三个机制向用户提供资源,这三个机制是:
协议是一组标准的规则,用于实现通过通信信道发送信息所需的数据表示、信号发送、身份验证及错误检测,访问Web上的资源都需要遵循这些规则。万维网使用的是HTTP协议(Hyper Text Transfer Protocol,超文本传输协议)。
网页的基本概念
的一部分,它基于三个机制向用户提供资源,这三个机制是:
地址:万维网采用统一的命名方案来访问Web上的资源。URL(Uniform Resource Locations,统一资源定位符,网页的网址)用于标识Web上的页面和资源。
每个URL均由3部分组成,如下所示。
用于通讯的协议
与之通信的主机(服务器)
服务器上资源的路径(例如文件名)
http:// /
协议
主机
路径
http
网页的基本概念
的一部分,它基于三个机制向用户提供资源,这三个机制是:
(Hyper Text Markup Language,超文本标记语言)
HTML用于创建网页文档。HTML文档是使用HTML标记和元素创建的,。
请求
响应
客户浏览器
客户浏览器/服务器工作的过程
网页的基本概念
Web浏览器的中文名称:网络浏览器或网页浏览器,简称浏览器;英文名称:Web Browser。浏览器是用于观看网页的工具,是一个显示网页伺服器或档案系统内的HTML文件,并让用户与这些文件进行互动的一种软件。 Explorer、Mozilla的Firefox、Opera和Safari。浏览器是最经常使用到的客户端程序。
网页的基本概念
网站:网站是万维网上相关网页的集合。
网页:网页是万维网上的页面,。HTML:HTML是超文本标记语言(Hyper Text Markup Language)的简称。
HTML编辑器:也称网页编辑器,一般是指用于开发网页的工具软件,目前比较流行的HTML编辑器是Macromedia Dreamweaver和Microsoft FrontPage。
网页的基本概念
用户在浏览网页时,但鼠标移动到网页中的某一元素时,鼠标光标变成形状,则表示该元素连接了其他的页面或者元素,也就是网页中的超级链接。它他的作用和Windows操作系统中的快捷方式图表一样,通过它可以在网站内部页面和对象之间建立链接,也可以在与其他网站的页面和对象之间建立连接。通过单击网页中的超级链接就可以转到相应的页面上进行浏览。