网页独立设计

1、如何建立一个独立网站？

一般的网站建设都分为以下几个流程：

网站主题：一个网站必须要有一个明确的主题。

搜集材料：明确了网站的主题以后，就要围绕主题开始搜集材料了。搜集的材料越多，以后制作网站就越容易。

规划网站：一个网站设计的成功与否，很大程度上决定于设计者的规划水平，网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等。

选择工具：尽管选择什么样的工具并不会影响设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

制作网页：这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

上传测试：网页制作完毕，最后要发布到Web服务器上，上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，可以很方便地把网站发布到自己申请的主页存放服务器上。

推广宣传：网页做好之后，还要不断地进行宣传，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

维护更新：网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。

2、网页设计 怎么在网页里独立一个页面或框

这个很明显是JS弹出窗口特效，去网站特效网DOWN一个源码，改改。

3、如何建立一个自己的独立网站，

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

4、网页的设计有几种方法

第一、靠前、无边框设计。无边框设计在近几年比较流行，在设计页面的时候，将页面中的风格线、边框删掉，用间距来代替的一种设计方法。无边框设计一般是以大图为主，图片本来就是一种分割元素。而内容基本是有规律的，留白间距之间的内容一定要相对一致、重复、紧密，这样用户在浏览的时候才会认为这些内容是一体的。一般来说，小众垂直的产品更适合使用无边框设计。

第二、卡片设计。卡片的设计打破了传统上固定的排版布局方式，提升了版面的使用率，可以给网站建设增加更多的惊喜。那么卡片设计有哪些优势呢？1、可以提高页面的使用率。卡片就好像是一个容器，将类型不一样的内容设置在不一样的卡片中，这样就可以很好地区分内容，还能够统一页面的风格。比如传统列表，内容一般是纵向滚动的方式，能够展示的内容比较有限，卡片式的设计采用的滑动方式，就可以有效地解决空间问题。2、区分卡片上的内容。卡片就好像是一个容器，将不同的内容放置在不同的卡片，更好地区分内容的类型。卡片的维度是不一样的，而且相对独立、有互相有联系，所以通过卡片归纳网站的内容，整个网站就显得更有秩序。3、卡片式设计可以提升可控性、提升体验度。卡片式设计的使用范围比较广泛，可以覆盖、滑动、堆叠，有良好的扩展性和可操作性。

第三、分割线的设计。这也是常见的一种页面布局设计方式，可以更好地帮助用户快速熟悉页面的布局，有良好的内容组织性。分割线可以贯穿整个页面，将不同的内容进行分割，成为独立的信息。

网站建设中的页面布局，有不同的设计方式，而且设计的趋势不断在变化，在设计页面布局之前，就要考虑好合适的样式，不能一味地追求潮流，根据产品的实际需求，选择合适的设计方式。而分割线的设计，想要做得出色，就要处理好线的间距、粗细、颜色等等

5、我想学网页设计，学完以后可以独立设计网页（动态的，有后台的），需要学哪些东西？

HTML5 是一种标记语言，用于写出静态页面，你要学JSP实现动态页面；CSS3 是层叠样式表（Cascading Stylesheet）， 在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制；JS 是一种广泛用于客户端Web开发的脚本语言，常用来给html网页添加动态功能；PS 图片处理；PHP 服务器端语言，你可以理解为用他可以不通过后天，在页面上直接操作数据。

自己开发完整版的网页难度很大哦，一般的开发流程
1.需求分析，你一定要知道你开发的网页有什么用，这个要考自己思考领悟，没特定的学习方向
2.你要会一款开发工具，一款服务器如tomcat，要确定一个开发框架（Struts、hibernate、spring.....）、你要确定使用一款数据库（MySQL、oracle、SQL server....）
3.你要后台，那你学了开发语言没？ 我用的是JAVA
好吧我是吓你的，不过我建议你确定你的方向后，如选择JAVA+SSH+MySQL，你就去网上找个类似的网站项目开源代码，1.先把他运行起来（1个星期，祝你好运，这步看运气，你一去作可能会发现很多很多问题）2.操作运行后的项目，用的比用自己的手机还熟练 (2天)3.看数据结构，看项目里面所有的代码，遇到不懂就去百度 （一个星期）4.使用debug模式运行项目，去熟悉你某个操作所产生的数据表动（2天） 5.完成前面几步后，在已有的项目代码上开发一个自己想要的功能，做到这一步你基本入行了（1个星期） 6.你可以去做一个自己想要的网页了（3个月，祝福你0_0）
朋友，希望没吓到你，但这真是我的经验之谈，如果你有兴趣就去大胆尝试一下，至少别后悔自己什么也没做。

6、网页设计和web前端的区别

前端是实现设计师出的图效果，做成页面，加上效果，各种JS，各种CSS等等。
设计师，按正规来说，和程序员沟通好后，出设计图，各种效果的效果图，比如设计稿内要标明，鼠标移上效果会是怎么样，等等，前端再实现这些效果成页面，交给程序员。

7、做网页设计工作怎样才叫做独立接单。

网站接单的步骤:
第一步：
我的第一步包含下面这些(大致说明一下，也欢迎大家分享自己的第一步)
我只是把我想得到的，头一次商谈要注意的贴出来
确认客户是否真的需要网站：
我发现，有的客户只是想要电子邮件，而不是网站。
所以必须先确定他是否真的需要网站。
我自己亲自谈还是业务帮我谈：
亲自谈有时候甚至可以当下马上改设计
业务帮我谈就不一样，因为话经过业务加油添醋，会不一样
客户有没有自己的行销企画：
企画书怎么会交给设计师写?设计师应该是提案给客户选吧～
客户有没有认真去思考‘网站’就看他有没有自己写一份报告给老板看过
难道是为了网站而网站
客户有没有特殊癖好：
网站风水学?无障碍网站?
没有先搞清楚这些特殊癖好，小心网站做好后才被削
客户准备多少资料要做网站：
千万不要相信客户说‘资料很多，很齐全’
因为网站上面要用的资料可不是那么简单
照片一定要，现有的型录也跑不掉
涉及健康、生命安全的产品最好有政府检验过的报告
有争议的网站内容最好别接(如吃下肚子，马上瘦十公斤的广告传单)
公司简介、部门组织、地图、联络资料一样都不能少
当客户问起什么资料要准备时=还没准备好要做网站
这些都没有，等这些资料都做好了，再做网站吧!
购物网站：
预算不够的公司，不妨建议他去找PCHOME、YAHOO合作开店
预算更低的，先玩网路拍卖吧
购物网站不等于东西就能卖出去
东西卖不出去，就算有购物网站也一样
东西卖得出去，就算没有购物网站也能卖
网址注册、主机、电子邮件：
客户有没有自己的网址?自己的主机?自己的电子邮件?
这些都涉及到以后的网站设计好要放哪里
展示我的作品：
作品是有风格差异的，不一样的设计师做的就不一样
难不成要几米去画火影忍者(能看吗?)
风格不喜欢从客户眼神及谈话内容就能感觉到
不要随口答应‘没问题，我能改到你满意’
发现客户要的不属于自己的风格，可以介绍别的设计师
设计师应该把重心放在自己擅长的案子上
平均完稿时间有多久：
我所谓的完稿是指画面排好，还没做 HTML
只是用绘图软体先给客户看排版，这段时间要花多久
报价：
第一步不报价，我通常只会说一个 RANGE 价格范围
因为还没有看到有多少资料要处理，不可能有正确的报价
报价高低的参考因素可以事先告知
如资料的处理量多寡、是否包含网址、空间主机、电子邮件等等
合约书：
可以先给对方看过，大家先对合约有认识
不一定要第一次就签约，不过大家对合约有共识
适度的修改合约符合双方实际状况也很重要
如：客户需要开票期三个月～
备案：
第一步谈得愉快还好，谈不妥得要有备案
发现客户的风格喜好不同，可以介绍认识的设计师给客户
第一步谈案子的立场要放在‘帮客户把网站发包出去’
所以不一定要你自己接下来做，不对头的案子可以给别人做
当然如果能自己接下来做，自然就会赚得比较多
(介绍别人做也能赚?见仁见智!)
----
第二步的重点放在资料，还有第一步的进度延伸，我先从前一步的延伸先说，再来谈第二步的资料怎么拿。
如果有帮客户申请网址、空间：
网址申请通常需要点时间更新各大ISP的DNS
所以从申请到真的可以用，最短应该48小时内，最长也有可能拖到三到五天。
网址申请到了，记得先放上一张?网站设计中?网页，如果能在上面用个邮件表单会比较好。
如果有帮客户申请电子邮件：
准备一张电子邮件帐号申请表，栏位只要邮件帐户、使用者、职称、密码即可。
用英文名当邮件帐户经常会强碰，所以要看情况给予客户建议
如：依分机号码编电子邮件(这部份见仁见智)
客户签约了，还缺一份?
进度及付款条件对照表?：
比较简单的写法就是分成三阶段(或更多)付款，每个阶段的认定标准则双方敲定即可。另外一种写法就是以你自己的进度为进度，可能从草稿、校稿、定稿、设计稿转网页、资料模拟、上线测试，修改网页等等，不要列太仔细，尤其时列了一些客户看不懂的工作项目，如：PSD 转 CSS HTML
注：几年前我有丢一张对照表给网友，不过已经太久没有碰网站设计，文件已经不在我的电脑内，请找别人要看看吧!
第二部份的重点来了，索取哪些资料，但是因为客户不同，会有点不一样。我知道的就尽量说，大家也可以分享自己的经验。
基本资料从哪里来：
名片(多要几个人的名片，以后会比较好找人，或找人帮你找人)
经济部商业司(查统编、公司登记基本资料)
客户有通过 ISO 认证：
一阶文件一定要拿，因为 ISO 一阶规定要有公司简介、发展沿革、组织图、使命及愿景等大方向的资料。
公司照片：
不管用什么方法，公司门面的照片、办公室的照片、工厂的照片多少要拿一些。
如果客户给的照片品质实在不怎么样，良心建议他请摄影师来拍吧!
要不然就是你自己拍
产品型录、说明书：
现有的商品型录一张也不能少
不管新旧产品，只要有商品型录就拿一份
产品说明书有设计过的话，通常上面有有一些设计好的图表、人物、图示
如果能够拿来用，可以省下不少脑筋
服务简报：
有些客户并不是生产产品，而是提供服务
看客户有没有介绍自己业务内容的简报可以提供(通常业务会自己做一份)
或者是?面试员工的公司介绍文件?，有的公司会直接拿 ISO 一阶面试
教案、考题：
我碰过老师的网站，基本上考题跟教案都会用电脑打，记得去要一份
有些例外，如数学(方程式编辑器很难用)
没有档案的话，拿一份空白考卷扫描(答案卷也一样)
机器设备 DM：
有些产业会使用特殊的机器设备，如 X 光机，工具显微镜、拉力测试机、自动打包机等，有可能跟品管有关、有可能跟厂务有关。找出机器设备的型号、设备厂商，拿一份机器设备的 DM 吧。(年久失修的设备怎么拍都很脏，用DM上的照片吧)
员工大合照：
公司多少会有公司旅游，有旅游就会有团体大合照
有制服的公司，通常也会再换新制服的时候大家合照一张
没有制服、旅游。总该有尾牙或春酒吧
聚餐的照片也不要少(喝醉发疯的照片不要用)
客户特别喜欢的网站：
同业的网站通常是参考标准，所以别忘了收集同业的网站参考
再来就是?老板?特别喜好的网站
不要收集?经理??主任??课长?特别喜好的网站，因为这些网站风格不一定老板会喜欢。
留下 FTP 帐号密码或烧光碟：
资料如果太大，教客户用FTP是必要的
如果不想用FTP，那么至少要会烧光碟片
客户把资料烧成光碟，再通知你去拿
有登记注册的商标：
应该会有一份经济部智慧财产局发的商标登记证书
千万、千万别听客户?嘴巴上说?已经登记
已经登记的商标如果没有档案，就必须扫描起来重新画过
不要在已经注册登记的商标上面加油添醋
分店、加盟店、分公司联络资料：
只有总公司的资料是不够的，网站上的联络资讯应该会包含所有分公司资料
所以记得要一份分公司、分店、加盟店的地址、电话、简易地图、店长、分公司联络人等资料。有的客户同意用清单的方式完成这份资料，有的希望结合台湾地图，请记得问一下客户希望用什么方式，别自己玩的很开心。
善用网路地图：
只有住址并不够，有些时候必需帮客户画地图放在网站上
不过有的客户不喜欢地图，画地图之前先问一下，以免做白工。
说明你为什么需要这些资料：
有的客户是真的不晓得网站要放哪些资料，当你提出前面林林总总的资料时，他可能会问你为什么，所以你一定要善尽你的责任说明。因为有的时候我们觉得需要这些资料，客户倒是不这么认为，问一下比较保险。
索取资料清单：
只有当你把针对特定客群的时候，资料清单会帮助你快速收及统一的资料。我自己曾经帮一群老师做网站，为了省事，我会列出一张老师网站应该提供的资料清单，省得每次说明。
客户的特殊要求：
延续第一步的当客户有特殊要求时，这些要求也要清楚的留下记录。
特定的颜色、特定的字形、无障碍认证到哪一个等级
签约动工：
第一次没有签约，第二是要记得签约拿订金
已经要开始工作了，如果没有订金，会很难动工
尤其是需要事先发包的工作(插画、动画等)
我的第三步，交棒给 JennyWang 说明制作案子要注意的地方。
JennyWang 万事拜托了。
第三部的重点放在执行制作及进度回报。
当然网站要怎么设计，那是自己的事情，别以为看了第三步你就会设计了!
执行制作的方法有蛮多，找一个你认为最划算且最有效率的方法：
100% 自己做：最累但是也最直接反应客户需求。
50% 交给设计师：有设计原稿，不仅能改HTML，也能改图。
80% 交给设计师：你可能拿不到设计原稿，如 PSD 档，最多只能改 HTML。
100% 交给设计师：只要做好沟通的角色，不要操坏设计师，大概就能顺利结案。
你对设计师的要求有哪些?
我认为这是必须要事先说明的，不要案子发给人家，反而造成双方困扰。
如果需要善用 CSS 请事先告诉设计师，有的设计师还是习惯用 TABLE 去排版
如果需要设计原稿，字体要不要转点阵图这些也必须事先讲
PSD 档要不要先切好转成 HTML 这也会影响后面进度
有些设计师提供的原稿，需要指定软体开
请进一步了解设计师用的软体，如果你手边没有对应的软体，你也没办法改。
就常用到的 PHOTOSHOP 与 FIREWORKS 虽然都可以吃 PSD 档
但是两者打开后的结果很可能不一样(需调整过)
设计师有提供指定的字型吗?
提到这个原因是，设计师很可能花大钱买一堆字形，或者是软体送的。
好死不死，你刚好没有这些字形，到时候要自己动手改设计就麻烦了!
事先确定原稿内的字体是否已经转成图片或曲线也是重点
有的时候，你可能需要自己动手改字，万一字体已经转成曲线或图档
用样版作给客户的：
必须要先跟客户说明，因为样版是可以重复卖。
当然有的样版网站愿意卖断给你，费用也会比较高。
不管是自己作或是设计师做，先弄个 DEMO 网址给客户：
客户通常会想知道目前的作业进度，我习惯把 PSD 简单切成 HTML 放上 DEMO 网址，可能会多做几个 DEMO 网页，里头当然全都是假资料。DEMO 网址另一个目的就是为了检讨用，当你做到这个阶段，记得排个时间在去客户那里解说一番，然后把客户的意见带回来当作修改设计的依据。
假资料也不要弄得太假：
因为第二步已经拿到照片等资料，按理来说，DEMO 网站上的照片应该可以用真的照片，但是照片的描述就不一定花时间打，随便找一篇英文网页 COPY & PASTE 就可以。我的习惯都会用上客户的照片就好，文章的部分就随便。除了照片正确，DEMO 网址上的联络资讯、公司名称也都会用正确的。
DEMO 网页怎么测试?
我会测试资料变多的时候版面会不会跑掉
不同浏览器浏览的结果
调整浏览器文字大小时版面的变化
没资料的时候，版面变化
有没有浏览器错误讯息
开启网站的速度，换页的速度(DW 有显示下载网页所花时间，可供参考)
如果你采用分工合作的方式，请注意进度
基本上你交代出去的工作一定要问到‘什么时候可以给我’
不然东西可能会没下落
另外比较会拖到时间的就是收集客户的意见给设计师
有点程度的业务人员会自己判断什么意见可行、什么不可行
遇到两光业务代表，大概第一个挂掉的是设计师
什么意见是可行?
我尽可能说明，因为这完全得要靠经验累积。
例如：设计师弄出的版面宽度，大概只能放下五个项目，客户要求近十几个选项，设计师大概也只能重新设计过。除非设计师觉得无所谓，能塞就塞。
动画的难度比较高，配合的设计师也必须要有功力才做得到，所以不要随便答应客户动画部分没问题。
回报进度的工具：
EMAIL 应该是属于最有效的，而且有寄出去的时间、内容，省下很多口水。
打电话也不错，但是没有留下任何纪录，万一要联络的人一多，会累到。
MSN 或 YAHOO 即时通留言给客户。
原则上以客户习惯的联络工具为准，优先选择有留纪录的工具。
回报进度的频率：
倒是不用每做完一个网页就回报一次，这样客户也会受不了。
可以每天回报一次，尽量在下午三点前把进度送出去，赶在客户下班前收下。
另外就是按照进度表的日期回报，这是比较有效率的。
回报的内容：
基本是打你完成的工作，未完成的工作。
回报进度时，尽可能的提到完整的人、事、时、地、物。
举例：下午两点联络上设计师陈先生，可能需要到设计师家里拿光碟(台中火车站)
进度如何暂停?
当遇到窒碍难行的地方，或者完全听不懂客户 EMAIL 或电话内表达的意思
请立刻通知设计师，暂停设计，跟客户约个时间，进一步确认需求与可行度才继续下去
同时进行的进度?
我通常都会事先说明‘网站是双方要一起努力的事情’
所以有的工作我会交给客户自己去弄，好比拍照、打公司简介等
所以当我或我的设计师正在忙着设计时，客户也正在忙着打字、拍照
让客户也一起动手做的好处，以后要维护网站，客户也会知道要怎么做

8、能制作一整套全部独立设计网页，大概一个月能拿到多少薪水？

一般都是多劳多得，做IT确实有点吃青春饭的，除非后面转管理去

9、网站独立网页需要多大空间？

一般100M就够了。

10、网页设计怎么单独的设计多种a:hover？

因为css无法选择父元素，但是能选择兄弟元素，所以我们没必要那么死板，可以让方框和字体作为兄弟节点，让字体悬浮在方框上就行了。想要单独给某个a设置hover，可以直接利用该a的id，或者用父元素的后代选择器nth-child()，不过不推荐

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>icon</title>

<style type="text/css">

a {

text-decoration: none;

}

#box {

width: 306px;

height:306px;

position: relative;

overflow: hidden;

} 

#icon{

width: 300px;

height: 300px;

position: absolute;

border: 1px solid black;

}

#icon:hover{

border: 3px solid red;

}

#icon img{

width: 200px;

height: 200px;

border: 1px solid orange;

border-radius: 100px;

margin-left:50px;

margin-top: 20px;

}

#txt{

width: 300px;

display: block;

position: absolute;

bottom: 5px;

text-align: center;

cursor: pointer;

z-index: 100;

}

#txt:hover{

color: green;

}

#txt:hover + #icon{

border: 3px solid green;

}

</style>

</head>

<body>

<div id="box">

<a id="txt">请放进来</a>

<a id="icon"><img src=""/></a>

</div>

</body>

</html>