《网页设计与制作》素材,教案

  • 更新时间:
  • 8830人关注
  • 点击下载

给大家带来的是《网页设计与制作》素材,教案,介绍了关于网页设计、网页制作、网页设计方面的内容,本书是由人民邮电出版社出版,已被125人关注,由热心网友甘高爽 提供,目前本书在网页设计类综合评分为:7.4分

资源详情相关推荐
《《网页设计与制作》素材,教案》封面
  • 出版社:人民邮电出版社
  • 作者:王君学,孙海伦,金哲
  • 大小:100.14 MB
  • 类别:网页设计
  • 热度:202
  • 网页设计心理学
  • 边练边学:网页UI商业项目设计实战
  • 网页UI与用户体验设计5要素
  • 《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 第2版》素材资源
  • JavaScript网页动画设计
  • 编辑推荐

    《网页设计与制作》按照项目教学法组织教学内容。全书由16个项目构成,主要内容包括在网页中岔入文本、图像、媒体、超级链接、表单等网页元素及其属性设置,运用表格、框架、层和Div标签等工具对网页进行布局,使用模板和库制作网页,运用CSS样式控制网页外观,使用行为完善网页功能,使用时间轴制作动画,在可视化环境下创建应用程序,使用PhotoshopCS3、Flash8配合Dreamweer8制作网页以及创建、管理和维护网站的基本知识。《网页设计与制作》可作为中等职业学校“网页设计与制作”课程的教材,也可以作为网页设计爱好者的入门用书。 

    目录

    项目一认识Dreamweer8
    任务一了解Dreamweer8
    任务二欣赏优秀网站
    任务三制作一个简单的网页
    (一)定义站点
    (二)创建和保存文件
    (三)设置文本属性
    (四)保存工作区布局
    项目实训制作“选购照相机要注意哪些方面”网页
    项目小结
    思考与练习

    项目二网站的规划和管理
    任务一新建站点
    任务二管理站点
    (一)复制和编辑站点
    (二)导出、删除和导入
    站点
    任务三管理站点内容
    (一)设置好参数
    (二)创建文件夹和文件
    (三)在站点地图中链接文件
    项目实训站点的管理
    项目小结
    思考与练习

    项目三文本编辑--编排数码摄影知识网页
    任务一网页文本的编辑
    任务二编排文本格式
    (一)设置文档标题格式
    (二)设置正文格式
    任务三完善网页
    项目实训设置“摄影器材的介绍”文档格式
    项目小结
    思考与练习

    项目四图像和媒体--编排摄影作品网页
    任务一岔入图像
    (一)岔入图像占位符
    (二)岔入图像和设置图像属性
    任务二岔入媒体
    (一)岔入Flas
    (二)岔入图像查看器
    (三)岔入ActiveX视频
    项目实训设置“国宝熊猫”网页
    项目小结
    思考与练习

    项目五超级链接--制作导航网页
    任务一设置锚记超级链接
    任务二设置图像超级链接
    任务三设置电子邮件超级链接
    任务四设置文本超级链接
    项目实训设置“唐诗欣赏”网页
    项目小结
    思考与练习

    项目六表格--布局商务网页
    任务一使用表格布局页眉
    任务二使用嵌套表格布局主体页面
    (一)布局网页右上方栏目的内容
    (二)布局右下方栏目的内容
    任务三使用表格布局页脚
    项目实训使用表格布局“玉石的种类”页面
    项目小结
    思考与练习

    项目七框架--制作绿色天空论坛网页
    任务一创建论坛框架网页
    (一)创建框架
    (二)保存框架
    任务二设置论坛框架网页
    (一)设置框架集和框架属性
    (二)设置框架中链接的目标窗口

    展开阅读
    精选笔记1:JavaScript实现单击网页任意位置打开关闭窗口的代码

    15小时7分钟前回答

    本文实例讲述了JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法。分享给大家供大家参考,具体如下:

    在一些不正规的网站,尤其是那些挂满广告的下载站,经常在你点击的下载链接之前,无论你点击网页的任何一处都会弹出新窗口。

    这样的效果,可以轻松用JavaScript做到,还可以专门指定点击某一区域的Div,才触发打开新窗口的事件。

    比如下图的效果:

    JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法

    在原网页中,指定一个Div,无论用户点击这个Div的任意区域,都会打开新窗口,而点击其它地方则不会。

    在新窗口的地址栏不可以编辑,不能被调整大小,提供一个“关闭”按钮,关闭该窗口。

    原网页的HTML布局如下,

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
      </head>
      <body>
        <div class="testClass" >点击此任意一处打开广告</div>
      </body>
    </html>
    
    

    没什么好说的,就一个class为testClass的Div。

    关键是以下脚本。

    <script type="text/javascript">
      document.onclick = function(e){//设置整个网页的单击事件
        e = e || window.event;//为了兼容这样写。
        var target = e.target || e.srcElement;//用来点击的对象。为了兼容这样写。
        if (target.className == "testClass"){//如果点击的对象,class为testClass,那么打开新窗口。
          var OpenWindow=window.open("","newwindow","height=100","width=400","top=100","left=0","toolbar=false","menubar=false","scrollbars=false","resizable=false","location=false","status=false");
          //在新窗口中写入如下的HTML代码。
          OpenWindow.document.write("广告<br/>");
          //在Javascript中,利用window.close()可以关闭当前窗口,但不能关闭当前标签页,不过由于这个窗口是我们自己新生成的,因此对于所有浏览器有效
          OpenWindow.document.write("<button onclick='javascript:window.close()'>关闭!</button>");
        }
      }
    </script>
    
    

    从以上的脚本可以看到window.open()这个方法参数很长。

    其中:

    第一个参数为空的意思,则意为新窗口的链接不是已有的网页,新窗口的内容是通过以下的两行Javascript生成的。如果要求新窗口的内容是已有的网页,则填写相应的url。

    之后的参数是如下的意思,但只是对IE有效。

    newwindow:弹出窗口的名字(不是文件名),非必须,可用空''代替。
    height=100:新窗口高度。
    width=400:新窗口宽度。
    top=0:新窗口距离当前窗口上方的像素值。
    left=0:窗口距离当前窗口左侧的像素值。
    toolbar=false:是否显示工具栏,menubar,scrollbars表示菜单栏和滚动栏。
    resizable=false:是否允许改变窗口大小
    location=false:是否启用新窗口地址栏
    status=false:是否显示状态栏。

    希望本文所述对大家JavaScript程序设计有所帮助。

    展开阅读

    网页设计相关资源

    • 《破译Web UI:网页UI设计规范、流程与实战案例》书中资源

      《破译Web UI:网页UI设计规范、流程与实战案例》书中资源

      内容介绍 本书着重讲解Web UI设计的原则、方法和应用。按照知识点分析知识点深入与扩展归纳与运用(全面案例讲解)新技术的拓展的进阶结构来讲解,让读者能够循序渐进地、更科学地学习。 全书共9章,*1~8章内容涵盖工作的准备阶段、线框图设计、Web网格布局、Web界面设计基础参考规范、Web界面设计*级参考规范、Web设计用户体验、Web界面设计实战和网页设计新趋势(MDL),讲解贯穿实际设计案例,帮助读者梳理工作流,融入设计理论,并教会读者

      大小:42.95 MBWeb前端

      立即下载
    • 形式感+网页视觉设计创意拓展与快速表现

      形式感+网页视觉设计创意拓展与快速表现

      大小:40.1 MB网页设计

      立即下载
    • 《CSS3艺术:网页设计案例实战》配套资源

      《CSS3艺术:网页设计案例实战》配套资源

      编辑推荐 丰富案例.190个前端开发实例,在实战中了解CSS3艺术设计技巧 全彩印刷.关键代码+知识重难点一目了然,学习不单调不枯燥 扫码视频.作者细致拆解实例结构,引导读者快速上手 丰富资源.演示文件+常用色卡+海量更新资源,全方位提高读者实战技能 内容简介 本书以 CSS3 版本为平台,使用大量生动、美观的实例,系统地剖析了 CSS 与视觉效果相关的重要语法。全书分为13章,第1章回顾基础知识,第2章~第10章介绍了 CSS3 的伪元素,边框,背景,

      大小:1.47 GBweb前端

      立即下载
    • 网页好设计:Dreamweaver网页布局X特效设计应用大全

      网页好设计:Dreamweaver网页布局X特效设计应用大全

      李启宏著的 《网页好设计(附光盘dreamweaver网页布局特效设计应用大全html5+css3+javascript+jquery)》 将以dreamweaver来介绍html与css,利用dreamweaver非常完整的css功能,让不熟悉程序的你也能完成专业的

      大小:361 MB网页设计

      立即下载
    • HTML+CSS+DIV网页设计与布局

      HTML+CSS+DIV网页设计与布局

      本书主要内容包括认识网站开发、网页文字和图片、超链接、表格、多媒体、滚动字幕、列表、表单、框架、设置文本样式、设置网页背景样式、设置边框和边距样式、设置表格和列表样式、控

      大小:28.7 MB前端设计

      立即下载
    • 响应式网页设计:Bootstrap开发速成

      响应式网页设计:Bootstrap开发速成

      本书从认识响应式网页设计与Bootstrap开始,详解网站的开发流程、响应式网页的设计思维、SEO设置以及网页设计趋势,导入视觉设计与网页制作两个不同领域的专业知识,并提供120多个Bootstr

      大小:185 MB网页设计

      立即下载
    • 《PhotIompact 10中文版:数码图像编辑与网页设计实训教程》素材,习题,教案

      《PhotIompact 10中文版:数码图像编辑与网页设计实训教程》素材,习题,教案

      本书着重介绍PhotoImpact10在数码图像编辑和网页设计中的应用。本书以培养技能型人才为出发点,以实训为中心进行设计和编写,对理论知识部分有必要的叙述,每个单元都有单独的实训操作内容。本书内容主要包括数码图像知识与技术、软件基本操作、对象的编辑、图像的编辑、数码相片处理和网页制作等。 本书为中等职业学校电脑图形图像处理、网页设计课程的教材,也可以作为社会培训班的培训教材。 目录 第一部分 数码图像编辑 第1章 数码图像

      大小:233.5 MBPhotIompact

      立即下载

    配套笔记

    15小时32分钟前回答

    三种获取网页源码的方法(使用MFC/Socket实现)

    第一个方法是使用MFC里面的 afxinet.h 复制代码 代码如下: CString GetHttpFileData(CString strUrl) { CInternetSession Session("Internet Explorer", 0); CHttpFile *pHttpFile = NULL; CString strData; CString strClip; pHttpFile = (CHttpFile*)Session.OpenURL(strUrl); while ( pHttpFile-ReadString(strClip) ) { strData += strClip; } return strData; } 要讲一下,pHttpFile-ReadString() 每次可能只读一个数据片断,读多少次取决于网络状况,所以要把每次读到的数据加到总数据的尾部,用了CString 省去了缓冲区处理:) 别忘了包含头文件#include afxinet.h 在工程设置,里面要选择 using MFC 要不然编译不了 第二种是使用WinNet的纯API实现的 复制代码 代码如下: #define MAXBLOCKSIZE 1024 #include windows.h #i……

    2小时29分钟前回答

    JQuery防止退格键网页后退的实现代码

    下面是Js片段在IE9,Firebox 10.0.2 中测试过 : $(document).keydown(function (e) { var doPrevent; if (e.keyCode == 8) { var d = e.srcElement || e.target; if (d.tagName.toUpperCase() == 'INPUT' || d.tagName.toUpperCase() == 'TEXTAREA') { doPrevent = d.readOnly || d.disabled; } else doPrevent = true; } else doPrevent = false; if (doPrevent) e.preventDefault(); }); 关于如何确定Backspace键的代码可以通过这里. 希望对您Web开发有帮助。……

    16小时43分钟前回答

    jQuery实现的网页左侧在线客服效果代码

    本文实例讲述了jQuery实现的网页左侧在线客服效果代码。分享给大家供大家参考,具体如下: 这是又一个网页上的在线客服代码,不错,可以用一下哦。与其它客服不一样的地方呢?无非是在网页左侧滑出,可对客服类型分组,又多了一个功能,哈哈。 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-left-online-kf-demo/ 具体代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headtitle网页左侧浮动jquery在线QQ客服代码/titlestyle*{margin:0px;padding:0px;outline:none;list-style-type:none;border:none;}/* QQbox */.QQbox{z-index:1000;widt……