网页制作(复习)剖析.ppt

URL URL（Uniform/Universal Resource Locator）是“统一资源定位器”的英文缩写。用于标识 www网中每个信息资源的位置。 通信协议://主机域名或IP地址/文件路径/文件名 URL由三部分组成： ● 协议类型 ● 主机名 ● 路径及文件名。 —— HTTP（Hypertext Transfer Protocol ） 超文本传输协议 —— FTP（File Transfer Protocol ） 文件传输协议 —— SMTP（Simple Mail Transfer Protocol ） 简单邮件传输协议 —— TELNET 远程网络访问协议 *网站开发流程 1、确定网站主题和名称 2、定位网站形象和CI策划 ⑴ 网站的标志和LOGO ⑵ 确定网站的标准色彩 ⑶ 设计网站的标准字体 ⑷ 设计网站的宣传标语 3、素材收集及网站规划 ⑴ 网站素材收集 ⑵ 规划网站结构 ⑶ 规划网站的栏目 4、网页制作 ⑴ 页面布局⑵ 主页设计⑶ 网页编排 5、测试上传发布 HTML简介 HTML不是一种程序，它只是一种控制网页中资料显示的标识语言。 ●因为HTML是一个文本文件，所以可以使用任何一个文本编辑器进行编写(Windows记事本)。 ●在保存HTML文件时，需保存为纯文本文件，并用 .html或.htm作为扩展名。 ●HTML文件是运行在Web浏览器上的，通过浏览器解释执行。 HTML的基本结构 HTML标签分为单标签和成对标签。 ●成对标签的语法： 元素名称要控制的元素/元素名称 例：title第一个网页/title 该标签用于界定标题元素的范围，即title和 /title标签之间的部分是此HTML文件的标题。 ●单标签语法： 元素名称 例：br 表示在当前位置插入一个换行符。 注：HTML标签不区分大小写。 HTML的基本结构 标签属性 一个标签为了明确它的功能，往往用一些属性参数来描述。标签属性是用于控制标签中元素的显示效果，如颜色、对齐方式等。 这些属性位于所建立元素的首标签。 ●语法： 元素名称 属性1=“值1” 属性2=“值2”… 要控制的元素 /元素名称 注：各属性无先后顺序。 HTML文件结构 一个简单的HTML文件： html head title第一个HTML示例/title /head body HTML的基本结构 /body /html 3 HTML的基本结构 ①文件标签html…/html ●在任何一个HTML文件中最先出现的标签，用于表示该文件是以超文本标识语言HTML编写的。 ●该标签是成对标签，首标签html位于文件的最前面，尾标签/html位于文件的结尾，文件中所有文本和HTML标签都包含在其中。 ●该标签不带有任何属性。 3 HTML的基本结构 ②文件头部标签 head…/head ●文件头标签部分用来规定该文件的标题，(出现在web浏览器窗口的标题栏中)和文件的一些属性。 ●该标签中可以插入其他标签，如title/title设置网页标题、script/script等，这些标签用于描述html文档的相关信息、定义样式或插入脚本语言。