网页制作初步与网站发布ppt课件

chapter 11网页制作的初步和Web网站公开、在互联网上公开的WWW信息全部作为网页出现，网页(也称为网页)是Web上的基本文件，用HTML (超文本标记语言)写网站(简称网站)由链接的不同的网页组成。 向网站发送网页，称为网站公开。 1、网站设计的基础、网站设计的基本步骤计划网站制作网站的内容(即网页)公开网站、网站设计的基本原则：着手以用户优先的观念内容为第一的计划，确定特征，确定目标重视主页， 考虑到合理分类的网站交互性应用图形技术避免合理的背景色选择技术滥用的及时更新维护. 创建网页的基本步骤：首先，在本地硬盘上创建文件夹，放置网页中使用的所有文件。 也就是说，网站使用FrontPage、Dreamweaver等网页制作软件制作网页，或者用HTML语言直接制作网页。 或者将最后创建的网页保存到创建的文件夹中。网页创建的基本方式是以HTML语言形式直接创建，利用网页编辑软件(FrontPage、Dreamweaver等)，用某个形式转换工具将现有的其他形式文件保存到HTML文件中网页设计的基本语言HTML、HTML简介：一般来说，初始的网页完全用HTML(HypertextMarkupLanguage )制作。 用HTML创建的网页由普通的ASCII代码构成，所以可以在平台之间(计算机或操作系统)使用。 因此，无论Web服务器和浏览器在哪个计算机和操作系统上，都没有那么大的差异。 HTML是网络文档公开和阅览的基本形式，是定义网络的基本规格之一。 HTML是一种用特殊标记描述文档结构和表达的语言。 现在大多数网页都是用HTML或其他程序语言嵌套在HTML中写的。 HTML是WWW诞生初期生成唯一的网页的方法，之后的各种网页可视化创作工具，例如FrongPage、Dreamweaver等是基于HTML源代码制作的，但是有些代码文档很容易操作为什么要学习HTML？是FrontPage、Dreamweaver中看到的“网页制作工具HTML语言，使用比较复杂的HTML是各种网页的新技术(DHTML、ASP、PHP、JAVAScript 以HTML语言编写的超文本文件称为HTML文件。 HTML文件是包含标签的ASCII文本文件，文件扩展名为. HTML或. htm。 由HTML构成的文档不会根据时间和位置而变化，被称为“静态页”。 为了使网页动态变化，需要在网页上加入程序使其成为“动态网页”。 HTML的初步HTML优点： HTML文件小、易于在网络上传输的HTML文档，其原则上与计算机平台相独立。制作HTML文档不需要特别的软件，而是通常的文本编辑器。 如果直接以文本编辑HTML限制，则仅看到就无法得到的定义标签通常无法满足多方面的需要，主要面向交互式人。 在计算机之间交换数据不方便的HTML接班人是XML (可扩展标记语言)，编辑第一个HTML文件并在记事本中显示“helloworldhelloworldthisismyfirs HTML文档是纯文本文件，是用ASCII代码编写的源文件，页面本身的文本由表示页面元素、结构、格式和其他超文本链接的HTML的标签组成。 大多数的HTML标签都是如下描述的。 文档内容的某些HTML元素仅包含开始标签，没有相应的结束标签。 例如，换行标签的一部分HTML元素的结束标签是可以省略的。 例如，段落结束标签的开始标签可以包含在标签名称之后从空白位置开始、在结束标签“”之前结束的属性字段。、helloworldhelloworldthisismyfirstweb .该文件定义为HTML文档，包含整个HTML文档，和helloworldhelloworldthisismyfirstweb . 定义helloworldhelloworldthisismyfirstweb .和HTML正文，以描述包含HTML文档标头的HTML页，并放置主页的显示内容(包括文本、标签和正文内容)。 helloworldhelloworldthisismyfirstweb .配置文档的主题位于浏览器的顶部，HTML语法结构HTML语法结构，谷歌主页的部分源代码Google .HTML文档正文部分的声明，HTML语法例如，谷歌单独出现的标签是“空元素”，例如，可以存储其他元素的元素也称为“容器元素”，例如，谷歌.这三个元素构成了完整的HTML文档结构的模板。 所有的HTML文档都必须遵循此模板。 标题是HTML文档结构和通用元素、HTML文档结构和通用元素、容器元素中最常见的元素是text :此元素是文档的标题，就像书的标题。 在浏览器中，标题通常与文本页分开显示(例如，显示在窗口的标题栏中)。 在用户保存web页时，平视(TITLE )多用作文件名，因此应注意命名。 的双曲正切值。 HTML文档结构和一般元素。 容器包含在标签对中的内容显示在浏览器的主窗口中。 在开始设计网页之前，您必须规划和设置整个页面，包括背景色、背景图案、页边距和大部分文本的颜色。 HTML使用元素定义页面的基本属性。 正如本章开头提到的搜索引擎“Google”主页的例子一样，容器元素中包含以下通用要素：第6级标题标签text :带括号的文本作为标题。 标签、到，可以有六个层次的标题(小数字表示重要的标题)。 这个标题的上下有空白行。 标题对齐：(“？=16)，HTML文档的结构和常用要素示例： bobfelloverthechicken. h1 bobfelloverthechicken. H2 bobfelloverthechicken. H3 bobfelloverthechick bobfelloverthechicken. H5 bobfelloverthechicken. h6 ，段落标记、结束标记不是必要的例子： bobstartstochachachachachatchikenaror.bobtrisso eww！ Whatapity！图像标签将图像插入文档中，可以通过SRC属性指定的URL找到图像。 例如，放置水平分割线标记，横穿浏览器窗口的水平线。 通常水平线的上下有空白行：在文本中强制换行，以使下一行后面的文本对齐。 没有终止符号的示例： sentence one.sentence two.sentence three .:显示无序列表。 在两个项目之间放置列表项目。 每个项目都有开始标签和可选的结束标签，通常显示的项目的开头有点。 例如： pencilspenseraserspaperglue，:有顺序的列表，其中的各列表项目是符号：和例： pencilspenseraserspaperglue，文本修饰逻辑样式：文本修饰逻辑样式是用户真的在文本的各片段上texttexttext :例如bolditalizedlargersmallertype-written，text :预格式化的文本在HTML中忽略了多馀的空格、标签、换行符，因此，诗、表、复制元素根据文本原稿的出现样式对包含的文本进行格式化。 包含原稿中出现的空格、制表符、换行等。 示例： thecatranafterthedog. -verb noun -noun、Table元素和表元素是HTML中最复杂且最广泛的元素之一：，表必须以标签结束。 否则，表格元素将在网页上以表格形式组织，并不显示在表格中显示的数据在web布局设计中被大量使用。 “谷歌”的简单页面使用了两个表进行布局。标签的一般格式是：、bgcolor=#hexadecimal_here-定义表的背景色background= location _ of _ image -背景图案Border表的边框样式(用作布局时为默认标签：双重标签、表格标题，通常显示在第一个标签和第一个标签之间。 TR元素TR元素表示表的行标记，表的每一行必须包含在标记对中。 行标记的常用形式是：Align指定该行单元格的放置方式。 可选值是左对齐(默认) Center中心对齐Right右对齐Bgcolor指定该行的背景颜色。 TD元素单元格是表的基本组成部分，TD元素表示表的单元格，标签对中的所有TD元素都构成表的行。 单元格标记的一般形式是：，在标签属性中： Width单元格宽度Height单元格高度Align单元格水平对齐法Valign单元格垂直对齐法可以使用“实体”(Entities )将这些字符包含在文档中。 实体可以是多个文本段，一个字符可以一起表示。 常用语法包含“”符号、表示字符的名称和分号。 预约文字预约文字是HTML中用于其他目的的普通文字，直接输入的话会混乱。 的双曲正切值。 编辑HTML文档时，HTML标准单位包含对各种元素属性的指派。 例如，定义标题大小、定义文本格式、定义图像位置、定义水平线和表纵横比、定义文本和背景颜色、定义链接点位置等。 通常，这些属性被分配了各种数据。 的双曲正切值。 HTML标准单位和长度单位可用于定义一组属性，如水平线、表边框、图像等对象的长度、宽度、高度，以及对象在网页上的位置等属性。 有两种显示长度的方法：绝对长度和相对长度。 单位是“像素”(pixel )和百分比(% )，像素表示屏幕上的各个显影点，相对长度表示对象在浏览器窗口中的比例。 HTML标准单位，一般在网页设计中不怎么使用绝对长度。 因为浏览器窗口可以随时调整大小，所以将水平线设定为绝对长度容易引起不协调感，而用相对长度记述时，对象会根据浏览器窗口的大小而变化。 另外，HTML标准单位、颜色单位描述在网页的表现形式中频繁使用的数据类型。 要设计网页，必须定义字体、页面背景、表格背景和超链接的颜色，并使用颜色数据定义对象的颜色属性。 在HTML标准单位、颜色单位中，十六进制的颜色代码RedCharacters十进制的颜色代码Blue颜色名称代码GreenCharacters、HTML标准单位、统一资源定位符(URL )路径是互联网资源资源在HTML中，URL路径分为绝对路径和相对路径两种形式。 绝对路径是主机地址和主机上资源发行目录的路径和资源名称的完整描述。HTML标准单位和相对路径是相对于当前网页所在的目录或站点根目录的路径。链接、链接标记：开始标记：结束标记：这两个标记之间的内容显示为带下划线和特殊颜色。 当用户单击带下划线的文本时，将向位置地址发出请求。 链接示例：我的邮箱北大bbs，表格，表格标记：由几个控件组成，实现与用户的交互，使网页具有对话能力。框架，框架标签：也称为框架，可以用于将浏览器窗口分割为多个区域(窗格)。 可以同时在同一浏览器窗口中显示多个方框，构成一个称为大型机的最大框架。 3、网站公开，公司或部门向ISP申请独立的域名和IP地址，可以创建独立的网站的个人用户在互联网上免费申请空间，为自己的网站提供免费的Web空间服务提供免费或收费空间的网站：万网：中国人：西陆空间：网易x空间：免费主页服务网站时，主要要考虑提供的空间大小、访问速度、附带的免费服务功能等几个要素。 空间大小：有些不限制使用空间的数量，有些可以使用20MB、50MB、100MB的免费服务功能。 具体服务千差万别，有些只提供空间，还有免费域名、电子邮件地址、计数器、聊天室、论坛、留言板、CGI和ASP的支持，经批准后，请发送到以下信息网站的地址(例如：网址网站的IP地址(如果是独立站点，则需要提供新站点的IP地址，如果是其他站点的一部分，则不需要网站的IP地址)。 用户名和密码。 如果用户的计算机没有通过专线连接到互联网，则需要寻找出租Web存储的提供商(WebPreservationProvider，WPP )。 WPP提供了对互联网的拨号接入和网页的硬盘存储。 关于发送站点，将Web站点内的所有文件和文件夹复制到Web服务器上的指定文件夹