导图社区 网页制作
专升本计算机网页制作思维导图,主要包括网页制作的概述、HTML简介、网页布局、常见表单布局、网页的发布。
数据库技术与Access2010思维导图:数据库技术基础,数据:存储在某一种媒体上能够识别的物理符号,一是描述事物特性的数据内容,二是存储在某一媒体上的数据形式等等
这是一个关于数据库技术与Access2010的思维导图,包括数据库技术基础、数据库管理系统、数据库管理系统和Access2010。
这是一个关于信息安全的思维导图,主要内容有信息安全意识、计算机犯罪、信息安全技术、计算机病毒、防火墙。
社区模板帮助中心,点此进入>>
英语词性
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
法理
刑法总则
【华政插班生】文学常识-先秦
【华政插班生】文学常识-秦汉
文学常识:魏晋南北朝
【华政插班生】文学常识-隋唐五代
【华政插班生】文学常识-两宋
网页制作
概述
网站
一组相关网页和有关文件的集合, 一般有一个特殊网页作为浏览的起点,称为主页,文件名index.html/ index.htm
网页home page
服务器和浏览器
服务器与浏览器之间通过超文本传输协议(HTTP)进行通信 ,用户使用浏览器向web服务器发送请求,web浏览器响应用户的请求,并使用HTTP协议将网页和有关文件传回 。
浏览器就是web客户端
微软的IE(自带的浏览器) 苹果的Safari 谷歌的Chrome
客户服务机制C/S
浏览器充当客户机--发送请求--web服务器相应--通过http协议传输
网页
又称HTML文件,一 种可以在WWW.上传输,可以被浏览器识别并翻译成页面并显示出来的文件,通常用户看到的网页大多是以.html和.htm为扩展名的文件
内容
由文字 ,图片 ,动画 超链接, 特殊组件(如计时器)等组成
分类
静态:仅设计者可改
动态:有程序代码
动态网页设计语言:asp, jsp
网页的制作工具:“三剑客”
Dreamweaver:网站开发及网页编辑工具
Flash:动画
Firework:处理网页图片
相关的计算机语言
HTML:超文本标记语言, 一种文本文件,可用记事本编辑,把HTML文档称为网页,以.html和.htm为扩展名
XML:可扩展标记语言,在Internet上传递和处理数据 ,扩展名.xml
CSS:层叠样式表 ,对网页数据进行排版 ,格式化, 显示特效等
DHTML:动态的HTML,要求网页具备动态功能,如动态交互、 动态更新
HTML5:HTML标准的的五次修订
脚本语言:嵌入到HTML代码中的程序根据运行位置不同,分为客户端脚本和服务器端脚本
HTML简介
一种纯文本文件 可以编写静态网页的 语言,可以使用任何文本处理软件来创建或处理HTML文件
HTML文件标记
包含文本内容和HTML标记两部分,HTML标记的书写格式为<标记名>文本内容</标记名>,标记名写在< >内,HTML标记不区分大小。
一般起始和结束标记都有,也有例外
HTML的网页结构
以<html>开头,以</htmI>结束
头部
<head>...</head>
整个网页标题:<title>...</title>
主体
<body>...</body>
格式为<body bgcolor= #n color= #n> ... </body> ,bgcolor为背景颜色,color为文本颜色,n为六位十六进制数,如果网页使用背景图像,格式为<body background=“路径/图片文件名>...
常用的HTML标记
文本布局
<p>...</p>段落标记
换行:<br>
水平线:<hr>
只有起始标记,没有结束标记
文字格式
标题
格式:<hn属性=属性值>标题文字内容</hn>
(文本中的标题) <hn> n是级别,最高有6级(h1高~h6低)
字体标记<front>
<size>大小 <color>颜色 <face>字体(如:宋体,黑体...)
字形5种
<b>加粗/<i>倾斜/<u>下划线/<sup>上标/<sub>下标
超链接
标记:<a>...</a>
herf属性指明被超链接的文件地址,格式为<a herf=URL>超链接文本</a>
图片
标记:<img>
src属性:图片文本所在位置,路径 alt属性:图片的文字说明 width和height属性:宽度、高度 border属性:边框 align属性:对齐方式
表格5种
定义表格区域<table>/<caption>标题/<th>头/<tr>行/<td>单元格
网页布局
框架:显示(完整的)网页文件,每个区域显示一个独立的网页
表格:定位
常见表单布局
表单特点:web服务器与客户交互的手段 ,作用是收集用户的输入信息实现用户与网站的交互 。
可插入文本框 ,文本区,复选框,选项按钮 ,高级按钮等
表单标记:<form>....</form>
网页的发布
发布站点的含义是用户把创建和修改后的网站内容上传到web服务器上
不是直接上传到web服务器上 流程:规划--设计--实现--发布管理