精华内容
下载资源
问答
  • 本套课程主要讲解怎样添加动画效果,课程围绕两个主题,第一我们需要一个什么样的动画效果;...最终我们会通过一个整体的案例,来讲解交互效果的实现,让大家掌握这种简单又炫酷的交互方式,为自己的页面增加色彩!
  • 怎么样把AE和网站交互呢,可以直接在网站修改照片,文字,音乐,然后AE在输出好视频反馈到网站
  • Html交互网站制作视频课程 7年Web开发经验,猎曼技术总监,曾任职于青...

    扫码下载「CSDN程序员学院APP」,1000+技术好课免费看

    APP订阅课程,领取优惠,最少立减5元 ↓↓↓

    订阅后:请点击此处观看视频课程

     

    视频教程-Html交互式网站制作视频课程-HTML5/CSS

    学习有效期:永久观看

    学习时长:147分钟

    学习计划:3天

    难度:

     

    口碑讲师带队学习,让你的问题不过夜」

    讲师姓名:袁龙

    技术经理

    讲师介绍:7年Web开发经验,猎曼技术总监,曾任职于青岛民惠网络科技有限公司。

    ☛点击立即跟老师学习☚

     

    「你将学到什么?」

    本套课程主要讲解怎样添加动画效果,课程围绕两个主题,第一我们需要一个什么样的动画效果;第二动画效果何时执行。本套课程分两部分,第一部分为html页面布局(适合初学者),第二部分是交互效果的实现。

    学习本套课程的前提只要掌握html和css即可,并不涉及javaScrip和jQuery等知识点,交互效果的实现也不需要自己编写,css3给我提供动画库里面包含几十种交互效果。

    最终我们会通过一个整体的案例,来讲解交互效果的实现,让大家掌握这种简单又炫酷的交互方式,为自己的页面增加色彩!

     

    「课程学习目录」

    第1章:第1章 html+css布局
    1.课程介绍
    2.网站头部区域布局
    3.产品展示区域布局
    4.公司文化区域布局
    5.公司简介区域布局
    6.底部信息区域布局
    第2章:页面交互效果实现
    1.页面交互效果功能实现
    2.控制动画交互时间和执行时间
    3.整体交互效果完成

     

    7项超值权益,保障学习质量」

    • 大咖讲解

    技术专家系统讲解传授编程思路与实战。

    • 答疑服务

    专属社群随时沟通与讲师答疑,扫清学习障碍,自学编程不再难。

    • 课程资料+课件

    超实用资料,覆盖核心知识,关键编程技能,方便练习巩固。(部分讲师考虑到版权问题,暂未上传附件,敬请谅解)

    • 常用开发实战

    企业常见开发实战案例,带你掌握Python在工作中的不同运用场景。

    • 大牛技术大会视频

    2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。

    • APP+PC随时随地学习

    满足不同场景,开发编程语言系统学习需求,不受空间、地域限制。

     

    「什么样的技术人适合学习?」

    • 想进入互联网技术行业,但是面对多门编程语言不知如何选择,0基础的你
    • 掌握开发、编程技术单一、冷门,迫切希望能够转型的你
    • 想进入大厂,但是编程经验不够丰富,没有竞争力,程序员找工作难。

     

    「悉心打造精品好课,3天学到大牛3年项目经验」

    【完善的技术体系】

    技术成长循序渐进,帮助用户轻松掌握

    掌握HTML5/CSS知识,扎实编码能力

    【清晰的课程脉络】

    浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。

    【仿佛在大厂实习般的课程设计】

    课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。

     

    「你可以收获什么?」

    学会制作交互式网站

    网站可以炫丽多彩

     

    展开全文
  • 网站制作流程及界面交互设计

    千次阅读 2006-06-14 15:32:00
    网站制作流程及界面交互设计研究探讨作者的blog: http://www.onling.net/blog/ 很多朋友希望,我能把我做网站的一些流程及经验跟大家分享一下,最近刚好做一次内部培训,所以稍微整理了一下,这些只是针对网页初学者...

    网站制作流程及界面交互设计研究探讨

    作者的blog: http://www.onling.net/blog/

    很多朋友希望,我能把我做网站的一些流程及经验跟大家分享一下,最近刚好做一次内部培训,所以稍微整理了一下,这些只是针对网页初学者,具有一定平面设计水平的人,对HTML不是很了解,他们可能只是想做一个个人主页而已,所以整体还是趋向于传统的表格布局,这里有很多都是一些我个人刚开学时自己摸索的经验,所以可能不是很专业,但是绝对是比较容易入门的,我一直有这种思想,你只有塌进来了,你才可能往更高的地方爬,我想当初如果没有这段的学习,现在我也不会明白什么W3C,什么CSS,什么ASP,什么XML,一切都是有一个起点,希望能对大家有点小帮助。整体的PPT比较大,没有放这,我把主要内容用文字大致整理了一份,如果需要PPT,可以跟我联系。有不合理的地方,希望大家能指出,可以共同探讨一下。

    主要内容介绍:

    一、构成网页的基本要素
    二、制作及美化的基本工具
    三、网页制作的基本步骤
    四、界面设计及交互研究探讨
    五、实例制作演示

    一.构成网页的基本要素

    1.文字(标题、字号、字型...)
    2 图形(网页上经常使用的图片格式:jpg、jpeg、Gif、Swf...)
    3.交互功能(菜单按钮、链接、表单、数据交换...)
    ...

    超文本标识语言(HTML)

    HTML(Hypertext Markup Language)是一种专门用于Web页制作的编程语言,用来描述超文本各个部分的内容,告诉浏览器如何显示文本,怎样生成与别的文本或图像的链接点。

    在HTML中,所有的标记符都用尖括号括起来。
    例如,<HTML>表示HTML标记符。绝大多数标记符都是成对出现的,包括开始标记符和结束标记符。
    如:<HTML>…</HTML> .

    HTML文档的基本结构

    一个典型的HTML文本的基本结构形式如下:

    <HTML>
    <HEAD>
    <TITLE>OnLing网站制作流程及界面交互设计研究探讨</TITLE>
    </HEAD>
    <BODY>文本内容:OnLing.net</BODY>
    </HTML>

    二.制作及美化的基本工具

    1.超文本标识语言(HTML)
    编辑工具:editplus、dreamweaver、记事本、FrontPage、

    2.页面设计及美化工具
    使用工具:所有可制作平面的软件
    推荐使用Photoshop、FireWorks、Flash

    三、网页制作的基本步骤

    1、整体规划
    需要完成的规划:网站主题、风格、页面元素、逻辑结构等

    2、资料收集
    收集内容:
    a、跟主题相关的文字图片资料
    b、一些优秀的页面风格
    c、下载一些你喜欢的交互页面
    d、开放的源代码

    3、伪界面设计
    根据事先规划的结构,在平面软件里设计你想要的最终效果,利用平面图片的形式先展示一次,设计时要注意宜人性、人机、心理等各方面因素

    4、代码转换及交互添加
    把平面的伪界面转化为HTML代码,添加相应的交互功能Js、按纽、表单,以及一些与数据库相连接的代码。

    5、测试网页兼容性
    你可以不必严格按照W3C标准来制作页面,但是你必须保证让所有现有的浏览器能比较好的展示你的作品。

    6、发布站点
    测试完毕,符合你的要求,当然就可以开始发布你的网站了,发布的服务器可以是远程,也可以是本地,各个语言有各自的相应的服务器,比如ASP,就应该对应的是ASP服务器,上传可利用远程FTP工具。

    四.界面设计及交互研究探讨

    a、导航栏设计
    导航要素设计的好坏决定着用户是否能方便使用网站导航要素要设计的直接而明确,并最大限度为用户的方便考虑。

    b、网页布局
    网页的布局是整个界面的核心,这里体现了一切以用户为中心、以及制作者如何与欣赏着沟通的思想在里面,你必须知道自己要传达什么样的信息,别人使用起来合适不,字体的大小、型号、字间距、行间距,以及配色所有的一切都在这个阶段完成,所以如何表现功能以及美感就是你研究的重点。

    PS:布局之前要紧密连接你网站的主题,要注意把握整体风格,你可以事先在纸上勾画草图,利用你习惯的元素来表现你想要的效果

    网页布局--主要构成原则
    醒目性:指用户把注意力集中到你诱导起浏览的部分和内容
    可读性:指网站的内容让人容易读懂
    明快性:指准确、快速转达网站的构成内容
    造型性:维持整体外型上的稳定感和均衡性
    创造性:有鲜明个性,创意是必不可少的
    布局的构成原则上是:统一、协调、流动、强调、均衡

    c、交互研究
    我这边的交互主要集中在人机操作方面,研究用户浏览网站心理我个人认为一个成功的个人主页,单纯的美观是不够的,重要的是宜人性方面应该注重,喜欢Google、Douban就居于这。

    五、实例制作演示(略)

    1、页面制作整体规划

    对象:一个打印商业宣传主页
    格调:活泼,色彩,简单,大方

    2、资料收集

    a 、商标、网址、公司宣传册、了解企业文化,了解负责人的品位、他们的案例、跟负责人沟通掌握信息
    b 、网上下载相似印刷行业的公司主页,了解现有行业的的一些设计特点
    c、下载一些色彩比较华丽的图片,或跟印刷相关连的图片
    d、如果你自己不会动态语言,下载一个满足你功能的新闻发布系统和留言源码

    3、伪界面设计

    a、在PS设计伪界面

    b、切片工具对整体进行合理的分割
    注意点:隐藏你要通过输入的文字,分割时要保持他的整体意义,尽量让每一部分是完整的,注意一些交互上操作。

    c、导成WEB格式-直接导成HTML格式—步骤:
    1、.点击文件存储为WEB文件格式
    2、在界面里面调整理想参数
    3、导出保存PS能自动生成一些HTML代码,但是他不是很标准,你必须在
    Dreamweave里面进行加工

    d、在Dreamweave里面进行代码加工
    具体步骤:
    1、先修改标题
    2、修改页面属性:背景颜色、背景图片.....
    3、把页面调整为布局格式(这个可以按照自己习惯来设置,有标准的表格方式,也有布局类型)
    4、把要添加文字的图片转化为背景形式
     a、找到对应图片路径
     b、拷贝路径后删除图片
     c、转化为标准形式
     d、把路径粘贴到背景属性上
     e、回到布局界面
    5、添加具体文字连接设置等操作
    6、CSS设置
    7、修整代码,发布预览按F12即可预览效果

    4、测试网页兼容性

    按照你设计时的对象,根据IE版本以及浏览器的不同,调整理想的效果,但是大部分出现问题的是JS/VB等代码,如果只是单纯静态图片,基本不会有很大的差别,推选大家尽量往W3C标准靠

    5、发布站点

    购买自己的空间域名,其实事先就应该购买的,利用FTP上传软件,把你的页面上传到你的网上服务器上推荐一款FTP上传工具LeadFTP

    总结:

    1、在开始制作网页之前,建议应用少量时间对自己要制作的主页进行总体设计,例如希望主页是怎样的风格,应该放一些什么信息,其他网页如何设计,分几层来处理等等通常在进行网页开发时,首先都进行静态网页的制作,然后再在其中加入脚本程序、表单等。静态网页仅仅用来被动地发布信息,而不具有任何交互功能的网页,它是Web网页的重要组成部分,一个好的网站:首先是内容丰富,其次就是网页设计

    2、不要先决定网页的外观,然后迫使自己去适应它,应该根据网站的访问者对象、要提供的信息以及制作目标得出一个最适合的网页架构。

    3、每页排版不要太松散或用太大的字,尽量避免访问者浏览网页时要作大幅度的滚动,对于篇幅太长的一页可以使用内部链接解决。须知,在一页的上部是显眼而宝贵的地方,不要只放几个粗大的字或图片

    4、不要每页都采用不同的墙纸,以免每次转页时都要花费过多的时间去下载,采用相同的底色或墙纸还可以增强网页一致性。以树立自己的风格。

    5、底色或墙纸必须与文字对比强烈,以易于阅读。

    6、熟悉以后开始尝试用CSS,自己书写代码,按照W3C标准来写符合要求的网页。

    展开全文
  • 页面的视差有多种表现形式,最常见的是用户滚动页面形成的视差效果。今天的教程是一个插件,实现多种不同的视差效果。​ 这个插件叫做Interactive BG (Background),让你创建一个页面背景相对于光标移动而移动的...

    页面的视差有多种表现形式,最常见的是用户滚动页面形成的视差效果。今天的教程是一个插件,实现多种不同的视差效果。

    这个插件叫做Interactive BG (Background),让你创建一个页面背景相对于光标移动而移动的视差效果。由于在移动端没有鼠标移动事件,所以这个插件利用加速计,而不是为ios和android专门创建视差效果。

    该插件适用于Chrome,Firefox,Safari,IE还没测试过。

    Interactive BG的使用方法

    1、工作原理

    图像作为背景,背景根据光标的位置移动而做出相应 的移动。我首先写了一个让背景移动的函数,但是我发现在鼠标移动进来的时候画面会有一粗糙的小动画,而背景则需要重置。这不是一个好的用户体验,最后我决 定使用CSS3的变换矩阵,它允许背景自动定点于中心无需我再额外计算。使用矩阵的另一好处是我可以直接使用范围和坐标而无需过多的数值计算。

    在我完成了桌面端的效果后我突然意识到在移动端(哪怕是智能手机也)是没办法同样有效果的,因为移动端没有鼠标事件。我 决定测试JS事件“devicemotion”,这让我确定加速计的状态。在一些试验和错误之后,我将 accelerationIncludingGravity值转换为CSS3矩阵转换里面的可用数据。


     

     

    现在你的背景在桌面和移动设备上将会有一个漂亮的视差移动效果。

    2、实现方法

    首先,确保你已经包括了最新的jQuery库(最好是2.0.0或更高),在此有最新版,包括jQuery.interactive_bg.js,可在此获取,插入到标签里面,确保你有一张作为背景的图片素材,以便在代码中引用之作为背景。

    好了,铺设标记如下:

    HTML

      ....

    其中,data-ibg-bg链接到背景图片的位置,假设背景图片的路径在文件里面的“background.png”,那么把上面的属性改为/background.png。

    现在调用函数使背景产生活力。

    $(".bg").interactive_bg({    strength: 25,    scale: 1.05,   animationSpeed: "100ms",    contain: true,    wrapContent: false   });

    解释一下上面的代码:

    • strength:该选项控制背景随着光标移动而移动的强度。数值越高,强度越大。默认数值为25。

    • Scale:该选项控制背景缩放的规模。接受正常css范围值所以1就是原始大小,并且在动画的开始和结束处都被禁用。选项的默认值是1.05。

    • animationSpeed(动画速度):该选项控制动画出入口的时间尺度。接受css持续时间,例如“100 ms”或“2.5s”。默认值是100 ms。

    • Contain:如果你设置的scale数据高于1,那么在此处如果值为true将防止扩大对象/背景溢出容器,值为false时,扩展内容就会溢出。默认值为true。

    • wrapContent:该选项让你选择是否在容器里面的所有元素都跟随光标的移动而移动,或者只是单纯的背景有效应。值为true时所有元素都响应该函数。默认值是false。

    3、高级功能

    响应式背景

    想要让这个插件得到最高的利用,那么就用下面这段额外的代码来创建一个响应式互动背景吧!以下代码将调整你的浏览器宽度和高度,添加并调用之:

    JS

    $(document).ready(function(){  $(".bg").interactive_bg(); // function call }); // change background size on window resize $(window).resize(function() {  $(".bg > .ibg-bg").css({    width: $(window).outerWidth(),    height: $(window).outerHeight()  }) })

    Interactive Background与加速计

    使用该插件的好处是你不必亲手做任何事情。插件会自动检测应用加速计的效果而不是传统的鼠标事件。可以试试在你的智能手机上看看演示。
     

    想了解更网页设计教程知识可登陆e良师益友网。

     

    转载于:https://www.cnblogs.com/yuguotianqing/p/4042577.html

    展开全文
  • 本人也是web新手,今天听说女票在学websocket,还做了个简易的网站利用广播和我通信。但是刷新一下数据就没了。。 我觉得这个还是挺有意思的,,就想着能不能做一个刷新后数据依然存在然后可以实时显示的呢。。就...

    主流的Web端即时通讯方案大致有4种:传统Ajax短轮询、Comet技术、WebSocket技术、SSE(Server-sent Events)。

    本文主要介绍ajax短轮询的简易实现方式。

    看懂此文需要:ajax基础,php基础,mysql基础,html/jquery基础

    ————————————————————————————

    本人也是web新手,今天听说女票在学websocket,还做了个简易的网站利用广播和我通信。但是刷新一下数据就没了。。

    我觉得这个还是挺有意思的,,就想着能不能做一个刷新后数据依然存在然后可以实时显示的呢。。就跟web上的qq一样。。做一个简易的对话板

    因为我不会websocket,就想着好像ajax可以实现,一查果然可以,原来ajax短轮询也是一种即时通讯的方案。

    于是我心血来潮就开始做了。。

    最后结果如下:

    GIF演示:

    我本地开两个浏览器自己和自己聊天是完全没问题的,可以显示最后聊的12条消息,输入框输入后按回车消息实时显示在最下面,页面不自动刷新。

    后面部署到服务器上和舍友测试了一下也是完全没问题的,和远在台湾的女票测试有时候消息会闪。。应该是网络问题吧。。毕竟使用的是ajax短轮询还是挺受网络影响的。

    ——————————————————————————————————————————

    原理:

    输入框输入原理:给输入框赋上按回车的事件,按下回车用ajax把当前选择的身份和输入框内的内容提交到后台,存储在数据库中。

    显示聊天记录的原理:利用ajax从后端获取数据库中最后12条的数据(我这里用了jquery的$.get()方法)。然后设置交互时间,前端不断从后端获取数据,我这里设置的是每0.5秒从后端获取一次数据并显示。所以实际使用起来和QQ的效果一样,基本感受不到对方聊天的延时。

    ——————————————————————————————————————————

    代码:

    chat.html

    复制代码
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
    
        <!-- jQuery静态库。-->
        <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    
        <script type="text/javascript">
    
            $(document).ready(function (){
    
                var message = "";
                setInterval(function(){
                    getdata();
                },500);
    
                function getdata() {
                    $.get("getdata.php",function (data) {
                        var count = 0;
                        for (a in data){
                            count++;
                        }
                        var show = 0;
                        for (a in data){
                            if ( show >= count-15 ){
                                message += "<p>"+ data[a].username + "" + data[a].message+"</p>";
                                $("#show_message").html(message);
                            }
                            show++;
                        }
    
                        message = "";
                    });
                }
    
                $("#ckq").keydown(function(e){    //按下键盘触发函数
                    if(e.keyCode==13){            //如果按下的是回车
                        var user = $('input:radio:checked').val();
                        $.ajax({
                            url: "chat.php",
                            type: "post",
                            async: false,
                            data: {"in":$("#ckq").val(),"username":user}
                        });
                        getdata();
                        $("#ckq").val("");
                    }
                });
    
            })
    
        </script>
    
    
        <style type="text/css">
    
        </style>
    
    
    </head>
    <body>
    
    <p id="message">小董与晴晴的对话:</p>
    选择身份:<input type="radio" name="sex" value="小董" checked>小董
    <input type="radio" name="sex" value="晴晴">晴晴
    <br>
    <div id="show_message">
    </div>
    <input type="text" id="ckq" name="in">
    
    </body>
    </html>
    复制代码

     

    connection.php:(都是默认用户名密码,选择了我自己的数据库app_phptest2017,如果有改就改成对应的就行了)

    复制代码
    <?php
    session_start();
    error_reporting(0); //。。加这个就不显示提示
    $servername = "localhost";
    $username = "root";
    $password = "";
    //$server_db_name = "app_phptest2017";
    
    $con = mysql_connect($servername,$username,$password);
    
    if (!$con)
    {
        die('Could not connect: ' . mysql_error());
    }
    
    mysql_query("set names 'utf8'");
    
    mysql_select_db("app_phptest2017", $con);
    
    $sql = "CREATE TABLE IF NOT EXISTS `mymessage` (  
      messageID int NOT NULL AUTO_INCREMENT,
      username char(30) NOT NULL,
      message char(30) NOT NULL,  
      PRIMARY KEY (messageID) 
    ) ENGINE=InnoDB DEFAULT CHARSET=gbk; "  ;
    
    mysql_query($sql);
    
    ?>
    复制代码

     

    chat.php (用来插入数据):

    复制代码
    <?php
    
    include ("connection.php");
    
    $sql = "INSERT INTO mymessage (message,username) VALUES('$_POST[in]','$_POST[username]')";
    mysql_query($sql);
    
    ?>
    复制代码

    getdata.php (用来从后端获取json格式数据并输出):

    复制代码
    <?php
    include ("connection.php");
    header('content-type:application/json;charset=utf8');
    
    $result = mysql_query("select message,username from mymessage");
    
    $results = array();
    while ($row = mysql_fetch_assoc($result)) {   //mysql_fetch_assoc() 函数从结果集中取得一行作为关联数组,返回根据从结果集取得的行生成的关联数组!,如果没有更多行,则返回 false。
        $results[] = $row;
    }
    
    $jsonResult =  json_encode($results);
    
    echo $jsonResult;
    
    mysql_close();
    ?>
    复制代码

    ————————————————————————————————

    在本地服务器下创建以上四个文件并把代码复制进去就可以了,大家可以开两个浏览器运行一下试试看。

    目前只能显示最后十二条,之后还可以添加一些滚动栏显示之前的消息之类的功能,以后再说了,本来也是做着玩。

    ——————————————————————————————————

    结论:初步尝试了一下Web端即时通讯,还是挺有意思的。然而ajax短轮询与服务器交互太频繁了,没消息的时候总是进行一些无意义的交互,浪费资源,现在这项技术已经被淘汰了,还是学学websocket好。

    转载于:https://www.cnblogs.com/aini521521/p/7488454.html

    展开全文
  • <TITLE>OnLing网站制作流程及界面交互设计研究探讨 文本内容:OnLing.net 二.制作及美化的基本工具 1.超文本标识语言(HTML) 编辑工具:editplus、dreamweaver、记事本、FrontPage、 2.页面设计及...
  • ajax可以实现无页面刷新的情况下与后台数据进行交互,并动态修改页面(js),j
  • 本人也是web新手,今天听说女票在学websocket,还做了个简易的网站利用广播和我通信。但是刷新一下数据就没了。。 我觉得这个还是挺有意思的,,就想着能不能做一个刷新后数据依然存在然后可以实时显示的呢。。就...
  • <TITLE>OnLing网站制作流程及界面交互设计研究探讨 文本内容:OnLing.net </HTML> 网页制作常用工具 1.超文本标识语言(HTML) 编辑工具: editplus、dreamweaver、 记事本、FrontPage、 2.页面设计及美化工具 ...
  • 网站设计教程交互设计过程杂谈 网站设计教程交互设计过程杂谈 交互设计就是研究人与物体之间如何互动的问题比如按电梯时按钮立 即高亮同时屏幕... 北京网站制作 北京网页设计?北京网站优化?北京网站设计?北京网络营销?
  • 第一次接触articulate storyline是在2016年,为了写毕业论文,学习了这个...虚拟网站 不会代码也能实现上述功能。关注我,我会不断更新内容,让你做出与众不同的交互视频。也可以关注我的知识星球和bilibil账号。...
  • 前提:Ajax本身就为前后端交互服务的,实现功能:用户输入信息,实时判断用户的情况,这也是现在登录界面普遍流行的做法。前端js通过注释识别Controller层,该层查询返回,和之前Google验证码有点像。  学习教程:...
  • 在完成了上一期的《用photoshopcs5设计一个图形界面网站设计(四)》,今天我们再做一新教程。  在本教程中,我们将使用jQuery和CSS3编写一个交互式图形。我们将使用最流行的jQuery插件Flot,Flot是一款纯...
  • 优秀的网站交互设计

    2019-09-24 15:14:52
    帖子中看到了很多优秀的,创新的...其中有一个购物网站制作真实效果强烈的衣服展示界面,犹如在真实逛商场一样,增加了用户购物的真实感,十分棒,收藏~ 转载于:https://www.cnblogs.com/tttry/p/4747634.html...
  • 仿大众点评app制作,包含可用的开发者信息,处理json,接口调用,生成key.zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
  • 2020嗖的一下就要过去了,想买一个豆瓣电影台历,官方价格是98,想着有点贵,就想利用学习的Python制作一个电子版的台历,效果图如下非周六周日带Tips周六周日界面整体的布局:头部仿台历便签空,内容(电影名称,...
  • 本节书摘来自异步社区《Axure RP7网站和APP原型制作从入门到精通(60小时案例版)》一书中的第1章,第1.4节,作者 金乌,更多章节内容可以访问云栖社区“异步社区”公众号查看 1.4 交互基础 该部分内容可参考视频...
  • 小编与大家分享9个有趣的 HTML 5 交互网站,让你一旦打开就忍不住想狂点鼠标,一起来看看吧~在网页上的精美制作:MakeMePulseMakeMePulse 连续两年制作了基于鼠标的交互网页——MakeMePulse 2017 在这个页面中,你...
  • 在互联网发展早期,很...所以,在制作网站的时候一定要注意页面的交互设计,那么,都有哪些地方要做好交互设计才能提高用户体验呢? 一、增加用户操作感 用户往往会不经意选择错误的系统功能,那么产品设计就需要一...
  • 第一章 使用jQuery快速高效制作网页交互特效 1.1为什么学习JavaScript javaScript在网页制作中占有非常重要的地位,可以实现验证表单,制作特效等功能,总结起来,学习JavaScript的目的主要基于以下三点。 1.客户端...
  • 本节书摘来自异步社区《Axure RP7网站和APP原型制作从入门到精通》一书中的第1章,第1.1节,作者 金乌,更多章节内容可以访问云栖社区“异步社区”公众号查看 第1章 Axure基础交互 Axure RP7网站和APP原型制作从入门...
  • 人们在网上购物的过程可以分为两个阶段:首先是观察与查找当前这个...商场有服务员,可以招呼顾客、解说、促成交易,而网上虚拟商店没有服务员,只能以精心制作的、可用性,交互性强的网页来吸引客户、并使客户能方便...
  • 上海电子信息职业技术学院 通信与信息工程学院软件技术系 网页制作课程任务单 姓 名 学 号 班级 成绩 学习情景编号 13 学习情景名称 创建HTML5标准的网页 学时 2 任务要求 在公司网站创建HTML5标准的子页HTML文档 ...
  • 制作交互功能网页 ; 表单信息处理的过程为通过表单元件收集用户信息当单击表单中的提交按纽时输入在表单中的信息就会上传到服务器由网站管理员管理 然后由服务器中的有关应用程序一般用ASPPHPJSP等网络编程语言来...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,066
精华内容 426
关键字:

交互网站制作