html+css上机实验指导书 网页设计实验指导

《html+css上机实验指导书 网页设计实验指导》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、南阳理工学院HTML+CSS上机实验指导书（2011版）软件学院·.NET教研室2011.89目录实验一　熟悉HTML网页如何手工制作2实验二　熟悉HTML网页和各种标签3实验三　熟悉使用DREAMWEAVER制作HTML网页的方法3实验四　列表标签和超链接标签4实验五　网页表格的制作4实验六　网页表单的制作5实验七　熟悉CSS基本结构一5实验八　熟悉CSS基本结构二5实验九　熟悉CSS基本结构三6实验十　熟悉CSS基本结构三7实验十一　熟悉DREAMWEAVER使用（一）8实验十二　熟悉DREAM

2、WEAVER使用（二）89实验一　熟悉HTML网页如何手工制作【实验目的】熟悉HTML的基本结构和常用标记，使用记事本编写网页文件。【实验内容】建立一个简单的HTML文件，并输入相应的内容，要求使用相应标签对网页内容进行排版。排版中涉及到的标签包括：标题标签、字体标签、分段标签等。【实验步骤】1、打开记事本程序，编写网页的基本结构2、对网页进行编辑，输入文本内容，并用相应的标签对文本内容进行排版设置3、将文件保存为*.Html4、用浏览器打开所保存的网页文件，在浏览器中显示效果5、根据结果重新调整原

3、代码6、重复步骤4，步骤5实验二　熟悉HTML网页和各种标签【实验目的】熟悉HTML的基本结构和常用标记，使用记事本编写网页文件。【实验内容】建立一个简单的HTML文件，并输入相应的内容，要求使用相应标签对网页内容进行排版。进一步，向网页中加入图片，使用相应标签对网页进行美化。网页美化中涉及到的标签包括：图像标签、超链接标签等。【实验步骤】1、打开记事本程序，编写网页的基本结构2、对网页进行编辑，输入文本内容，并用相应的标签对文本内容进行排版设置3、将文件保存为*.Html4、用浏览器打开所保存的网

4、页文件，在浏览器中显示效果5、根据结果重新调整原代码6、向网页中加入图片，利用相应标签对图片进行设置，达到美化网页效果7、重复步骤4，步骤59实验三　熟悉使用Dreamweaver制作HTML网页的方法【实验目的】熟悉使用Dreamweaver制作HTML网页的方法【实验内容】使用Dreamweaver建立一个站点，然后建立简单的HTML文件，并输入相应的内容，要求使用相应标签对网页内容进行排版，同时注意掌握Dreamweaver的使用方法。【实验步骤】1、打开Dreamweaver程序，建立站点，

5、新建一个网页文件2、对网页进行编辑，输入文本内容，并用相应的标签对文本内容进行排版设置3、将网页文件保存，注意查看文件所在位置4、按F12键，使用浏览器打开所保存的网页文件，在浏览器中显示效果5、根据结果重新调整原代码6、向网页中加入图片，利用相应标签对图片进行设置，达到美化网页效果7、重复步骤4，步骤5实验四　列表标签和超链接标签【实验目的】掌握网页中列表标签和超链接标签的使用方法【实验内容】通过编写代码和可视化两种方式进行练习建立一个基本的HTML文件设计网页中列表标签设计网页中的超链接标签【实

6、验步骤】1、打开Dreamweaver程序，建立站点，新建一个网页文件2、对网页进行编辑，输入文本内容，并用相应的标签对文本内容进行试验内容要求的设置3、将网页文件保存，注意查看文件所在位置4、按F12键，使用浏览器打开所保存的网页文件，在浏览器中显示效果5、根据结果重新调整原代码96、向网页中加入图片，利用相应标签对图片进行设置，达到美化网页效果7、重复步骤4，步骤5实验五　网页表格的制作【实验目的】掌握网页中表格的制作方法【实验内容】建立一个基本的HTML文件网页中表格设置单元格合并【实验步骤】

7、1、打开记事本程序，编写网页的基本结构2、用