导图社区 网页制作学习笔记
山东专升本计算机第八章网页制作梳理了网页制作概述、HTML简介、网页布局、创建表单页面、网页的发布,值得收藏学习哦!
提示: 本内容由社区用户上传并分享。平台不对内容的真实性、合法性、知识产权归属及是否侵害第三方权利进行事前审核或保证。本内容可能包含受版权保护的图片、字体或其他第三方素材,使用前请自行确认授权范围。
第一节中国文化赖以生存发展的地理条件:东西线:渭河、黄河、济水一线;南北线:三条(太行山东、太行山西、陕西境内)。
《中国文化概论》第一章-绪论知识点梳理:第一节 “文化”的界定:现代汉语中的文化是指人的后天修养和精神、物质的创造;属于狭义文化定义范围的有人类文化学、民族文化学、国别文学。
自考《外国文学史》第三章-文艺复兴时期文学笔记,包括文艺复兴的概述、塞万提斯选择题和莎士比亚的相关内容。
社区模板帮助中心,点此进入>>
管理学
【毛概】第三章 社会主义改造理论
计算机
中国近代史
14章企业经营战略的实施和控制
管理学第一章
美术生所能报考专业
社会学概论新修
计算机专业信息资源管理
第三章 领导的职能和原则
第八章-网页制作
8.1概述
8.1.1网站
一组相关网页和有关文件的集合,一般有一个特殊的网页作为浏览的起点,称为主页,主页文件名一般为Index.htm/Index.html
8.1.2服务器与浏览器
服务器与浏览器之间通过超文本传输协议(HTTP)进行通信,用户使用浏览器向Web服务器发送请求,Web服务器响应用户的请求,并使用HTTP协议将网页和有关文件传回,目前常见的浏览器有微软的IE、苹果的Safari、谷歌的Chrome...
8.1.3网页
又称HTML文件,一种可以在WWW上传输,可以被浏览器识别并翻译成页面并显示出来的文件,通常用户看到的网页大多是以.html和.htm为扩展名的文件
网页可分为静态网页和动态网页两种,网页内容主要由文字、图片、动画、超链接和特殊组件(如计时器)等元素构成
静态网页:除非网页的设计者自己修改了网页的内容,否则网页的内容不会发生变化
动态网页:网页文件里包含文件代码,需要服务器执行程序才能生成网页内容
8.1.4网页制作工具
使用一般的文本编辑器编写HTML文档,如记事本等;使用所见即所得网页制作工具
网页制作三剑客:Dreamweaver网站开发及网页编辑工具、Flash动画作品的制作工具、fireworks处理网页图片
8.1.5网页设计的相关计算机语言
HTML:HTML是超文本标记语言的缩写,用HTML语言编写的文件称为HTML文件,把HTML文档称为网页,用HTML编写的网页实际是一种文本文件,它以.htm或.html为扩展名
XML:中文名为可扩展标记语言,主要用途是在Internet上传递和处理数据,扩展名为.xml
CSS:中文名为层叠样式表,主要用来对网页数据进行排版、格式化、显示、特效等
DHTML:动态的HTML,这种技术要求网页具备动态功能,如动态交互、动态更新等
HTML5:对HTML标准的第五次修订
脚本语言:嵌入到HTML代码中的程序,根据运行位置不同分为客户端脚本和服务器端脚本
8.2HTML简介
概述:HTML文件是一种纯文本文件,可用于编写静态网页的语言,可以使用任何文本处理软件来创建或处理HTML文件
8.2.1HTML语言概述
HTML文件标记:1.HTML文件包含文本内容和HTML标记两部分,HTML标记的书写格式为< 标记名>文本内容</标记名>,标记名写在< >内,多数HTML标记同时具有起始和结束标记,并且成对出现,但也有些HTML标记没有结束标记,另外,HTML标记不区分大小
HTML网页的结构:一般HTML文件都是以<html>开头,以</html>结束,其文件结构由以下两部分组成(1.头部,由<head>和</head>标记定义,最常用到的标记是<title>...</title>,用于定义网页文件的标题 2.正文主体由<body>和</body>标记定义,<body>标记具有一些常用的属性,格式为<body bgcolor=#n color=#n>...</body>,bgcolor为背景颜色,color为文本颜色,n为六位十六进制数,如果网页使用背景图像,格式为<body background="路径/图片文件名">...</body>
8.2.2常用的HTML标记
文本布局:段落标记<p>...</p>;换行标记<br>,该标记只有起始标记;水平线标记<hr>,该标记只有起始标记
文字格式:1.标题标记<hn>格式为<hn 属性=属性值>标题文字内容</hn>,其中n说明大小级别,把标题分为6级,即h1-h6,其中h1最大,h6最小 2.字体标记<font>①size属性,用于控制文字的大小,格式为<font size=n>...</font> ②color属性,用于控制文字的颜色,格式为<font color=#或英文表示的颜色>...</font> ③face属性,用于指明文字使用的字体,格式为<font face=字体名>...</font> 3.字形标记
图片:<img>标记将图片插入网页中,用于设置图片的大小以及相邻文字的排列方式
src属性:指明图片文本所在位置,<img src=URL>URL指定存放位置
alt属性:图片的文字说明,<img src=URL alt=说明文字>
width和height属性:宽度、高度
border属性:边框
align属性:对齐方式
超链接:<a>...</a>标记用于设置网页中的超链接,herf属性指明被超链接的文件地址,格式为<a herf=URL>超链接文本</a>,如果用图片做超链接可用如下格式完成<a herf=URL1><img src=URL2></a>
表格:
8.3网页布局
网页的布局设计,是将文字、图片等网页元素,根据特定的内容和主题,在网页所限定的范围中进行视觉的关联与配置,从而将设计意图以视觉形式表现出来,网页的布局一般使用表格或框架来实现
表格:表格布局技术是指把页面区域分为若干个单元格,通过单元格来控制各种页面元素(文本、图像等)在页面上的定位和排版
框架:框架页面就是把浏览器窗口划分为若干个子窗口,这些子窗口称为框架,一个框架显示一个网页文件,但整个框架集却存在于听一个浏览器窗口中
8.4创建表单页面
表单是Web服务器与客户交互的手段,作用是收集用户的输入信息,从而实现用户与网站的交互
表单可插入文本框、文本区、复选框、选项按钮、分组框、下拉框、按钮、高级按钮等表单域
表单标记<from>...</from>
8.5网页的发布
发布站点的含义是用户把创建和修改后的网站内容上传到Web服务器上,创建主题网站的顺序为规划-设计-实现-发布管理
字形标记