《企业网站开发》实验指导书
计算机科学与技术学院
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>标记；</p><p>2．掌握使用<body>标记设置网页背景颜色和文本颜色。学习使用分段标记<p></p>；3．掌握使用<font>标记设置文字的属性；</p><p>4．掌握在网页中插入背景图片；</p><p>5．掌握在网页中插入水平线，并设置水平线的属性；</p><p>6．掌握在网页中插入背景音乐。</p><p>【实验环境】</p><p>Windows xp</p><p>【实验重点及难点】</p><p>掌握字体、水平线等常用标记。</p><p>【实验内容】</p><p>1、制作一个简单的网页sy1-1.htm，用记事本编辑，内容为个人简介信息。</p><p>要求：</p><p>●搜索关键字为“个人”“主页”“简介”，标题为我的个人简介。</p><p>●背景为#33ccff,文本颜色为黑色，文本需分段表示。</p><p>2、过记事本编辑网页sy1-2.htm，内容为李白的诗“静夜思”。</p><p>要求：每行诗为一个段落，四行文字颜色不同，字体不同。</p><p>3、通过记事本编辑网页sy1-3.htm，实现如下页面。图片自选，插入背景音乐“故乡的云.mp3”。</p><p>实验二使用Dreamweaver创建本地站点</p><p>一、实验目的</p><p>1、掌握认识并熟悉Dreamweaver的工作界面。</p><p>2、能够自定义工作环境。</p><p>3、进行一个简单的网页设计。</p><p>二、实验内容</p><p>建立一个以自己名字命名的站点，该站点包含三个文件夹，image，css，mdb，四个网页，分别为index.html，jianjie.html，zuopin.html，xuexi.html，设置主页index.html的标题为“本站主页”。其中index.html页面效果图如2-1-1所示。</p><p>图2-1-1</p><p>三、知识点分解</p><p>本实验主要涉及到如下知识点：</p><p>1、在Dreamweaver中建立站点。</p><p>2、在Dreamweaver站点文件列表下新建文件和文件夹。</p><p>3、在网页中插入背景图片。</p><p>四、实验步骤</p><p>1、创建本地站点步骤：</p><p>(1)打开DREAMWEA VER,选择菜单下[站点]/[管理站点]|/[新建]/|[站点]命令.弹出如图2-1-2所示对话框。</p><p>(2)在弹出“站点定义”对话框的“高级”标签中输入如下信息。</p><p>图2-1-2</p><p>(3)“站点名称”——输入站点名称如“myweb”。</p><p>(4)“本地根文件夹”——选择本地文件夹如“D\myweb”</p><p>(5)“自动刷新本地文件列表”——选中是否每次拷贝文件到本地站点时都自动更新本地文件夹列表，选中该选项。</p><p>(6)“默认图像文件夹”——选择图像所放置的文件夹如“‘D\myweb\ image”</p><p>注意：图像文件夹一定要在站点文件夹下，且一般命名为image或images。</p><p>(7)“HTTP地址”——输入实用的完整网站的URL，以便Dreamweaver能检验使用绝对URL网站链接。</p><p>(8)“缓存”——选择是否创建一个缓存以提高链接和网站维护任务的速度。选中该选项。</p><p>(9)设置完毕，点击“确认”按钮。</p><p>(10)在Dreamweaver的工作界面右侧“浮动面板组”中的“文件”面板中的“文件”标签下就能看到刚才新建的站点myweb，如图2-1-3所示。</p><p>图2-1-3</p><p>如果要对所建立的站点进行修改的话，可以选择菜单下[站点]|[管理站点]| [编辑]命令。</p><p>2、在站点文件列表下新建文件和文件夹步骤：</p><p>(1)在站点文件列表中右键单击“站点—myweb(D:\myweb)”，在弹出的菜单中选择“新建文件夹”，文件列表中就会出现名为“新建文件夹”的文件夹，将该文件夹命名为image，同样操作建立css文件夹和mdb文件夹。</p><p>(2) 在站点文件列表下新建文件有2种方法：</p><p>a) 选择[文件]|[新建]，在弹出的“新建文档”对话框中，选择“HTML”，就新建了一个HTML网页，然后再选择[文件]|[保存]或者是按【Ctrl+S】键，将网页名称改为index.html，同样操作建立jianjie.html, zuopin.html，xuexi.html。</p><p>b)在站点文件列表中右键单击“站点—myweb(D:\myweb)”，在弹出的菜单中选择“新建文件”，文件列表中就会出现名为“新建文件”的网页文件，将该文件命名为index.html，同样操作建立jianjie.html, zuopin.html，xuexi.html。</p><p>3、在“文件列表”中选中index.html文件，单击右键，在弹出的菜单中选择“设为首页”，回到页面上，在“文档工具栏”中将“标题”更改为“本站主页”。</p><p>注意：要想在站点文件列表下自动出现新建的文件和文件夹，前提条件必需在建立站点时选中“自动刷新本地文件列表”，否则的话必需单击“刷新”按钮才能出现新建的文件和文件夹，效果图如图2-1-4所示。</p><p>图2-1-4</p><p>4、设计index.html网页步骤：</p><p>(1)在站点文件列表中双击index.html，打开该网页。</p>
</div>
</div>
</div>
</div>
</div>
<div id="rightcol" class="viewcol">
<div class="coltitle">相关文档</div>
<ul class="lista">
<li><a href="/doc/0c10477016.html" target="_blank">html实验报告</a></li>
<li><a href="/doc/0516331428.html" target="_blank">使用html编制网页(实验报告)</a></li>
<li><a href="/doc/0217510302.html" target="_blank">个人网页制作实验报告</a></li>
<li><a href="/doc/0119218216.html" target="_blank">网页设计综合实验报告</a></li>
<li><a href="/doc/1e8926547.html" target="_blank">实验报告1-DIV+CSS网页设计</a></li>
<li><a href="/doc/2710803234.html" target="_blank">Html设计实验报告</a></li>
<li><a href="/doc/2012765973.html" target="_blank">网页设计与制作实验报告</a></li>
<li><a href="/doc/2814029236.html" target="_blank">网页制作实验报告6个实验</a></li>
<li><a href="/doc/3510159935.html" target="_blank">HTML个人主页实验报告</a></li>
<li><a href="/doc/553591366.html" target="_blank">实验报告1-DIV+CSS网页设计</a></li>
</ul>
<div class="coltitle">最新文档</div>
<ul class="lista">
<li><a href="/doc/071000073.html" target="_blank">饭店包间名字大全</a></li>
<li><a href="/doc/0d10001030.html" target="_blank">word无法创建工作文件,请检查临时环境变量</a></li>
<li><a href="/doc/0d10001458.html" target="_blank">自行车健身比赛开幕式讲话词</a></li>
<li><a href="/doc/0510001469.html" target="_blank">2018乡村医生个人工作总结</a></li>
<li><a href="/doc/0e10002558.html" target="_blank">MySQL测试题 SQL</a></li>
<li><a href="/doc/0310002568.html" target="_blank">合勤NXC5200</a></li>
<li><a href="/doc/0210004833.html" target="_blank">铁路集中箱空箱调度优化建模案例(案例2)</a></li>
<li><a href="/doc/021000530.html" target="_blank">微分几何教学大纲-复旦大学数学科学学院</a></li>
<li><a href="/doc/031000596.html" target="_blank">人教版九年级数学上册导学案：24.1.1_圆【精品】</a></li>
<li><a href="/doc/0c10006773.html" target="_blank">(整容后办护照用)医院整容证明</a></li>
<li><a href="/doc/0e10006860.html" target="_blank">危险废物管理台账</a></li>
<li><a href="/doc/0310008420.html" target="_blank">2017年终大会会场物料设计方案</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "0892c0c7cc22bcd126ff0cc5";
var docId = '0892c0c7cc22bcd126ff0cc5';
var totalPage = 18;
const ext = 'doc';
const pageNum = '18';
</script>
<script src="https://assets.360docs.net/pc/js/render.js"></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> 
