【知识能力目标】1.理解表格属性2.理解表格的HTML代码3.能在网页上创建表格4.能对表格进行操作和属性设置
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.14
【巩固与拓展】1.在设计视图中打开“泰职院”网站的主页index.html,运用本章所学的知识和技能对其进行内容排版,所需素材请参考现有网站(http://www.tzpc.edu.cn)进行搜集整理。2.CSS样式参数中的扩展类扩展类中…
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.14
在插入面板的“HTML”分类中,单击按钮,输入关键字“泰职院电子系,电子工程系”,再单击按钮选择“名称”并输入author和你的姓名,如下图所示。图3- META插入对话框说明:①若执行“查看/文件头内容”菜单命令则可…
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.14
4.处理页脚内容(1)在页脚区域的div块中插入“| 设为首页 | 收藏本站 | 站长信箱 | 版权声明 |”并给“设为首页”和“收藏本站”分别加上如下代码:设为首页 Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.14
3.处理正文区右栏内容(1)在id="righttop"的 div块中插入“本系简介”图片ad_news1.gif,硬回车后(注意检查一下代码,图片前后不要有给本系简介文本内容定义CSS样式,使各行内容有一定的间距,同时整段文…
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.14
在Dreamweaver设计视图中打开上一章所创建的电子系网站主页index.html。(1)将光标定位于id=“header”的div块中,单击插入面板“常用”分类中的按钮,插入网站的标志动画,即一幅Flash动画dzx.swf,并使用属性面板可…
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.14
【预备知识】3.1 插入网页元素常见的网页元素包括文本、图像、超链接、表格、表单、媒体元素(如动画、声音、视频)等,它们的插入方法类似,均可使用插入面板、菜单命令进行,也可直接在代码视图中添加相应的代码。…
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.14
【知识能力目标】1.理解常见网页元素的属性、HTML代码2.掌握超链接的类型和路径3.掌握网页元素常见效果的CSS定义4.能够插入常见网页元素并进行属性设置
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.08
【巩固与拓展】1.在“泰职院”站点根目录下新建泰职院网站主页index.html,并运用本章所学的知识和技能对主页进行布局,该主页分为页头、正文区、页脚3个部分,所需素材请参考现有网站(http://www.tzpc.edu.cn)进行…
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.08
细化正文区右栏(1)在id=“right”的div中插入2个互不嵌套的从上至下排列div标签,其id分别为righttop、rightbottom,以备显示本系简介、新闻通知等,对应的样式为:#right #righttop { background-image:url(…
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.08
细化正文区左栏(1)在id=“left”的div中插入3个互不嵌套的从上至下排列div标签,其class名均为leftnav,以备显示注册登录表单、系部风采动画、兄弟系部链接,其对应的class样式为:#left .leftnav { height:1…
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.08
在id=“nav1”的div中插入3个互不嵌套的从左至右排列div标签(id为date1、date2、title),以备显示日期和导航标题,其对应的CSS样式为:#nav1 #date1 { text-align:center; line-height:29px; col…
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.11.08
在正文区下方插入div标签,其id为footer,对应的CSS样式如下:#footer { height: 70px; clear: left; margin-top: 5px;}说明: 若想清除前一个div标签的浮动属性对当前div标签的影响,应该定义“清除”属…
Class:网站建设资料 / Author:南昌网络公司 / From: / Date:2015.05.22
正文区为左右型布局。在页头下方依次插入2个互不嵌套的div标签,其id分别为left、right,对应的CSS样式如下:#left {background-color: #f8f8f8;width: 176px;height: 360px;
Class:网站建设资料 / Author:南昌网络公司 / From:原创 / Date:2015.05.22
电子系网站主页采用上、中、下结构布局,分别对应于页头、正文区、页脚,采用“DIV+CSS”布局方法实现。页头的布局包含3部分:标志动画、导航栏、欢迎条,使用3个div标签实现。现在网页中至上而下依次插入3个互不嵌套…
Class:网站建设资料 / Author:南昌网络公司 / From:原创 / Date:2015.05.08
网页文档初始设置新建网页文档index.html,标题为“泰职院电子工程系”,保存到站点根目录下。设置网页文档中内容居中放置且宽度760px,文字采用宋体、12px,背景图片采用方格状小图片bg.gif,顶部和底部距离边界0px。…
Class:网站建设资料 / Author:南昌网络公司 / From:原创 / Date:2015.05.08
“Div+CSS”布局包括2个部分,即DIV标签对“”和对应的CSS样式。插入Div标签对通过点击插入面板“布局”分类中的按钮进行,同时要对Div标签命名,即id名。定义CSS样式通过Dreamweaver编辑区右侧的“CSS样式”功能面板…
Class:网站建设资料 / Author:南昌网络公司 / From:原创 / Date:2015.05.08
“Div+CSS布局”方式是目前应用Web2.0标准设计网页时所使用的主流方式。Web标准分三方面:结构化标准(XHTML和XML)、表现标准(CSS)、行为标准(对象模型(如W3C DOM)和ECMAScript等)。Web标准制定的核心目的是实现表现(…
Class:网站建设资料 / Author:南昌网络公司 / From:原创 / Date:2015.05.08
使用CSS层叠样式表不仅可保持网站整体风格的统一,而且还能简化许多重复性的工作,如反复进行相同的字体、颜色、背景、边框等设置。它是网页中某些元素的一定格式的组合,因此,可定义若干个CSS样式。一个网站可能会应…
Class:网站建设资料 / Author:南昌网络公司 / From:原创 / Date:2015.05.08
页面布局的方式包括五种,即Div+CSS、表格、布局表格、框架、层。Div+CSS:是目前网页布局的主流工具。表格:在Div+CSS诞生前曾是网页布局的主要工具。布局表格:是常用的布局工具。使用它布局能对不同对象加以处理,…
Class:网站建设资料 / Author:南昌网络公司 / From:原创 / Date:2015.05.08