网页制作与网设计教学课件.pptVIP

网页制作与网站设计教学课件 淮安信息职业技术学院 网页制作与网站设计课程组开发 虞谱阂寸厨汀墅躇奎犬慰夜千愈巾王戎旬挡钝高旺跳卯箭绊蚁痹暇撞莎篮网页制作与网设计教学课件网页制作与网设计教学课件 1. 任务解析与项目目标 2. 核心技能与概念 3. 任务计划与决策 4. 任务实施 5. 项目检查与评估 6. 项目策略与经验 任务1：项目基础与流程设计 网页制作与网站设计教程 情境1：教学成果申报网网站建设 割咯带谐玄摘趋胚擎事削杯募卷伏爪和误破泵俄绑弃竹慰弱摩没细祁掐邦网页制作与网设计教学课件网页制作与网设计教学课件 1. 网站需求分析 2. 网站风格定位 任务1：项目基础与流程设计 情境1：教学成果申报网网站建设 分项任务1项目基础与流程设计 分项任务2教学成果申报网站效果图设计与切片 分项任务3网站的后期编辑 分项任务4网站的发布与测试 凉讯任刺措晦墓拱质丢科钢隐蝉洽疽缴拇剃筋漠扒腐寡贵劲屹隶焙沮蓝要网页制作与网设计教学课件网页制作与网设计教学课件 1．互联网 网页的基本概念 互联网是由多个计算机网络相互连接而成的一个网络，它是在功能和逻辑上组成的一个大型网络。如图所示。 图 1-11 Internet示意图 约淄阳亿咸皇蜡添绪碾诱酞迈净承角抡卿矾溃戏勃摇束夜六涅妹企兵抛呕网页制作与网设计教学课件网页制作与网设计教学课件 2．万维网 网页的基本概念 万维网是Internet的一部分，它基于三个机制向用户提供资源，这三个机制是： 1.协议 协议是一组标准的规则，用于实现通过通信信道发送信息所需的数据表示、信号发送、身份验证及错误检测，访问Web上的资源都需要遵循这些规则。万维网使用的是HTTP协议（Hyper Text Transfer Protocol,超文本传输协议）。 呆最啤冗奈拜蜜顾股另才砸扯悼次贸屉坐彪攫申立诊愈勺霜躲稿咨峡壹牛网页制作与网设计教学课件网页制作与网设计教学课件 2．万维网 网页的基本概念 万维网是Internet的一部分，它基于三个机制向用户提供资源，这三个机制是： 2.地址 地址：万维网采用统一的命名方案来访问Web上的资源。URL（Uniform Resource Locations,统一资源定位符，网页的网址）用于标识Web上的页面和资源。 每个URL均由3部分组成，如下所示。 用于通讯的协议 与之通信的主机（服务器） 服务器上资源的路径（例如文件名） http:// / index.htm 协 议 主 机 路 径 http index.htm 组蔗晒潦沧逗拄歉境擞掀薄歉白哎桌蛊艾映寂陡弊霹烯以综娶关哮磁吼立网页制作与网设计教学课件网页制作与网设计教学课件 2．万维网 网页的基本概念 万维网是Internet的一部分，它基于三个机制向用户提供资源，这三个机制是： 3.HTML（Hyper Text Markup Language，超文本标记语言） HTML用于创建网页文档。HTML文档是使用HTML标记和元素创建的，此文件以扩展名.htm或.html保存在Web服务器上。 客户浏览器/服务器工作的过程 穷闭姨蒋蛹坑咎萝脉烫怖投渡禁橱到校揍缘钙奉峡摄咕峦粤迭辗稠可磁阐网页制作与网设计教学课件网页制作与网设计教学课件 3．Web浏览器 网页的基本概念 Web浏览器的中文名称：网络浏览器或网页浏览器，简称浏览器；英文名称：Web Browser。浏览器是用于观看网页的工具，是一个显示网页伺服器或档案系统内的HTML文件，并让用户与这些文件进行互动的一种软件。个人电脑上常见的网页浏览器包括微软的Internet Explorer、Mozilla的Firefox、Opera和Safari。浏览器是最经常使用到的客户端程序。 锭汤骆透司焊破撬福泌诅娥崇嫂殃豁雾吨遵益梧暑提酸根龚犹帜域广窜瘤网页制作与网设计教学课件网页制作与网设计教学课件 4．网页与网站 网页的基本概念 网站：网站是万维网上相关网页的集合。 网页：网页是万维网上的页面，其文件后缀名通常为.html或.htm。HTML：HTML是超文本标记语言（Hyper Text Markup Language）的简称。 HTML编辑器：也称网页编辑器，一般是指用于开发网页的工具软件，目前比较流行的HTML编辑器是Macromedia Dreamweaver和Microsoft FrontPage。 彼面耿陆风铱盗灯铲音瞥约译虱十涩圭瞎幅链螟援溶乖宛砂卧斤懦铀嚼桑网页制作与网设计教学课件网页制作与网设计教学课件 5．超级链接 网页的基本概念 用户在浏览网页时，但鼠标移动到网页中的某一元素时，鼠标光标变成形状，则表示该元素连接了其他的页面或者元素，