精编最新网页制作与网站设计教程
28页1、,第四周,网页制作与网站设计教程,淮安信息职业技术学院计算机科学与工程系 网页制作与网站设计课程组制,第四章Dreamweaver的使用 网页布局设计 网页制作与网站设计课程讲义,网页设计与制作教程,本章要点,表格布局页面实例 用层布局页面实例 框架布局页面实例,网页制作与网站设计教程,网页设计与制作教程,认识布局窗口,网页制作与网站设计教程,网页设计与制作教程,表格布局页面实例,软件演示实例,网页制作与网站设计教程,网页设计与制作教程,表格布局页面实例,1.创建“计算机系迎评网”文件夹,然后在该文件夹中创建images、css文件夹,并且准备相关的素材。,预期的文件夹结构,2.打开Dreamweaver软件,新建网页,并将网页保存到新建的“计算机系迎评网”文件夹中,网页命名为default.htm,设置网页标题为“欢迎访问计算机系迎评网”。,网页制作与网站设计教程,网页设计与制作教程,表格布局页面实例,3.在网页中插入表格,具体参数设置如图所示。,4.插入后设置表格居中对齐 。,网页制作与网站设计教程,网页设计与制作教程,表格布局页面实例,5.分别设置第1行行高13像素,第2行行高1
2、39像素,第3行行高30像素,第4行行高500像素,第5行行高100像素,设置每1行垂直对齐方式为顶端对齐 。,6.在第1个单元格中插入“top1.gif”图片,在第2个单元格中插入“top2.gif”图片。在第3个单元格中插入1行7列的表格,具体的参数设置为宽778像素,高28像素,填充为0像素,间距为1像素,边框为0像素,背景颜色为白色。,网页制作与网站设计教程,网页设计与制作教程,表格布局页面实例,7.选中插入的7个单元格,设置为居中对齐,宽度为110像素,设置背景颜色为#D2D2D2。分别在7个单元各种中插入“首 页”、“系部介绍”、“专业介绍”、“师资队伍”、“教学管理”、“实验室训”、“教研科研”等文字,并设置这7组文字的超级链接为“index.html”,按F12键进行浏览。,网页制作与网站设计教程,网页设计与制作教程,表格布局页面实例,8.在第4行中插入1行4列的表格,参数设置为宽778像素,高500像素,背景色为白色,然后分别设置4列的垂直方向为顶端对齐,其宽依次为163像素,25像素,565像素,25像素,设置第1列的背景颜色为“#A9CEFD”,设置完成后 。,网
3、页制作与网站设计教程,网页设计与制作教程,表格布局页面实例,9.在第1列中插入表格8行2列宽163像素,新表格的第1列宽为44像素,居中对齐,行高28像素,第2列宽为119像素。设置完成后,在新表格的第1列中的2至8行中插入文件夹images中的left.gif图片,在新表格的第2列中的2至8行中依次插入“首 页”、“系部介绍”、“专业介绍”、“师资队伍”、“教学管理”、“实验实训”、“教研科研”等文字,并设置这7组文字的超级链接为“index.html” 。,网页制作与网站设计教程,网页设计与制作教程,表格布局页面实例,10.在第3列中插入系部介绍的一段文字,在最下面的一行中插入版权相关信息,设置居中,背景色为白色。保存网页,按F12键预览效果如图所示。,网页制作与网站设计教程,网页设计与制作教程,层布局页面实例,层是一种HTML元素,可以将它定位到网页的任意位置。层可以包含文字、图像或其他任何可在HTML文档正文中放入的内容。层最主要的特性是它可以在网页内容之上悬浮。换句话说,可以在网页上任意改变层的位置,实现对层的精确定位。正是由于层的这种特性,才利用层实现对网页中的内容进行精确
《精编最新网页制作与网站设计教程》由会员ZJ****3分享,可在线阅读,更多相关《精编最新网页制作与网站设计教程》请在金锄头文库上搜索。
SEO培训之实用操作-外部优化ppt课件
人教版全国数学中考复习方案第4讲分式
人教版全国数学中考复习方案第15讲二次函数的图象与性质(二)
仁爱英语八年级下册梳理
小学数学:第三单元《分类》PPT课件(西师版一年级下)
小学数学:第六单元《估计费用》(2)PPT课件(北师版五年级下)
北师大版小学四年级下册语文《七子之歌》课件PPT
精编最新网络教程——网络设计
人教新课标九年级下----二次函数图像和性质(3)
小学数学:第三单元《折迭》PPT课件(北师版五年级下)
北师大版小学四年级下册语文《丝绸之路》课件PPT
连云港一模语文试卷
精编苏教版小学二年级上册乘加乘减PPT课件
Oracle数据库高可用架构与实践ppt课件
matlab解拉普拉斯方程ppt课件
精编最新网页制作与网站设计教程
精编最新论文写作教程
SEO流程框架ppt课件
SEO基础培训ppt课件
S2SH架构搭建示例LoginDemoppt课件
2023-12-22 55页
2023-12-22 50页
2023-12-22 50页
2023-12-22 64页
2023-12-22 50页
2023-12-22 55页
2023-12-22 51页
2023-12-22 50页
2023-12-22 50页
2023-12-19 24页