WebNewsEdit_Week06_v0.2 网络新闻编辑.pptVIP

一、网站与网页 采用HTML等语言设计的文件称为网页（Webpages），网页中包含文字、图片和音视频等内容，超链接技术的使用是网页的重要特征。 形成一个整体的一系列页面的有机集合称为网站（Web Site或Site）。 二、网站制作的主要流程 需求分析 访问者、内容等 总体设计 技术、界面等 制作 Html、Css、Asp，DreamWeaver等 三、HTML基础 HTML英语意思是：Hypertext Marked Language，即超文本标记语言。 HTML文件主要是在原来文本文件的基础上，加上一系列的标识符号描述其格式而形成的网络文件，并存放在Internet/Intranet上的Web服务器中，供访问者使用。 最初的HTML是Tim Berners-Lee在欧洲量子物理实验室CERN里研制的，后来在Mosaic浏览器上推广 HTML工作原理 通过在网页中添加标记符，可以告诉浏览器如何显示网页，即确定内容的格式。浏览器按顺序阅读网页文件（HTML文件），然后根据内容周围的HTML标记符解释和显示各种内容。 HTML编辑工具 编写一个HTML文件不需要特殊的软件，只要有一个字符编辑器就可以完成。 当然，使用所见即所得的专门软件可以大大提高效率。 Microsoft FrontPage Adobe GoLive Adobe DreamWeaver 网页文件的基本结构 文档头、文档体 HTML 　　　HEAD　　　　　　头 部 信 息　　　/HEAD 　　　BODY　　　　　文 档 主 体， 正 文 部 分　　　/BODY /HTML 标签（标记）与属性 标签（Tag）是Html用于控制页面的基本语言。 标签一般成对出现，但也有单标签。 p段落/p 上一行br下一行 绝大多数标签都有属性，用来控制标签的显示等。 p align=“center”段落居中/p 常用标签 标题标签：h1/h1 段落标签：p/p 换行标签：br br / 列表标签：ulli/li/ul 表格标签：tabletrtd/td/tr/table 图像标签：img 常用标签 链接标签：a href=“#”/a 表单标签：form……/form 区块标签：div/div 网页中的度量单位 标签中的属性值有很多是数据，例如图像的大小和表格的长宽等。 长度单位一般有两种表示方法：绝对值和相对值。它们的单位分别为像素（pixel）和百分比（％），像素代表屏幕上的各个显像点，而相对长度则描述了对象在浏览器窗口的所占的比例。 网页中的度量单位 字体的单位一般是pt（磅）或者px（像素） 9pt的字体和12像素的字体在网页设计中是最长使用的大小。11pt和14px的字体也比较美观。 网页中的颜色表示 颜色单位有三种表达的方式： 十六进制的颜色代码 font color=#FF0000Red Characters/font 十进制颜色码 font color=rgb(0,0,255) Blue /font 颜色名码 font color=greenGreen Characters /font 最常用的是十六进制代码。 网页中的相对路径和绝对路径 在HTML中，URL路径又分为两种形式：绝对路径和相对路径。 绝对路径是将主机地址和主机上资源发布目录的路径和资源名称进行完整的描述。如: a href=HTTP:///bbs/index.htm a href=file:///c:/xitami/webpages/default.htm 网页中的相对路径和绝对路径 相对路径则是相对于当前的网页所在目录或站点根目录的路径。如: IMG SRC=Snowwhite.jpg !--图像文件Snowwhite.jpg与当前显示的网页在同一目录下；-- IMG SRC=../image/Leaves.jpg !--图像文件Leaves.jpg 在与当前显示网页所在目录同层次的另一子目录image下；-- 网络新闻编辑 胡学峰 网络新闻编辑 主讲：胡学峰 第六周 2007年3月8日 * 上周课程回顾 网络新闻素材的采集 稿源分析与选择标准 几种技术工具 搜索引擎 RSS 网摘 网页设计基础（一） HTML * * * 网络新闻编辑 胡学峰