网站建设与管理全套教学课件.pptx

---WEB前端基础教程;第1章 网页制作基础知识;;;;;浏览器 浏览器是一种可以显示网页内容，并让用户与之交互的软件。 常见的网页浏览器有Internet Explorer、Opera、Firefox、chrome和Safari。在激烈的市场竞争中Internet Explorer份额逐渐减少，Google chrome在2012年8月份市场份额正式超过IE浏览器，跃居第一。2016年2月Opera被 360 和昆仑万维收购。;;;网页编辑工具介绍;;;;;;常用排版标签 !doctype html html head meta charset=utf-8 title我的第一个网页/title /head ;进阶与提高;第2章 站点管理 ;;;;;;;第3章 超级链接;;;;;;;第4章 框架 ;;;框架概述 编辑框架式网页 案例：网站“继续教育” ;框架frame frameset rows=80,*,80 frameborder=no border=0 framespacing=0 frame src=UntitledFrame-6 name=topFrame scrolling=no noresize=noresize id=topFrame title=topFrame / frame src=Untitled-5 name=mainFrame id=mainFrame title=mainFrame / frame src=UntitledFrame-7 name=bottomFrame scrolling=no noresize=noresize id=bottomFrame title=bottomFrame / /frameset ;;第5章 表单 ;;;表单概述 表单form是Internet和服务器之间进行信息交流的一种重要工具。表单可以收集浏览者输入的信息，因而被应用在网站的各个领域。 表单对象主要包括按钮、文本框、文本区域、单选按钮、复选按钮、列表、菜单、跳转菜单等。 表单的应用包括两部分： 一是用户界面，提供用户输入数据的元件； 另一部分是处理程序，可以是客户端程序在浏览器执行，也可以是服务器程序处理用户提交的数据，返回结果。;;表单form标签 5_1.html fieldset legend注册区域/legend form ...... /form /fieldset;5_2.html构建HTML5表单 label for=user账号：/labelinput type=text name=user id=user placeholder=请输入账号 required br / label for=password密码：/labelinput type=password name=password id=password placeholder=请输入密码 requiredbr / label for=tel电话号码：/labelinput type=tel name=tel id=tel placeholder=请输入电话 requiredbr / label for=email电子邮箱：/labelinput type=email name=email id=email placeholder=请输入邮箱 requiredbr / button点击注册/button;第6章 CSS层叠样式表 ;;;;;盒子模型 将网页中的所有元素都看成是一个盒子，占据着一定的空间。盒子通常包括着内容(content)、填充(padding)、边框(border)、边界 (margin)， CSS盒子模式都具备这些属性，每个属性都有top、left、bottom和right四个方向。 ;快速定义样式 在“CSS面板”中新建选择器，在弹出的界面中定义规则。 在左边的“分类”中有“类型”、“背景”、“区块”、“方框”、“边框”、“列表”、“定位”、“扩展”和“过渡”。 ;;;;样式应用实例 6_3.html .liebiao { list-style-image: url(image/xm.gif); font-size: 12px; margin: 0px; padding: 0px; } ;;第7章 网页布局 ;;;;固定布局 固定布局设置了固定宽度的外包裹，里面的各个模块也是固定宽度或百分比，通常设置960px或760px的固定宽度，960px适合1024*768或者更高的分辨率，760px适合800*600分辨率。 固定宽度和高度的布局容易使用，适合定制设计