实验三+用HTML表格进行网页排版

实验三+用HTML表格进行网页排版
实验三+用HTML表格进行网页排版

淮海工学院计算机工程学院实验报告书

课程名:《Web应用开发技术》

题目:实验三HTML表格进行网页排版

班级:

学号:

姓名:

评语:

成绩:指导教师:

批阅时间:年月日

实验三用HTML表格进行网页排版

一实验目的

●掌握HTML文档的结构;

●掌握常用的有关文本的标记及其属性;

●掌握img标记及指定src属性的方法;

●熟悉W3C HTML Validator进行网页合法性验证的一般方法。

二实验内容和要求

实验内容:

1.创建名为ex3的文件夹,在该文件夹里面创建一个网页文件sales.html,网页的标题为“ACME

公司2013年销售输入”,使用HTML 4 Transitional文档类型声明,使用合适的表格标记及属性显示ACME公司2013的5种产品4个季度的销售额。显示效果如下(单元格数据为随机值):

产品/季度一季度二季度三季度四季度Helix 20000 565454 5654 334543

X-Super 32345 34655 4345 34534 Compact2x 234324 7876 53434 43543 MiniXooper 7867 5465 6763443 354366

2.使用表格对教材64页图2-26的表单使用表格进行布局,保存为profile.html。

3.使用W3C在线HTML验证工具验证上述文档的合法性,修改验证结果中出现的错误。

实验要求:

(1)需要每个同学独立完成所有的实验步骤,

(2)要求使用label标记对相关的表单元素进行说明,即: (3)下课之前将实验报告的电子文档提交至教学平台。

三实验步骤

第一题:

"https://www.360docs.net/doc/5a11360746.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ACME公司2013年销售输入

第二题:

表单

请正确填写您的个人信息,以方便我们及时与您联系!!!!

产品/季度一季度二季度三季度四季度
Helix200005654545654334543
X-Super3234534655434534534
Compact2x23432478765343443543
MiniXooper786754656763443354366

最喜爱的语言:

最高学历:

您的头像:
您的上传:

四实验结果

第一题:

第二题:

五实验分析体会

通过实验,理解掌握了什么?解决了什么问题?有何体会?…

通过本次实验掌握了一些创建表格使用的基本标签,table标签:定义一

个表格,tr:定义了表格中的行,td:定义了普通的单元格,th:定义了表头的单元格,通常文本黑体居中出现,caption:定义了表格的标题。刚学习的时候不知道上面几个标签的功能,通过反复练习书本上P53页的例题,反复在notepad++中打源代码,最后掌握了它们的属性并且能正确地定义。通过本次实验,学会了如何在网页中制作表格和表单,就像在excel中一样。但是对于书上的部分例题还不能完全理解,继续加油!

教案:使用表格布局网页

教学内容:项目五表格的应用 任务3、使用表格布局网页课程:网页设计与制作 专业:计算机 授课课时: 1课时 教师: 授课班级: 单位: 授课时间: 教学设计说明:对于使用表格布局“个人写真”首页的任务,我在坚持以教

师为主导,学生为主体的教学原则下,通过复习提问——巩固旧知;创设情景——导入新课,明确任务;提出问题——分析任务,引发思考、课堂讨论、获取知识;讲授点拨——任务实施,引出重点;师生互动,归纳提高——攻破难点五个环节进行教学。在任务实施中采取小组合作完成的方法,以小组为整体回答问题及完成操作性任务,小组评比采用星级制,小组得星数量从多到少评为优、良、

D:/myweb素材 2 文本、图片等元素的布局,强调两个网页在制作中的区别是前者运用表格进行合理布局,可见布局在网页制作中的 提出本次课的任二、导入新课 看图观察对比2张网页效果图 图1 图2 【观看效果图】 观看老师展示的 张页面效果图。 【学生感受】 学 网 重要作用。 学 学习任务。

首页效果图 请同学们观察首页的布局,分析 结构,得出首页表 向学生展示首页三、进入新课 1、任务分析 2、任务实施 (一)、插入布局页面的表格并在表格、单元 格属性面板中设置表格 【操作步骤】 步骤1:单击菜单栏[插入记录]/[表格],设 【学生讨论】 在教师的引导下, 分析、 布局规律。

请学生到教师机上演示表格四的 巡回检查学生制作,并针对制作过程出现问题进 引导学生建立调整表格结构的思 软 教师巡回检查学生制作,并针对制作过程出现问 指置:1*1,边框、边距、间距:0; 步骤2:单击状态栏[table]标签,设置表格 对齐方式为“居中”; 步骤3:单击状态栏[td]标签,设置单元格高; 步骤4:表格2、3、4的创建方法同上。 【提出问题】 如果表格属性填充、间距、边框不设为0是 什么效果? 练习一:带着问题完成表格插入及属性设置 操作。 【总结】如果没有指明单元格边距和单元格 间距,大多数浏览器按单元格边距为1、单元 格间距为2来显示表格。 (二)调整表格结构 1、合并、拆分表格 【操作步骤】 步骤1:光标定位于表格2中,单击单元格属 性面板“拆分”按钮,将单元格差分成10列; 步骤2:按住ctrl键选择不连续单元格,设 置奇数单元格为80px,偶数单元格为20px; 2、表格嵌套 【操作步骤】 光标定位于表格3第二例,插入一个2*3,宽 度80%的表格。 【提出问题】 如何使嵌套的表格置于单元格的最顶端并居 中? 练习二:完成表格的结构调整操作。 【总结】表格中的第二种对齐 单元格中的对象相对该单元格的对齐方式, 在[属性]面板中展开[水平对齐]/[垂直对齐]下 拉列表,选择相应的水平方向和垂直方向的 学生到前面操作, 及 在的普遍问题。 【学生操作】 带 成 设置操作。 总结表格的填充、 间距、 义。 学 整 法, 习操作方法, WORD 进行对比。 【学生操作】 带 成

网页设计实验报告

实验报告 课程名称网络技术基础实验项目TCP/IP协议配置实验仪器计算机 系别 专业 班级/学号 学生姓名 实验日期 成绩 指导教师

实验一 TCP/IP协议配置 一、实验目的(标题黑体小四) 1.熟练掌握模板的用法。 2.掌握CSS的用法。 3.掌握网站发布的方法。 二、实验内容 1. 创建和使用模板。 2. css的创建和使用。 3. 发布网站。 三、实验课时 4课时 四、实验步骤 创建网站 1、创建一个站点,并创建 images 文件夹存放图片。将示例图片拷贝至images 目录下 2、创建 CSS 文件,名称为 style.css,将其保存至 style文件夹。 3、创建模板文件 tpl.dwt,并保存。结果如下: (1) 给 tpl.dwt 附加样式表 style.css。 在 tpl.dwt 的空白处点击鼠标右键,选择“附加样式表”: 选择 style.css 文件: 完成后,在 tpl.dwt 的 head标签里有如下的代码: (2) 设置模板的背景颜色。打开 CSS 面板,为 style.css 新建一条 css 规则。过程如 下:

将背景颜色设为#ff1e70: 在 style.css 生成如下的代码: body { background-color: #ff1e70? } 3) 制作布局。插入一 2 行 2 列的表格。表格的宽度=316+634=950,其他的设置:让表格居中对齐。 (4) 消除表格两边的空隙。展开 CSS 样式表,双击 body: 双击 body后,打开“body的 CSS 规则定义”对话框,按照下面的方式设置:Style.css 的代码变为: body { background-color: #ff1e70? margin: 0px? }

html实验报告

《企业网站开发》实验指导书 计算机科学与技术学院 2013-3

目录 实验一HTML语言标志 (1) 【实验目的】 (1) 【实验环境】 (1) 【实验重点及难点】 (1) 【实验内容】 (1) 实验二使用Dreamweaver创建本地站点 (2) 实验三网页编辑与超链接 (6) 【实验目的】 (6) 【实验环境】 (6) 【实验重点及难点】 (6) 【实验内容】 (6) 实验四网页图像的应用 (7) 实验五表格和布局表格 (10) 【实验目的】 (10) 【实验环境】 (10) 【实验重点及难点】 (10) 【实验内容】 (10) 实验六CSS样式的应用 (11) 【实验目的】 (11) 【实验环境】 (11) 【实验重点及难点】 (11) 【实验内容】 (11) 实验七层 (12) 实验八Dreamweaver的框架和行为 (13) 【实验目的】 (13) 【实验环境】 (13) 【实验重点及难点】 (13) 【实验内容】 (13) 实验九Dreamweaver的模版 (14) 【实验目的】 (14) 【实验环境】 (14) 【实验重点及难点】 (14) 【实验内容】 (14) 实验十Dreamweaver表单 (15) 【实验目的】 (15) 【实验环境】 (15) 【实验重点及难点】 (15) 【实验内容】 (15)

实验一HTML语言标志 【实验目的】 1.掌握的标记,和<meta>标记; 2.掌握使用<body>标记设置网页背景颜色和文本颜色。学习使用分段标记 ;3.掌握使用<font>标记设置文字的属性; 4.掌握在网页中插入背景图片; 5.掌握在网页中插入水平线,并设置水平线的属性; 6.掌握在网页中插入背景音乐。 【实验环境】 Windows xp 【实验重点及难点】 掌握字体、水平线等常用标记。 【实验内容】 1、制作一个简单的网页sy1-1.htm,用记事本编辑,内容为个人简介信息。 要求: ●搜索关键字为“个人”“主页”“简介”,标题为我的个人简介。 ●背景为#33ccff,文本颜色为黑色,文本需分段表示。 2、过记事本编辑网页sy1-2.htm,内容为李白的诗“静夜思”。 要求:每行诗为一个段落,四行文字颜色不同,字体不同。 3、通过记事本编辑网页sy1-3.htm,实现如下页面。图片自选,插入背景音乐“故乡的云.mp3”。</p><h2>个人网页制作实验报告</h2><p>湖南文理学院芙蓉学院个人主页课程设计报告 课题: 个人主页课程设计 姓名:吴珊 学号: 09120155 同组姓名:李芳 专业班级:计算机科学与技术0901班 指导教师:任盛 设计时间: 2012年6月13日</p><p>目录 1、实验目的与要求 (3) 2、主题介绍 (3) 3、工具的选择与介绍 (4) 3.1主要使用工具:Dreamweaver (4) 3.2图片处理软件:Photoshop (5) 4、网页设计实现的过程 (5) 4.1实验的分工 (5) 4.2主页的制作 (6) 4.3分页2制作(新疆美食): (7) 5、个人网站截图 (9) 6、实验总结 (11) 7、参考文献 (11) 附录: (12) 附录一(主页部分代码,有删减): (12) 附录二(分页2新疆美食部分代码,有删减):------------------- 14</p><p>1、实验目的与要求 (1)自主选择主题实现一个关于主题的个人网站 (2)使用PS、Dreamweaver等软件对界面进行设置 (3)实现网页界面的美观、内容详尽丰富。 2、主题介绍 国家的历史有长有短,疆域有大有小,实力有强有弱,人口有多有少,民族构成、宗教信仰、政权性质和经济结构也有差异,故而各国的饮食文化是不一样的。 中国饮食文化是一种广视野、深层次、多角度、高品位的悠久区域文化;是中华各族人民在100多万年的生产和生活实践中,在食源开发、食具研制、食品调理、营养保健和饮食审美等方面创造、积累并影响周边国家和世界的物质财富及精神财富。 民以食为天,中华上下五千年美食文化更是源远流长。所以这次我们选择了“美食”作为主题。美食,顾名思义就是美味的食物,贵的有山珍海味,便宜的有街边小吃。但是不是所有人对美食的标准都是一样的,其实美食是不分贵贱的,只要是自己喜欢的,就可以称之为美食。吃前有期待、吃后有回味的东西。美食遭遇心情的时候,美食已不仅仅是简单的味觉感受,更是一种精神享受。中国美食体现了中华民族的饮食文化传统,有许多独特之处。由于风味多样,四季有别。导致各地的美食各有千秋。 系因地理、气候、习俗、特产的不同形成了不同的地方风味,美食菜系的划分单就汉族的饮食特点而言,目前有四大菜系、八大菜系、十大菜系之说,而且划分系类仍有继续增加的趋势。如果按四大菜系分:有川菜、粤菜、苏菜和鲁菜。也有分八大菜系的。其中各大菜系交相辉映,各有千秋,成为了中华民族珍贵的文化瑰宝! 本次的主题分为两大部分,新疆美食、湖南美食两个主要部分。通过这两个板块来介绍两个地方的美食,以突显南北两方的美食差异与特点。让大家通过我们这个网页,以我们的网页为窗口了解湖南美食,了解新疆美食,从而增强对我国的美食文化的了解。 湖南美食-----湖南菜特别讲究原料的入味,技法多样,有烧、炒、蒸、熏等方法,尤以“蒸”菜见长。最为精湛的是煨,原汁原味。且刀功精妙,形味兼美,菜肴千姿百态,变化无穷。 新疆美食-----新疆的主食是面条、馕和牛羊肉,菜以酸辣口味为主,洋葱、番茄、辣椒、土豆用大蒜头等是常用的蔬菜配料,当然也少不了孜然、辣椒粉、醋等调味料,所以新疆菜总是香喷喷、又酸又辣,特别开胃。总地来说,新疆各民族的人们都偏爱吃面食、奶制品、牛羊肉及各种瓜果.</p><h2>Html设计实验报告</h2><p>信息职业技术学院 《网页设计》实验报告(2010—2011学年第二学期) 班级: 姓名: 学号: 指导老师:</p><p>实验一认识Dreamweaver CS3 一、实验目的 1、熟悉Dreamweaver CS3环境。 2、了解HTML文件结构。 二、实验环境 计算机 三、实验容 创建站点有两种方式:使用向导有序地进行设置,或者通过在“管理站点”对话框中设置“高级”选项卡信息来创建。无论哪种方式,都要事先在本地磁盘上建立一个用来存放站点的文件夹,这个文件夹就是本地站点的根目录。下面介绍一下这两种方式的具体操作步骤。 1.使用向导建立站点 使用向导建立站点的步骤如下:(1)打开建立站点向导的方法有3种。 ①在进入Dreamweaver的起始页界面中选择“新建”→“Dreamweaver站点”命令,如图所示。 ②选择“站点”菜单中的“新建站点”命令。 ③选择“站点”菜单中的“管理站点”命令,打开如图所示的“管理站点”对话框,执行“新建”→“站点”命令。 起始页中新建站点“管理站点”对话框(2)打开“站点定义为”对话框,在“您打算为您的站点起什么名字?”文本框中输入站点名字,如travel。若已申请域名则可以在“您的站点的HTTP地址(URL)是什么?”文本框中填入申请的域名地址。如图所示。</p><p>设置站点名和URL地址 (3)单击“下一步”按钮,询问是否使用服务器技术,如图所示。若是静态站点则选中“否,我不想使用服务器技术”单选按钮,若是动态站点可以进一步设置使用哪一种服务器技术。 选择是否使用服务器技术 (4)单击“下一步”按钮,在“您将把文件存储在计算机上的什么位置?”文本框中直接输入站点根目录的路径,或者单击“浏览”按钮,选择文件夹目录。 (5)单击“下一步”按钮,在“您如何连接到远程服务器?”下拉列表框中选择一种连接到远程服务器的方式,这里选择“无”选项。 (6)单击“下一步”按钮,将显示前几步设置的总结信息,若需修改可单击“上一步”按钮返回重新设置,若确定设置则单击“完成”按钮。 站点创建完成后将在“文件”面板中显示出站点的结构和文件。 2.使用高级设置建立站点 使用高级设置建立站点的第一步同前,在如图所示的“站点定义为”对话框中切换到“高级”选项卡,如图所示。在左边的分类中选择“本地信息”选项,然后分别设置“站点名称”、“本地根文件夹”、“默认图像文件夹”、“HTTP地址”等信息。若有需要还可以在左边的分类中选择其他项目进行设置,完成以后单击“确定”按钮,即可创建站点。 对于已经创建好的站点,可以执行编辑、复制、删除、导出和导入等操作。 1.编辑站点 如果要重新设置站点的属性,可以执行以下步骤: (1)单击“站点”→“管理站点”选项。(2)从站点列表中选择要编辑的站点名称,单击“编辑”按钮。可以参考前面创建站点的方法重新设置站点属性。(3)编辑完毕后,单击“确定”按钮,返回到“管理站点”对话框,单击“完成”按钮。 2.复制站点 如果要创建多个结构相同或相似的站点,可以利用站点的复制功能,具体步骤如下: (1)单击“站点”→“管理站点”选项。 (2)从列表中选择要复制的站点名称,单击“复制”按钮。</p><h2>《网页中的表格》教学设计</h2><p>《网页中的表格》教学设计 一、教学设计部分 本课的主要内容与地位 网页中,常用表格来对网页中其它元素定位,将复杂的元素有条理的分布到网页各个位置──网页布局。另外,当我们把表格的宽度定为固定像素值后,还能保证网页布局不会随浏览器窗口的大小变化而变化,当我们在网页中输入文字的时候,就可以让文字顶满格后自动换行,方便我们对文字的编辑。 由此可见,网页中只有利用表格进行布局,才能称得上真正意义上的网页设计。 本课与前后内容的关系 利用表格布局网页,将上一节设计的网站首页中的各种素材进行合理的分布,是对学生进行网页设计技能上的提升;利用表格布局网页也是整个网站设计中一个非常重要技术手段,应用非常广泛。 知识目标/技能目标 知识目标 理解表格在网页设计中的重要作用。 技能目标 ⑴掌握使用表格布局网页。 ⑵灵活掌握表格调整的方法。 过程与方法目标 能够合理利用表格对网页进行布局和规划。 情感态度与价值观目标 了解学校概貌,发现校园之美,理解规矩与方圆的关系,养成良好的生活和学习习惯。</p><p>本课的重难点 重点和难点:掌握利用表格对网页进行布局的方法 本课的课时分配建议 一课时 教法建议 由于关于表格的基本操作(插入表格、调整表格:调整行高或列宽、合并或拆分单元格、插入或删除行或列、平均分布行或列)在Word中已经有较详细的操作方法。在本课教学过程中,教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页,让网页中的素材合理的在网页上分布。 另外,网页模板是提高建站效率的有效手段,教师要注意引导学生对网页模板的使用。 学法建议 注意观察和借鉴样板网站中表格的运用情况,刚开始使用表格设计网页时可将其边框粗细的值设为1,以观察调整表格的过程,从而掌握表格调整的技巧。 本课教学资源索引 1.第二课的半成品网页:Index.htm、Parents.htm 自评、互评、师评要注意的问题 学生制作的网页是否通过表格的布局达到美化、整齐和排列有序的目的。</p><h2>用表格为网页布局</h2><p>第15课用表格为网页布局 绍兴市树人中学黄学锋1.设计思想 本节课的主题是对网页内容的排版。为了提高学生的建网兴趣,接受网页中表格的排版定位作用,设计了提供宠物——领养宠物——建立宠物园的教学过程,以“给宠物网上安家”、“不同的宠物需要不同大小的生活空间”等为引导,设计使用表格中不同大小的单元格来让宠物“和睦相处”。同时,请学生建立自已的开心宠物园,掌握网页的表格排版功能。 2.教材分析: 布局是网页制作的第一步,在本节教材中,先提出了规划布局,再进行表格定位,最后进行定位调整。这要求教学过程中需要对学生明确:对于网页中对象多而杂的情况,必需先规划、再定位,而用表格是一种很实用而有效的途径。 3.学性分析 在前几节课中,学生已学会了建立站点、新建主页、插入素材等操作。为了区别WORD和PPT等曾经排版方法,在学习网页排版时,创设一种情境能让学生对于多个网页对象能自然的用表格进行页面布局。通过这种教学方式,能让学生觉得网页表格排版理所当然,利用情境也大大提高了操作兴趣,在操作中掌握了技能。 4、教学目标 知识目标:用表格排版主页使其达到页面整洁有序; 技能目标:在网页中插入表格并更改表格的属性; 情感目标:用表格排版网页解决了网页版面杂乱的问题,提示同学们凡事要有计划,做事要遵守规则,促进其做事的信心。 5.重点难点 重点:插入表格和更改表格属性。 难点:让学生灵活掌握排列表格和设置表格属性的方法。 6.教学策略与手段 以网络流行的开心菜园、开心农场为引入,整堂课围绕建立自已的开心宠物园为主题对学生进行教学,最后通过若干学生作品展示来提高表格操作技巧。 7.环境与素材 1.教学环境:多媒体网络教室,配备投影仪;学生计算机中安装IE5.0以上版本及Frontpage2000以上中文版,要求能上因特网; 课本准备。 2.教学素材:为学生准备好一批宠物GIF图片。</p><h2>网页设计与制作实验报告</h2><p>网页设计与制作实验指导一览表 实验1 HTML语言 实训目的: 为了让学生能熟悉学习网页不可避免要接触的HTML语言,达到用该语言可以建立一个简单的网页的目的,同时了解建立站点是做网站必不可少的,要掌握建立站点的方法。 素材准备: 准备制作网页所需的文字素材、图像素材。 实验课时: 2学时 实验内容: 1.创建站点; 2.新建网页以及保存,重命名; 3.输入HTML语言。 实验步骤:</p><p>1.在E盘中新建本地根文件夹,命名为root,并在该文件夹中新建image 文件夹以存放网站中所要用到的图片。 2.定义站点:设置 "站点名称",命名为 "mysite";设置本地根文件夹,指定 为E盘下的root文件夹;设置 "HTTP地址"为localhost。 3.创建与设置文档的页面属性:新建一个页面,保存名为“HTML基础” 的文档。 4.切换代码模式下,输入代码。 5.保存文件,预览文件效果。 实验过程注意事项: 1.在创建站点的过程中注意建立本地文件夹,文件夹命名最好为英文;网站 中所有的文件最好取名为英文;注意文件的路径; 2.所有的图片文件单独放在image文件夹内。 实验思考: 除了用HTML语言来做这个网页,还有没有其它的方法? 书写实验报告要求: 根据最终所作的网页,写出实验报告。 页面效果图: 图1-1</p><p>实验2 初识Dreamweaver 实验目的: 为了让学生能熟练掌握Dreamweaver的安装与卸载,启动与退出,基本工作环境和设置,对Dreamweaver操作环境有一定了解。 素材准备: 准备好从网上下载的安装程序。 实验课时: 2学时 实验内容: 1.安装Dreamweaver: 2.Dreamweaver的启动与退出: 3.了解工具栏、菜单栏、标题栏等工作环境: 4.卸载Dreamweaver 实验步骤: 1.打开从网上下载的Dreamweaver程序,双击安装。 2.安装完成后输入注册号。 3.启动Dreamweaver,并查看工具栏、菜单栏、标题栏等工作环境。 4.退出Dreamweaver。 5.卸载Dreamweaver 实验过程注意事项: 1.安装过程完成后,要激活。 实验思考: 从“控制面板”里删除程序与从安装到的目录文件里删除有什么区别? 书写实验报告要求: 写出本次实验报告。 实验3 文本操作</p><h2>网页制作实验报告6个实验</h2><p>目录 实验一网页设计基础实验 (2) 实验二HTML语言应用 (4) 实验三CSS样式表的应用---CSS的引用 (10) 实验四Dreamweaver的使用、个人网站的制作 (13) 实验五用框架、模板设计网页 (15) 实验六表单制作 (19)</p><p>实验一网页设计基础实验 一、实验目的 1.掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点; 2.了解网页布局的形式。 3.用记事本编写一个简单的网页。 二、实验内容 1.上网访问实际若干电子商务网站,了解各网站的风格(主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等)。 2.在网上找出下列版面布局的结构形式: ⑴.“T”结构布局 1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人"看之无味"。 2."口"型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站。 3."三"型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。 4.对称对比布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。 5.POP布局。POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如https://www.360docs.net/doc/5a11360746.html,。优点显而易见:漂亮吸引人 进入internet找到以上各种布局,并写出各种版面布局网站的域名和所采用的版面布局形式 找出使用大色块和抽象线条构图风格的网站(至少各2个);例:大色块主页 找出10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。 三、实验步骤与要求 1)新建一个记事本文件本在其中输入如下代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.360docs.net/doc/5a11360746.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.360docs.net/doc/5a11360746.html,/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>我的第一个网页

初中信息技术《网页中的表格》教案、教学设计

第一单元第三课网页中的表格教 学设计 一、教学目标 1.知识、技能目标: 知识目标:理解表格在网页设计中的重要作用。 技能目标:⑴掌握使用表格布局网页。 ⑵灵活掌握表格调整的方法。 2.过程与方法目标:能够合理利用表格对网页进行布局和规划。 3.情感态度与价值观目标:了解学校概貌,发现校园之美,理解规矩与方圆的关系,养成良好的生活和学习习惯。 本课的重难点:重点和难点:掌握利用表格对网页进行布局的方法 课时安排:一课时 教学过程: 一、回顾知识通过打开程序、站点、打开网页、调整图片等操作,复习前两课的内容。 二、导入新课

让同学们欣赏一些有特色的个人网站,引导学生注意网页的设置和布局,引导出本节课的学习内容──网页中的表格。 方法:观察,讨论、思考、回答。 三、自主学习 让学生通过阅读和动手操作的方式,完成以下任务: 任务一:插入表格:师:如果我们想要在网页中使用表格必须先插入表格,操作方法与Word 差不多,自己尝试着在一个新网页中插入不同设置的表格,并填写表1-3-1。 学生参照图1-3-4 在主页文件Index.htm 中插入表格:教师随时观察指导。任务二:表格的调整:师:此部分内容与Word 中的操作也是非常相似,根据教材内容分组完成表格的调整。调整结束后将第二课中已经输入的内容移动到表格中。 对于学生相对熟悉的知识点,完全放手给学生探究完成。尝试通过不同途径解决同一问题,提高学习效率。 三、实践练习 让学生参照课本习题要求,完成练一练部分,让学生练习刚学会的命令。

分组预览网页,看布局的效果。 四、合作探究 分组讨论教材中布局表格命令的用法,使用布局表格命令重新布局网页。让学生演示后,教师点拨需要注意的问题。 分组展示操作步骤及预览网页。审视自己的网页与其他小组的区别,查找自己的不足。 五、大显身手 仿照第一课中的三个页面,进行布局设计,插入相关素材,完成网页的设计。每小组选择最优秀的作品,进行展示评比,选出最优秀的作品。 六、教学总结 课堂小结本节课的学习内容。师:通过本节课的学习,同学们是否觉得自己做出 的网页在形式上还有些单调?我们能否把网页做得更漂亮呢?请同学们课后预习下一课的内容──网页美化。重新审视自己的网页,并与样例对比,查找出自 己网站需要改进的地方。通过对比查找不足,做到有的放矢,激发学生自主探究 的热情。 七、作业 回顾本节课所学,为下节课做准备。

Dreamweaver网页设计实验报告

实验报告 专业XXXXXX 班级XX 班 学号XXXXXX 姓名XXX 报告完成日期2012-12-26 指导教师XXX 评语: 成绩: 批阅教师签名:批阅时间:

一、制作时间 2012年12月18日至2012年12月26日。 二、实习内容 1、使用Dreamweaver制作网站,该网站为福建工程学院网站 2、网站不少于8个页面,主页和各模块相关页面; 3、页面中包含文字、图片; 4、使用CSS实现网页相关页面设置,要求在实现网页内能够显示文字,图片等信息; 5、使用网页浏览器进行网站测试。 三、实习环境 1、硬件环境:计算机一台; 2、软件环境:Dreamweaver cs4; 3、测试环境:IE、firework等网页浏览器。 四、网站总体设计 1、网站主题 本网页是以福建工程学院网站为主题,针对不同的年龄阶段的人给出了不同的学院的信息。 2、设计思路 首先构思了基本网页的布局,主页采取了常用的1-(1+1+1),附页采用了1-(1+1),上了多个网最后决定参照福建工程学院的官方网站进行制作,但是布局并不相同素材取自福建工程学院官方网站,部分图片取自百度,网站包括1个主页7个子页,子页包含了所有的学校状况,分别为:学校简介、现任校领导、教学机构、管理机构、校纪校训校歌、校园风光、新校区建设;采用了较难的二级菜单和 JVAV技术实现导航栏上面的图片进行4张轮播。 五、制作步骤 1.首先确定网页的主题后,从网上查看各名校的网站,并从中寻找思路开始做 网页。经过长时间的浏览,最终选择福建工程学院作为参照(网址:https://www.360docs.net/doc/5a11360746.html,)

Web网站设计实验报告

Web网站设计实验报告 学生: 学号: 班级: 系别: 学院:

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (5)

五、设计过程 (6) 六、实验总结 (7) [附录]网页源代码节选 (8) 一.设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程,我们在老师的指导下分前台和后台进行了一系列操作,并有所收获。 我们了解和熟悉了网页设计的基础知识和实现技巧,也熟练掌握

了Photoshop cs3、Dreamweaver cs等软件的的操作和应用。 二.设计题目 《篮球球迷交流网》 主要是篮球新闻、视频,还有交流帖子区,交易广告平台等。三.结构设计 选定主题,确定题目之后,网站设计还是一张白纸,我所做的是需要在这张白纸上一点点勾勒出网站的大框架,然后慢慢填充,实现网站的构想。首先我们在网上和图书管里查阅了大量的资料,以确定我们所需要的基本技术。然后,我们对整个网站进行总体规划,接着逐步细化。 我的设计主题是篮球球迷交流网,包括多个方面,框架为:首先是首页,首页下是新闻头条,分栏有球迷自述、篮球美图、给我留言,从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、靓图展示。 此为网站的大体板块,下面我们就每一页的页面板块进行详细的分析,有了大体框架,我们只需要在每一页的主要内容上做以划分,

Html设计实验报告

山东信息职业技术学院 《网页设计》实验报告(2010—2011学年第二学期) 班级: 姓名: 学号: 指导老师:

实验一认识Dreamweaver CS3 一、实验目的 1、熟悉Dreamweaver CS3环境。 2、了解HTML文件结构。 二、实验环境 计算机 三、实验内容 创建站点有两种方式:使用向导有序地进行设置,或者通过在“管理站点”对话框中设置“高级”选项卡信息来创建。无论哪种方式,都要事先在本地磁盘上建立一个用来存放站点的文件夹,这个文件夹就是本地站点的根目录。下面介绍一下这两种方式的具体操作步骤。 1.使用向导建立站点 使用向导建立站点的步骤如下:(1)打开建立站点向导的方法有3种。 ①在进入Dreamweaver的起始页界面中选择“新建”→“Dreamweaver站点”命令,如图所示。 ②选择“站点”菜单中的“新建站点”命令。 ③选择“站点”菜单中的“管理站点”命令,打开如图所示的“管理站点”对话框,执行“新建”→“站点”命令。 起始页中新建站点“管理站点”对话框(2)打开“站点定义为”对话框,在“您打算为您的站点起什么名字”文本框中输入站点名字,如travel。若已申请域名则可以在“您的站点的HTTP地址(URL)是什么”文本框中填入申请的域名地址。如图所示。 设置站点名和URL地址

(3)单击“下一步”按钮,询问是否使用服务器技术,如图所示。若是静态站点则选中“否,我不想使用服务器技术”单选按钮,若是动态站点可以进一步设置使用哪一种服务器技术。 选择是否使用服务器技术 (4)单击“下一步”按钮,在“您将把文件存储在计算机上的什么位置”文本框中直接输入站点根目录的路径,或者单击“浏览”按钮,选择文件夹目录。 (5)单击“下一步”按钮,在“您如何连接到远程服务器”下拉列表框中选择一种连接到远程服务器的方式,这里选择“无”选项。 (6)单击“下一步”按钮,将显示前几步设置的总结信息,若需修改可单击“上一步”按钮返回重新设置,若确定设置则单击“完成”按钮。 站点创建完成后将在“文件”面板中显示出站点的结构和文件。 2.使用高级设置建立站点 使用高级设置建立站点的第一步同前,在如图所示的“站点定义为”对话框中切换到“高级”选项卡,如图所示。在左边的分类中选择“本地信息”选项,然后分别设置“站点名称”、“本地根文件夹”、“默认图像文件夹”、“HTTP地址”等信息。若有需要还可以在左边的分类中选择其他项目进行设置,完成以后单击“确定”按钮,即可创建站点。 对于已经创建好的站点,可以执行编辑、复制、删除、导出和导入等操作。 1.编辑站点 如果要重新设置站点的属性,可以执行以下步骤: (1)单击“站点”→“管理站点”选项。(2)从站点列表中选择要编辑的站点名称,单击“编辑”按钮。可以参考前面创建站点的方法重新设置站点属性。(3)编辑完毕后,单击“确定”按钮,返回到“管理站点”对话框,单击“完成”按钮。 2.复制站点 如果要创建多个结构相同或相似的站点,可以利用站点的复制功能,具体步骤如下: (1)单击“站点”→“管理站点”选项。 (2)从列表中选择要复制的站点名称,单击“复制”按钮。 (3)若要对复制的站点进行编辑,可以从站点列表中选中新复制的站点,单击“编辑”按钮,编辑完成返回到“管理站点”对话框,单击“完成”按钮。

用表格布局网页教学设计

用表格布局网页教学设计 教学目标 (一)知识与技能目标: 1、理解用表格布局主页的作用。 2、掌握在网页中插入表格进行排版。 3、学生设置表格的属性。 (二)过程与方法目标: 通过欣赏和借鉴别人布局的主页,取长补短,帮助学生进一步了解表格的作用、功能以及网页设计方法的多样性,培养学生的发散思维能力。(三)情感、态度与价值观目标: 用表格排版网页解决了网页版面杂乱的问题,培养学生在遇到困难时灵活运用各种方法解决,促进其建站信心。 五、重点与难点 教学重点:插入表格和更改表格属性。 教学难点:让学生灵活掌握排列表格和设置表格属性的方法。 六、教学策略与手段 游戏竞赛法,对比教学法,任务驱动法,讲解演示法,自主探究学习法,网站教学法,小组合作法。 七、课前准备 1、学生的准备 带课本进教室 2、老师的教学准备 (1)精心准备课堂,做好教学设计 (2)预先做好问题的设计及突发事件的应对 3、教学环境的设计与布置 多媒体网络教室,学生计算机中安装IE5.0以上版本及Frontpage2000以上中文版 4、教学用具的设计与布置 准备好一些具有代表性的版面设计优美合理的网站主页面作为参考八、教学过程 (一)、课堂导入 教师:第一次给大家上课,老师想了解一下情况,不知我们班是男生信息技术水平高还是女生信息技术水平高? 学生:……… 教师:自己说了都不算,这节课我们就来较量一下。怎么样?先从第一个环节拼图游戏开始。

邀请两位同学(男生和女生)上来,分别选择其中一个,帮我把网页上图片的位置调整好。一位没调整好,另一位调整好了。 先采访一下失败的原因,你觉得问题出在哪里,是不是按照Word中的方法在操作,那你觉得在Word中图片、文字可以怎么样,而在FrontPage 中呢? 采访另一个,发表一下你的成功感言,你觉得你为什么会成功,是网页中的什么帮了你的忙?网页里面有表格。也说是说在网页中要给图片定位,就必须要用到表格,表格在网页中起到了一个怎么样的作用——可以定位对象,即可以为网页布局,那怎样操作大家想不想学,今天这节课我们一起来学习第十五课《用表格为网页布局》。 板书:用表格为网页布局 (二)、页面布局 其实一般的网站都是用表格来布局的,我们先来欣赏几个网站。 1,2欣赏以后分别看编辑图,都是有表格,除了都有表格外,老师还发现了一个共同点,从整体看,得出这张主页都是怎么样的一个图形,半包围型,老师今天的这个教学网站也是包包围型。除了这个半包围型,你还看到过哪些。然后得出任务一,小组合作,让学生结合平时上网的经历,设计一张页面布局图,(分层教学)1、可以自行设计,2、也可以参考课本。 板书:1、页面布局 绝大部分同学已经设计好了。我看有几位同学做得很不错,然后展示,让学生具体说说他的设计。 (三)制作主页 (1)布局图设计好了,那么如何在网页中插入表格进行布局,我们以前在哪里学习过表格的插入——Word,当时是怎么操作的,想起来了吗?(表格——插入——表格) 看任务二。 任务二,①根据任务要求,探究着在FrontPage中插入一个6X3的表格。谁来试试,马上请一个学生来演示。演示好后,下面同学自己操作。板书:2、制作主页 (2)老师这里也有几个页面布局,这些都是网页上常用的布局图,其实这些都是从6X3的表格中,使用了对单元格的操作转变过来的,单元格怎么操作——合并单元格,选择一个,让学生讨论一下,叫一个学生演示。 如果我要在这里增加一格,怎么操作,去掉这格又怎么操作?具体操作一个。(三种操作都讲讲菜单、右键、手绘) ②把你自己刚才的创意布局用表格的形式呈现在网页上。 任务三:今天来了这么多老师,你能不能用刚才的布局图,做一张宣传

《网页中的表格》教案设计

《网页中的表格》教案设计 一、教学设计部分 教学内容分析 R本课的主要内容与地位 网页中,常用表格来对网页中其它元素定位,将复杂的元素有条理的分布到网页各个位置──网页布局。另外,当我们把表格的宽度定为固定像素值后,还能保证网页布局不会随浏览器窗口的大小变化而变化,当我们在网页中输入文字的时候,就可以让文字顶满格后自动换行,方便我们对文字的编辑。 由此可见,网页中只有利用表格进行布局,才能称得上真正意义上的网页设计。 R本课与前后内容的关系 利用表格布局网页,将上一节设计的网站首页中的各种素材进行合理的分布,是对学生进行网页设计技能上的提升;利用表格布局网页也是整个网站设计中一个非常重要技术手段,应用非常广泛。教学目标分析 R知识目标/技能目标 ·知识目标 理解表格在网页设计中的重要作用。 ·技能目标

⑴掌握使用表格布局网页。 ⑵灵活掌握表格调整的方法。 R过程与方法目标 能够合理利用表格对网页进行布局和规划。 R情感态度与价值观目标 了解学校概貌,发现校园之美,理解规矩与方圆的关系,养成良好的生活和学习习惯。 R本课的重难点 重点和难点:掌握利用表格对网页进行布局的方法 R本课的课时分配建议 一课时教学策略设计建议 R教法建议 由于关于表格的基本操作在ord中已经有较详细的操作方法。在本课教学过程中,教师教学的重点应放在由学生探究以上基本操作的基础上的表格的使用──如何利用表格布局网页,让网页中的素材合理的在网页上分布。 另外,网页模板是提高建站效率的有效手段,教师要注意引导学生对网页模板的使用。 R学法建议 注意观察和借鉴样板网站中表格的运用情况,刚开始使用表格设计网页时可将其边框粗细的值设为1,以观察调整表格的过程,从而掌握表格调整的技巧。教学资源与环境建

网页设计实验报告

《网络程序设计》 实验报告 学院:信息工程学院 专业:电子信息工程专业 学期:2014~2015学年第二学期 学号: 姓名:

实验1 使用JSP编写网页程序 1.1 实验目的 1.熟悉MyEclipse开发环境。 2.熟悉JSP基本语法。 3.练习使用JSP脚本语句。 4.熟练运用JSP内置对象。 1.2 实验预习 1.安装MyEclipse。 本实验使用的版本是10.7-offline-installer-windows 32位版。安装时默认路径在“使用用户\AppData\Local\”,可以自行更改。 2.了解java开发环境的配置。 1.3 实验任务 1.启动MyEclipse程序,并将启动界面截图。 2.启动tomcat服务器,并将启动状态信息截图。 配置window->Preferences->Tomcat。设MyEdipse T omcat 6为不可用并将Tomcat 5.X

server设为可用,选择路径为apache-tomcat-5.5.27的所在路径。 3.编写第一个JSP网页程序,在JSP页面中嵌入脚本代码,通过内置对象out在页面中打印出“Hello My First JSP Page”。 新建一个project,其中Web Service Project,Report Web Project都可用,就目前来说区别不大。在index.jsp文件内编写代码。其文件内结构如下: 语言参数,调用头文件 //文件开始标签 //文件头部标签 <tltie> //文件标题标签 <head> // <body> //文件主体标签 Hello My First JSP Page. <br> //网页显示内容 <body> <html></p><h2>在网页中插入表格教案</h2><p>在网页中插入表格 一、教学目标 知识方面: 1.使学生掌握在网页中生成表格的方法。 2.使学生掌握填写表格内容的方法。 3.使学生掌握调整表格的方法。 技能方面: 培养学生处理表格的能力。 情感方面: 培养学生自学意识。 二、教学重点 在网页中插入表格的方法。 三、教学难点 怎样在网页中插入表格。 四、教学方法 1.演示法。 2.自学法。 3.实践法。 五、教学手段与教学媒体 多媒体网络教室 教学过程。 一、导入课题 连接“搜狐”、“新浪”网,让学生欣赏一下这些漂亮的网页。提问:这些漂亮的网页开始编辑的时候是怎样构图的了?是插入表格做成的。使用frontpage打开“搜狐”,让学生看看其编辑的影子(表格)。 教师提问:插入表格后,起到哪些作用? 学生讨论后,教师归纳:插入表格可以使网页中的内容条理清晰。浏览者在访问你的网站时,可以更方便地找到感兴趣的材料。 二、新课 1.建立班级档案 教师演示操作步骤: (1)使用frontpage新建“我们班级大小人物介绍”网页,把光标调整到要插入表格的位置。 (2)单击菜单栏中的“表格”选项,打开它的下拉菜单; (3)单击下拉菜单中的“插入”选项,打开它的子菜单; (4)单击子菜单中的“表格”命令,打开“插入表格”对话框; (5)输入行数6和列数2; (6)在“对齐方式”文本框中选择“水平居中”; (7)单击“确定”按钮。 教师布置任务:在自己制作的网页中创建一个表格。 (注意查看和纠正学生完成任务情况) 教师介绍:为了使表格更加美观、实用,对表格中的单元格还需要进行必要的调整,操作方法与Word 2000相同。(教师演示,学生自己在下面操作)</p><h2>网页设计与制作实验报告文档</h2><p>2020 网页设计与制作实验报告文档 Contract Template</p><p>网页设计与制作实验报告文档 前言语料:温馨提醒,报告一般是指适用于下级向上级机关汇报工作,反映情况,答复上级机关的询问。按性质的不同,报告可划分为:综合报告和专题报告;按行文的直接目的不同,可将报告划分为:呈报性报告和呈转性报告。体会指的是接触一件事、一篇文章、或者其他什么东西之后,对你接触的事物产生的一些内心的想法和自己的理解 本文内容如下:【下载该文档后使用Word打开】 实验一:站点设置 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。 2、安装windowsxp操作系统;建立iis服务器环境,支持asp。 3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件; 三、实验原理 通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。</p><p>四、实验方法与步骤 1)执行“站点管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。 2)在弹出的“站点定义为”对话框中单击“高级”选项卡。 3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。 4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点。在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二:页面图像设置 一、实验目的及要求: 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑,组建内部局域网,并且接入国际</p></div> <div class="rtopicdocs"> <div class="coltitle">相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="20844754"><a href="/topic/20844754/" target="_blank">使用表格排版网页</a></li> <li id="4738965"><a href="/topic/4738965/" target="_blank">html网页设计实验报告</a></li> <li id="3200257"><a href="/topic/3200257/" target="_blank">使用表格布局网页</a></li> <li id="10240944"><a href="/topic/10240944/" target="_blank">在网页中使用表格</a></li> <li id="5555762"><a href="/topic/5555762/" target="_blank">html网页制作实验报告</a></li> <li id="20863609"><a href="/topic/20863609/" target="_blank">html表格布局实例</a></li> </ul> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/fd15890512.html" target="_blank">DW第六讲 表格及页面排版</a></li> <li><a href="/doc/139034114.html" target="_blank">网页设计中的表格排版</a></li> <li><a href="/doc/5e10565465.html" target="_blank">HTML语言 使用TABLE排版</a></li> <li><a href="/doc/973148894.html" target="_blank">教案(在网页中使用表格)</a></li> <li><a href="/doc/b47897744.html" target="_blank">使用表格排版网页</a></li> <li><a href="/doc/3c7798303.html" target="_blank">表格排版技巧dreamweaver</a></li> <li><a href="/doc/6410206258.html" target="_blank">Word文档排版与页面设置技巧</a></li> <li><a href="/doc/9b12178134.html" target="_blank">HTML页面与表格</a></li> <li><a href="/doc/fe5868460.html" target="_blank">使用表格排版网页.</a></li> <li><a href="/doc/147733204.html" target="_blank">教案:使用表格布局网页</a></li> <li><a href="/doc/552630494.html" target="_blank">表格排版怎么做?</a></li> <li><a href="/doc/8117241511.html" target="_blank">网页CSS排版制作-完全自适应表格</a></li> <li><a href="/doc/b44916999.html" target="_blank">表格排版</a></li> <li><a href="/doc/2012316869.html" target="_blank">用表格为网页布局</a></li> <li><a href="/doc/6c10182625.html" target="_blank">第三章 网页的排版和布局(一)使用表格布局网页</a></li> <li><a href="/doc/908416200.html" target="_blank">网页排版(表格)</a></li> <li><a href="/doc/f41685702.html" target="_blank">教案:使用表格布局网页</a></li> <li><a href="/doc/019538000.html" target="_blank">表格排版的创意</a></li> <li><a href="/doc/4e13148975.html" target="_blank">DW网页布局(表格、布局表格)</a></li> <li><a href="/doc/85103366.html" target="_blank">使用表格布局网页分析</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/0f19509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0119509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9b19184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d819211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a419240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9d19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8a19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8519195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7119336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6619035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4a19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2619396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2b19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1419338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ed19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bd19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "596c14a7ba0d4a7302763ad6"; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a>  ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享,本站仅负责收集和整理,有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>