网页制作基础

《网页制作基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页制作基础——HTML篇◆第一课◆学习内容：建站过程、文件路径、网页基本元素1、网站制作基本概念（1）万维网（亦作“网络”、“WWW”、“3W”，英文“Web”或“WorldWideWeb”），是一个庞大的资源空间，该空间中所有资源都由一个全球网络资源唯一认证系统——“统一资源标识符（URL，UniversalResourceLocator）”进行标识，并通过“超文本传输协议（HTTP，HypertextTransferProtocol）”传送给使用者，而后者则通过点击“超级链接（HyperLink）”获

2、取资源。万维网之父蒂姆·伯纳斯·李也因此被美国《时代》周刊评为20世纪伟大思想家之一的传奇人物。（2）网页、主页与网站主页网页网页网页图片其他网站访客接口www.index.htm（3）静态网页、动态网页网站内容（Body）网站样式（Style）网站行为（Behavior）静态网页静态网页技术（HTML）CSSJavaScript/VBScript动态网页动态网页技术（ASP）+数据库技术（Access）HTML（HypertextMarkupLanguage）：超文本标记语言，是用于描述网页文档的一种标记

3、语言。ASP（ActiveServerPage）：动态服务器页面，在服务器端运行，可与数据库或其它程序进行交互；ASP网页中可包含HTML标记、普通文本、脚本命令等。CSS（CascadingStyleSheet）：层叠样式表，它是一种用来定义HTML文件标记样式的修饰性语言。JavaScript/VBScript：客户端脚本语言，能让网页更加生动活泼，可通过浏览器直接执行（注：Java、VB是编程语言）。2、利用网站集成和发布信息的基本过程：1）选题立意阶段√根据要发布的信息，确定网站的主题。2）规划设计

4、阶段√设计网站的内容和结构（设置栏目、版面设计、树立网站整体风格）。√准备网站的素材：文本、图片、动画、音乐、视频等。3）开发制作阶段√新建（打开）打开站点。√新建（打开）网页，编辑修改。√设计网页的版面：版面构成最主要元素：文字、图片、超链接；版面布局：经常利用表格或框架布局的。√加入网页元素：文本、图片、动画、音乐、表格、超链接、字幕、表单等。4）评估测试阶段√检测网站是否达到了你预计的效果√检查内容是否有错误√检查有无错误的链接。5）信息发布阶段√申请网站空间和域名，上传发布（也可以在网上邻居或本地发

5、布）√定期进行网站的信息维护√宣传网站3、文件路径1）通过一个具体的站点（myroom）来认识站点资源的结构及路径　知识加油站：&文件存放（站点内部结构）的分类方法有：按照类别、按照主题&相对路径和绝对路径　作业：  完成相对路径练习，利用记事本修改HTML代码，将“达芬奇”替换为“蒙娜丽莎”。2）通过一个简单页面认识网页基本元素：文本、图像、超链接、表格（怎么看不见？）等 　知识加油站：&网页上常用的图片格式（支持类型：GIF、JPG、PNG、BMP等） oGIF最多包含256种颜色、支持透明的背景色、支

6、持动画格式，特别擅长于表现那些包含大面积单色区域的图像，以及所含颜色不多、变化不复杂的图像。具体表现就是一些徽标、文字图片或卡通形象等。oJPG支持24位真彩色，但不支持透明的背景色。在表现色彩丰富、物体形状结构复杂的图片——比如照片等方面，有着不可取代的优点。 注意：虽然图像在网页中不可或缺，但不能太多，因为网页的下载速度较慢，如果网页长时间打不开，这样浏览者一般就不会再继续等下去了。3）通过一个简单对比了解网页制作：使用Word和Frontpage制作网页，拥有各自优势。Word可以制作单个页面，并可以

7、将我们创建的图形和插入的图片存在对应的网页同名.files文件夹中。Frontpage拥有强大的站点编辑能力。4）学习创建站点文件夹　任务：在D:temp下依次创建以下3个站点（关闭后再新建）　　　web1：空站点（站点位置d:tempweb1）　　　web2：只有一个网页的站点（站点位置d:tempweb2）　　　web3：个人站点（站点位置d:tempweb3）　　　比较：　　　　　i)在对应文件夹中，有何异同？　　　　　ii)新建站点和新建网页的区别？　　　　　iii)打开站点和打开网页

8、的区别？3、HTML学习HTML是HypertextMarkupLanguage的英文缩写，即超文本标记语言，是用于描述网页文档的一种标记语言。代码编辑（1）网页编辑工具的状态普通/HTML/预览不可编辑可视化编辑（2）HTML基本框架J我型我秀网页框架