南阳理工网页设计实验指导书

《南阳理工网页设计实验指导书》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实验一网页的基本操作实验二表格及页面布局实验三制作框架网页实验四制作表单页面实验五HTML基本知识实验六CSS的使用方法实验一网页的基本操作实验目的：1.熟悉Dreamweaver软件的操作界面。2.掌握如何建立站点。3.掌握网页中的基木元素及其操作4.熟悉使用页而屈性实验内容：1、建立一个以自己名字命名的站点，该站点包含5个文件夹：image、swf>css、mdbxtxt；4个网页:indcx・html、jianjic.html、zuopin.html、lianxi.html,设置主页index,html标题为“本站主页”。2、制作

2、一个公司网站的主页文件，它包拈文本、图像、水平线以及日期和时间，效果如1-1图所示。实验步骤：(1)建立一个本地站点(2)在站点中建立一个网页文件index.htm并打开进行编辑。(3)输入书中全部的文字内容。(5)对文字进行排版。(6)插入水平线，并设置水平线的颜色。⑻插入图片(9)插入日期和时间(10)打开页面属性对话框(11)设置网页的背景图像。(12)制作其它网页并浏览各个网页的实际效果(内容口山发挥)。实验要求：1、实验前认真预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保

3、存设计结果供下一个实验使用。2、所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。3、将站点进行备份留下节课使用4、将站点文件夹上传到教师机E:zuoye目录下公司简介首页公司閒介产品展创联系我们广西久久吾有限公司成立于2002年9月，是家集研究、开发、生产销皆好滋味系列为一体的连锁和培训的经营式现代企业，公司拥有全国知名品脾••好滋味••的全部知识产权，同时负青全国范用内久久香品脾的连锁店、专用科的发展，主尊项冃有，烤須系列、烤鸭奈・t列、烤鸡系列、烤他系列、呦制系列、凋凋锅系列、特色

4、面、汤系列、煲仔压系列、囚季粥系列、妬茶系列、食品机械、美味调科系列$公司一直以来坚持以创办中国流的饮务、合格的价格，采用先迸的设备和困咅品的制作工艺.致力于创建具有自禺的知名度和领先地低寧有极育的知名度和f巨葺.肺公司已经建立了整套时師)资商已遍布全国市场.白挣制为旺.坚持・％万血理、独宜经营••的审就鮒，为投盗经营若捉供共昌特色和优械的培训兹椒设施体系.公司的管理和发展肖势在国内,告度.企业曽多次被国赛、省、市领导部门授予••全国用综•港埋模式和全面的配亡设施，拥佝了一批优秀的宜埋人用■睛市场Wh以美味食品、优质专用解、优规徉，不断

5、完善企业的经营管理和国内饮食界爭口宵碑，在同类企好奇輕务培训明熒凶味小吃••该伯r.这存右舌避业瞅得迅逮麹健的163.com客KQQ：321531256售••是公司妁终不渝的目标,长的中华饮食文化史上久久香一定会的一笔.7100650—1-62221256公司地址：眉酉省雨宁市光大路122号邮编:客服电话久0丁客服邮脊霖推荐到360删？［切狈浏施篌式dIE打开&(TT)乜，下載•日-100%・工作时间：8?图1-1实验二表格及页面布局实验目的：1、超链接的基本定义及基各种超链接的创建和编辑操作2、利用表格进行文木的整齐排列和自由的图文混

6、排3、在整个表格内使用背景图像和色彩。实验内容：1、利用上次实验的内容制作超级链接，包括文本、图像、热区以及锚点链接。2、制作两个利用表格定位的网页3、设置超链接将站点屮的网页链接起來。实验步龙ij!家与要求:(1)建立一个本地站点(2)在站点中建立一个网页文件index,htm并打开进行编辑。（3）最外层的表格宽度为700像素，嵌套的表格宽度为100%,整体上分为上下两个表格。（4）上表格为2行1列的表格如图一所示。（5）下表格为4行3列的表格如图二所示。图2-2布局表格二（6）将下表格的单元格进行合并，调整为如图三所示图2-3布局表

7、格三（7）在下表格的左侧嵌套7行1列的表格，在下表格的右侧上边单元格内嵌套1行1列的表格，在右侧下边单元格嵌套2行4列的表格。如图四所示。图2-4布局表格四（8）在左侧嵌套的表格最下面一个单元格嵌套5行2列表格并合并如图五所示。(9)上表格的第二行和下表格右侧第二行制作水平线，将单元格的高度设为“2”：卜•表第二列制作垂直线，宽度值勤为"2。”(10)向表格内添加图像和文字，将所有表格的边框值设置为“0”。(11)浏览网页的实际效果。(12)设计另一个网页，网页效果图如图2・6所示。(13)用超链接将两者链接起来(14)浏览网页的实际效

8、果，并测试超链接的冇效性。rV•VM0优幕政策THELEGENDGROWS.最新车闻首页汽车天地新车发布越野之彖►田发布混合动力车SAI►鬲闻I日产新车Mm明年国产图2-6实验要求：实验三制作框架网页实验目