网站建设 网页的排版布局

1、2 网页的基础知识,2.1 网页的脚本语言HTML 2.1.1 HTML语言概况,HTML（Hypertext Markup Language） 超文本标记语言 文本文档编辑器编辑HTML文档 运行在Web浏览器上,2.1 网页的脚本语言HTML 2.1.2 HTML脚本的基本结构,元素：符合DTD的文档 标签：规定元素的属性和在文档中的位置 成对出现：格式 单独出现：格式 标签：文档标识符 标签：文档头部分 标签：文档主体部分,标签中的一些基本属性,bgcolor背景色 text文字的颜色 link待连接超链接对象的颜色 alink连接超链接对象的颜色 vlink已连接超链接对象的颜色 background背景文件,例1：基本。

2、网站管理与维护,项目三 网站建设初期 静态网站的设计与管理,项目三 网站建设初期静态网站的设计与管理,【项目背景】 小张是东恩公司从事电子商务的工作人员，公司经理告诉他，公司要进入电子商务网站具体设计阶段，需要先建设本公司初期的电子商务网站，完成网上所需的基本功能。小张应该如何进行他所在的东恩公司电子商务网站初期的设计与管理工作。,【项目分析】,1有哪些工具可能在电子商务网站的网页设计中用到？ 2如何设计与制作静态网页？ 3设计网页时需要准备哪些素材？,【任务分解】,任务1：选择网页设计工具。 任务2：设计与制作。

3、项目1 个人网站的建设模板和特效网页的制作,任务1 .个人网站的设计规划任务2 .创建本地站点任务任务3 .制作网页模板任务4.利用模板制作“我的简历”页面任务5 .网页添加特效,任务1 . 个人网站的设计规划,任务1 .1 确定网站主题任务1.2 确定网站的目录结构任务1.3 确定网站的整体风格任务1.4 确定网站主要栏目和布局,任务1.1 确定网站主题,对于主题的选择主要按下列3个条件去考虑，本例所讲的是一个个人介绍性质的网站，主题就是介绍个人的相关信息。如果主题已经确定，就可以围绕主题给该网站起一个名字，网站名称也是网站设计的一部分，。

4、第三章 网页的排版和布局(三)使用框架布局网页,计算机与信息学院,顶部框架（topframe）,主框架（mainframe）,底部框架（bottomframe）,左框架（leftframe）,3.4.1 框架网页概述,框架由框架集和框架组成。框架是布局工具，用框架把浏览器窗口划分成若干个部分，每个框架都是浏览器窗口中的一个区域，它可以显示独立内容的 HTML 文档。框架集也是 HTML 文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的 URL。 框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个。

5、第三章 网页的排版和布局（二）布局表格的应用,福建农林大学计算机与信息学院胡欣欣,3.3 布局表格的应用,Dreamweaver提供了“布局”模式。在“布局”模式中，可以使用布局表格和布局单元格来设计网页。使用布局表格可以摆脱传统表格的羁绊，更方便设计者进行网页布局。 在布局表格中插入的布局单元格，可以在该布局表格中任意位置移动，使得网页布局更灵活。 布局模式是进行 Web 页布局最常用的方法。,3.3.1 绘制布局表格和布局单元格,1、绘制布局表格 把表格视图切换到“布局”模式。可以通过在“插入”工具栏的“布局”类别中，单击“布。

6、1,网页版面布局设计,网站内容的规划,目前，全世界的网站总数已经超过了6000万个，如何使自己的网站能够在众多的网站中脱颖而出，令人刮目相看，关键是提升网站的知名度和访问率，而对网站内容进行详细的规划和注重网络应用则是提高网站访问率的重要因素。从最新的网络统计分析报告中得知，网站访问率的78%来自于搜索引擎，而网站在搜索引擎中的排名与网站的内容有很大的关系。,企业机构网站的规划,企业机构网站是指以企业单位为主体而构建的网站，其目的是为了利用网络宣传企业形象，展示企业文化，推销企业产品，拓宽企业的营销渠道。其。

7、05模块 网页的排版布局,在进行网站设计时，需要对网站的版面与布局进行一个整体的规划，这就是网站的排版布局。本模块主要讲解页面的基本构成、常见的页面结构、页面布局设计的基本流程和常用网页布局方法等内容，其中常用网页布局方法是本章的重点。,能力目标1能使用表格布局网页。2能使用框架布局网页。3能熟练使用CSS+DIV布局网页。知识目标1页面的基本构成。2常见的页面结构类型。3页面布局设计流程。4常见页面布局方法。,知识1页面的基本构成,互联网上的网页多种多样，内容千差万别，组成各异。但是，一般的网页都包含标题、网站标志。

8、05模块 网页的排版布局,在进行网站设计时，需要对网站的版面与布局进行一个整体的规划，这就是网站的排版布局。本模块主要讲解页面的基本构成、常见的页面结构、页面布局设计的基本流程和常用网页布局方法等内容，其中常用网页布局方法是本章的重点。,能力目标 1能使用表格布局网页。 2能使用框架布局网页。 3能熟练使用CSS+DIV布局网页。 知识目标 1页面的基本构成。 2常见的页面结构类型。 3页面布局设计流程。 4常见页面布局方法。,知识1页面的基本构成,互联网上的网页多种多样，内容千差万别，组成各异。但是，一般的网页都包含标题、。

9、05模块 网页的排版布局,在进行网站设计时，需要对网站的版面与布局进行一个整体的规划，这就是网站的排版布局。本模块主要讲解页面的基本构成、常见的页面结构、页面布局设计的基本流程和常用网页布局方法等内容，其中常用网页布局方法是本章的重点。,能力目标1能使用表格布局网页。2能使用框架布局网页。3能熟练使用CSS+DIV布局网页。知识目标1页面的基本构成。2常见的页面结构类型。3页面布局设计流程。4常见页面布局方法。,知识1页面的基本构成,互联网上的网页多种多样，内容千差万别，组成各异。但是，一般的网页都包含标题、网站标志。