导航:首页 > 万维百科 > 静态网页设计需要注意些什么

静态网页设计需要注意些什么

发布时间:2021-01-15 06:19:11

1、在UI设计中,静态网页的构建是需要用到哪些知识的?

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。也就是说,UI设计做出来的东西是和用户有互动的,比如我们平常用的手机APP上的设计,就是有互动的,你对它进行某项操作,它会给你一个反馈。

网站设计其实现在已经和UI设计非常相似了,因为网站和用户也是有交互的,但是网站工作更加杂,要求更加全面,比如他必须具备平面设计做画面的能力(Banner的设计还是很需要功底的)也需要书籍装帧设计的排版能力,同时如果再有UI设计师对交互上的敏感和对细节孜孜不倦的追求,那更加难得。

2、静态网页设计

我把网上最主流的网页/网站制作工具都列出来了
其中第1、2是主要制作工具,后面的多是辅助工具
3、6是比较容易上手的

另外最简单的静态页面其实可以用word制作,保存成html就可以
你可以试试

1、FrontPage
FrontPage是一款优秀的网页制作与开发工具之一,它本身也是Office2000中的一个重要组件,采用了与Office2000其他组件一致的界面和操作方式,只要您使用过Office软件,就可以轻松掌握FrontPage的用法。
2、网页制作三剑客
Flash、Dreamweaver、Fireworks合在一起被称为网页制作三剑客。这三个软件相辅相承,是制作网页的首选工具,其中Dreamweaver主要用来制作网页文件,制作出来的网页兼容性好、制作效率也很高,Flash用来制作精美的网页动画,Fireworks用来处理网页中的图形。
3、Photoshop
Photoshop是Adobe公司的王牌产品,无论是在平面广告设计、室内装潢,还是处理个人数码照片方面,Photoshop都已经成为不可或缺的工具。在网页制作方面,它多姿多彩的滤镜和功能强大的选择工具可以做出各种各样的文字效果来。
4、Swishmax
Swish是一款非常方便的Flash文字特效制作工具,你只要点几下鼠标,就可以创造出形状、文字、按钮动画,你也可以选择内建的超过230种诸如爆炸、漩涡、3D旋转以及波浪等预设的动画效果。
5、PhotoImpact
PhotoImpact提供了多媒体时代专业影像设计者最直觉的创意空间、最方便的制作工具、及最宽广的表达形式,整合了新时代的3D物件及文字特效与粒子效果、压力笔支援、不同的自然笔触、各式直觉操作的特效图库、以及网页影像与办公室文件的相容性,将构思到表达的过程完整组合,是专业网页影像设计者不可或缺的利器。
6、Sound Forge
Sound Forge软件是一款非常棒的音效编辑软件,它除了音效编辑软件的功能外,还可以让你处理大量的音效转换的工作,使你能够轻松的完成各种看似复杂的音效编辑工作。如果下载的是英文版,可以用金山快译永久汉化,但效果不是很尽人意。
7、硕思闪客精灵
硕思闪客精灵是一款用于浏览和解析Flash动画的工具。它可以将.swf文件导出成.fla文件,还能将flash动画中的图片、矢量图、声音、视频(*.flv)、文字、按钮、影片片段、帧等基本元素完全分解,以及对动作脚本(ActionScript)进行解析,清楚的显示其动作代码,让你对Flash动画的构造一目了然。建议你赶快去下载吧!}
8、Clipyard
你只要导入不同的Flash动画文件,将其放在不同的层上,经调试效果,导出后就成了一个单独的flash了,操作简单,特别适合于将自己喜欢的Flash动画加入祝福、签名后赠送友人。
9、FlashFXP
是一款优秀的FTP工具,特别适合Web站点管理员使用。支持文件夹(带子文件夹)的文件传送、删除;支持上传、下载及第三方文件续传;可以跳过指定的文件类型,只传送需要的文件;可以自定义不同文件类型的显示颜色;可以缓存远端文件夹列表,支持FTP代理;具有避免空闲功能,防止被站点踢出;可以显示或隐藏“隐藏”属性的文件、文件夹;支持每个站点使用被动模式等。
10、FlaX
FlaX是一款制作Flash文字特效的小巧软件。在以前若要制作文字绕圆圈的动画,在Flash里一个一个字的慢慢调整位置,颇费时间,如果使用FlaX很快就可以就搞定。 FlaX有四个窗口面板:预览窗口、影片属性面板、文字属性面板、特效属性面板。
11、Web Animator
Web Animator(网页动画设计)是HomePage Builder附带的创建动画GIF的程序。所谓动画GIF是GIF格式图像文件的一种,组合几个图像象漫画一样连续运动。动画GIF与普通的GIF图像一样可以粘贴到页面。使用Web Animator可以完成如下工作:组合现有的图像,创建类似于漫画的动画;给一个图像添加动画效果,创建具有效果的动画;给指定的字符串添加动画效果,创建字符动画。
12.golive
Adobe收购mm之后推出的网页制作工具,将代替Dreamweaver成为主流.
满意请采纳。

3、Dreamweaver静态网页制作步骤有哪些?

1、在Dreamveaver中“文件—新建—常规—基本页—HTML”,这就建好了一个页面,英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。可以给它改名为index.htm。
2、在标题空格那里输入网页的名称,点击—页面属性,打开这个窗口后在这里可以设置网站标题、背景颜色还有背景图像,超级链接颜色,其他都保持默认值就可以了。
3.这个时候光标在左上角,你可以输入一句话,如“欢迎大家来到我的主页”,用文字,用菜单“窗口/属性”打开属性面板,取文字的大小,再把文字设置为居中,然后在文字的前面敲几下回车就位于页面中间了。
4.要选取字体,即选择字体中的最后一项:即编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体,点击中间的按钮就可以加入了。

4、制作静态网页前有哪些准备工作?

呵呵,我比较赞成你从静态学起,这样可以加强基础,但我不太同意楼上的建议,表格要用,但要在你能达到最好的效果,使用最少的表格,那时你就毕业了,可以学动态了,图片最好根据网页的需要来改

5、想做一个静态的网页!网页设计有什么需要注意的呢?

千际软件为您解答网页设计美术设计要求,网页美术设计一般要与企业整体形象一致,要符合企业ci规范。要注意网页色彩、图片的应用及版面策划,保持网页的整体一致性。

6、静态网页制作的具体过程

最简单的。
新建一个文本文档(也就是记事本)
在里面打上几个字,保存。然后把后缀.txt改为.html 再用浏览器打开 这就是一个静态网页了。

Dreamweaver 是很专业的网页设计软件。你可以搜索一下教程。很简单的。
可以在里面插入图片 声音 视频 flash等。

再就是现在最流行的 div+css 这个就相对难点了。需要有手写代码的能力。
制作过程在这里和你也说不明白 你还是从网上搜索一下Dreamweaver 视频教程吧。

做网页记住:所有文件夹和文件名都要用英文或者拼音。首页命名为index.html

7、静态网页制作作业。要HTML的,简单点,不要太复杂,初学那种的。

<html>
<head>
    <style>
        html,body{margin:0px;text-align:center;}
        .main{width:1000px;margin:0px auto;padding-top:30px;}
        .title{font-size:18px;text-decoration:underline;font-weight:bold;}
        .formtable{width:100%;font-size:12px;margin-top:20px;}
        .lefttd{width:350px;text-align:right;}
        .righttd{text-align:left;}
        .etxt{width:300px;}
        .etel{width:200px;}
        .eta{width:320px;height:100px;}
.cinpt{text-align:center;padding-top:20px;}
    </style>
</head>
<body>
    <div class="main">
        <div><span class="title">请留下个人资料</span></div>
        <div>
            <table class="formtable">
                <tr><td class="lefttd">姓名:</td><td class="righttd"><input type="text" /></td></tr>
                <tr><td class="lefttd">E-mail:</td><td class="righttd"><input type="text" class="etxt" /></td></tr>
                <tr><td class="lefttd">电话:</td><td class="righttd"><input type="text" class="etel" /></td></tr>
                <tr><td class="lefttd">性别:</td><td class="righttd"><input type="radio" checked="checked" name="rd" />女 <input type="radio" checked="checked" name="rd" />男</td></tr>
                <tr><td class="lefttd">年龄:</td><td class="righttd"><select><option>20以下</option><option>20以上</option></select></td></tr>
                <tr><td class="lefttd">留言板:</td><td class="righttd"><textarea class="eta"></textarea></td></tr>
                <tr><td class="lefttd">您的爱好:</td><td class="righttd"><input type="checkbox" name="cb1" />运动 <input type="checkbox" name="cb2" />阅读 <input type="checkbox" name="cb2" />听音乐 <input type="checkbox" name="cb2" />旅游</td></tr>
<tr><td colspan="2" class="cinpt"><input type="button" value="提交" /></td></tr>
</table>
        </div>
    </div>
</body>
</html>


初学的,那上面这段代码应该可以了

8、Dreamweaver静态网页制作步骤有哪些?

1、在Dreamveaver中“文件—新来建—常规源—基本页—HTML”,这就建好了一个页面,英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。可以给它改名为index.htm。
2、在标题空格那里输入网页的名称,点击—页面属性,打开这个窗口后在这里可以设置网站标题、背景颜色还有背景图像,超级链接颜色,其他都保持默认值就可以了。
3.这个时候光标在左上角,你可以输入一句话,如“欢迎大家来到我的主页”,用文字,用菜单“窗口/属性”打开属性面板,取文字的大小,再把文字设置为居中,然后在文字的前面敲几下回车就位于页面中间了。
4.要选取字体,即选择字体中的最后一项:即编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体,点击中间的按钮就可以加入了。

9、设计好的网页制作成静态网页需要学习什么?

有设计基础之后很简单的,只需要学习HTML和CSS基本可以满足了,但想要效果更华丽一些的话,可以学习基础的JS。我空间收集有一些资料,可以进去看看,点我名字就可以了

与静态网页设计需要注意些什么相关的知识