五常信息网(五常论坛)

 找回密码
 立即注册
搜索
查看: 1789|回复: 12
打印 上一主题 下一主题

网页设计从何学起

[复制链接]

1763

主题

1万

帖子

46万

积分

系统管理员

Rank: 10Rank: 10Rank: 10

积分
462646
金钱
157396
威望
182736
经验值
99357
魅力
2079
精华
13
QQ
跳转到指定楼层
楼主
发表于 2008-6-5 20:17:33 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

所有材料是本人从网络搜集而来,如有侵权,请与我联系!

一般的进程是这样的:

FrontPage

Dreamweaver

Photoshop、Flash

html、css

ASP

ASP.net

五常论坛是您快乐的网上家园,是您温馨的休闲港湾!

1763

主题

1万

帖子

46万

积分

系统管理员

Rank: 10Rank: 10Rank: 10

积分
462646
金钱
157396
威望
182736
经验值
99357
魅力
2079
精华
13
QQ
沙发
 楼主| 发表于 2008-6-5 20:24:44 | 只看该作者

一、打开frontpage
二、新建一个网页:
单击菜单栏[文件]—[新建]—[网页]
三、对网页进行基本设置
设置网页标题、背景、背景音乐、左右边距:
步骤为:
A、网页空白处单击鼠标右键在弹出的菜单中选择“网页属性”,将会弹出一个对话框。
B、对话框第一选项“常规”中:
设置标题:直接输入你想好的网页标题;
设置背景音乐(一般选择MIDI音乐,推荐网址:http://www.dabaoku.com/bjyinyue/),可以直接输音乐的网址,也可以下载到你的电脑上,通过“浏览……”找到,但下载的音乐要保存到你所建的文件夹里面。
C、单击对话框第二选项“背景”,设置网页背景。可以设为图片背景,也可以直接设颜色。
设图片为背景时,在“背景图片”前打“√”,然后单击通过“浏览……”(事先把找好的图片放在你建的文件夹里面,)找到图片即可。
(网页背景图片推荐网址:http://www.3lian.com
D、单击对话框第三选项“边距”,可以设置网页的左右边距,一般设置为0。
所有设好后,单击“确定”。如果想看效果,可以直接点击网页左下面的“预览”。
四、做网页
首先要规划你的网页样式,一般网页顶部是一个网页标志性图标,和一个图片,还包括你网页的菜单,它是通过表格形式实现的。
设置表格方法为:
1、添加表格:单击菜单栏“表格”—“插入”—“表格”,根据你的需要设置几行几列,一般将边框粗细设为0,那样在浏览网页的时候就看不到表格线;边距和间距如设为0,则单元格之间的就没有缝隙,可根据需要设置。
2、在表格里面插入图片:单击“插入”—“图片”—“来自文件”,在你的文件夹里找到你所需的图片(注:要把你事先找好的图片存在你新建的文件夹,从网上下载图片一般为鼠标指向你所找的图片,然后单击右键,在弹出的菜单中选择“图片另存为……”,保存到你的文件夹下,推荐网址:http://www.3lian.com)。在网页里面插入图片和这方法一样。
3、设置网页菜单栏及表格背景:设置菜单栏也就是添加表格,添加表格的时候有几项就设几列(一般有自我简介、论文,试题、课件等),方法同上面所讲,这时可设置单元格边距为0,单元格间距不为0,这样每项之间就有分界线。
设置表格背景时:鼠标指向表格单击右键,在弹出的菜单中选择“表格属性”(如对某一个单元格设置背景,则选择“单元格属性”),设置方法同上网页背景设置。
其次,填充网页内容。可以直接向表格里面输入所需文字,也可以在网页里直接输入文字,文字排版同WORD里面的操作。
其3,增加特效。
添加滚动字幕:单击菜单栏“插入”—“组件”—“字幕”,将所需滚动的文字输入。再通过左下角的“样式……”—“格式……”—“字体……”设置字体字号颜色。
五、保存网页:单击“文件”—“保存”,出现对话框,网页文件名一定要是英文,不要用中文,并要把网页保存在你开始建的文件夹里。
六、网页的链接
按照上面的方法,做好几个网页保存在你建的文件夹里,然后通过链接把所有的网页链起来。
链接方法为:鼠标选中你所需做链接的文字或图片,单击右键,在弹出的菜单中选择“超链接”,弹出对话框;在对话框的中下面,有一个ULR,可以直接输入网址进行链接;但如果要链接到你计算机里的网页,要单击图标 ,在你的文件夹中找到与文字相对应的网页,然后“确定”。

frontpage 软件下载:

http://ishare.iask.sina.com.cn/cgi-bin/fileid.cgi?fileid=2759137

http://www.crsky.com/soft/6605.html

教程:http://www.knowsky.com/article.asp?typeid=35


五常论坛是您快乐的网上家园,是您温馨的休闲港湾!
回复 支持 反对

使用道具 举报

31

主题

490

帖子

25万

积分

版主

Rank: 8Rank: 8

积分
253849
金钱
68097
威望
93547
经验值
91185
魅力
32
精华
4
板凳
发表于 2008-6-6 11:56:35 | 只看该作者

晨曦,我觉得ps是第一步,FP和DW并列放在第2步骤

供参考

我来参与围观
回复 支持 反对

使用道具 举报

1763

主题

1万

帖子

46万

积分

系统管理员

Rank: 10Rank: 10Rank: 10

积分
462646
金钱
157396
威望
182736
经验值
99357
魅力
2079
精华
13
QQ
地板
 楼主| 发表于 2008-6-6 20:10:59 | 只看该作者
以下是引用在2008-6-6 11:56:35的发言:

晨曦,我觉得ps是第一步,FP和DW并列放在第2步骤

供参考

我是从HTML开始的,上面的资料是在百度搜集的,好象大多数人是按这个顺序学习的,我也不是太清楚,想想自己是怎么开始的,也没个顺序,好象都是同时进行的吧,因为要做HTML帖子,就得先学代码,同时还要学用PS处理图片,再加点简单的动画,这些稍微会了一点,就会做音画了,最后学的DW,和ASP。

至于FP没接触过,想现在学学,看相关资料里说,好象这个软件做网页设计更简捷实用一些。

[em23][em23]
五常论坛是您快乐的网上家园,是您温馨的休闲港湾!
回复 支持 反对

使用道具 举报

1763

主题

1万

帖子

46万

积分

系统管理员

Rank: 10Rank: 10Rank: 10

积分
462646
金钱
157396
威望
182736
经验值
99357
魅力
2079
精华
13
QQ
5#
 楼主| 发表于 2008-6-6 20:26:20 | 只看该作者

Macromedia Dreamweaver V8.0 简体中文版

下载地址:http://www.skycn.com/soft/458.html

          http://www.onlinedown.net/soft/22017.htm

教程:http://www.onlinedown.net/soft/22496.htm

      http://www.pc120.com

五常论坛是您快乐的网上家园,是您温馨的休闲港湾!
回复 支持 反对

使用道具 举报

1763

主题

1万

帖子

46万

积分

系统管理员

Rank: 10Rank: 10Rank: 10

积分
462646
金钱
157396
威望
182736
经验值
99357
魅力
2079
精华
13
QQ
6#
 楼主| 发表于 2008-6-6 20:29:02 | 只看该作者
五常论坛是您快乐的网上家园,是您温馨的休闲港湾!
回复 支持 反对

使用道具 举报

1763

主题

1万

帖子

46万

积分

系统管理员

Rank: 10Rank: 10Rank: 10

积分
462646
金钱
157396
威望
182736
经验值
99357
魅力
2079
精华
13
QQ
7#
 楼主| 发表于 2008-6-6 20:31:35 | 只看该作者

Macromedia Flash 8.0 简体版 下载 - 华军软件园 - 图形图像 -...

Macromedia Flash V8.0 简体中文版
http://sh.studa.com/hnspace/Macromedia%20Flash.rar
Flash是交互式矢量图和Web动画的标准。网页设计者使用Flash能创建漂亮的、可改变尺寸的、以及极其紧密的导航界面、技术说明以及其他奇特的效果。

注册信息:
序列号:WPD800-53339-14332-97403



解压密码:soft.studa.com

FLASH2004、FLASH8软件及视频教程下载

五常论坛是您快乐的网上家园,是您温馨的休闲港湾!
回复 支持 反对

使用道具 举报

1763

主题

1万

帖子

46万

积分

系统管理员

Rank: 10Rank: 10Rank: 10

积分
462646
金钱
157396
威望
182736
经验值
99357
魅力
2079
精华
13
QQ
8#
 楼主| 发表于 2008-6-6 20:33:44 | 只看该作者
五常论坛是您快乐的网上家园,是您温馨的休闲港湾!
回复 支持 反对

使用道具 举报

1763

主题

1万

帖子

46万

积分

系统管理员

Rank: 10Rank: 10Rank: 10

积分
462646
金钱
157396
威望
182736
经验值
99357
魅力
2079
精华
13
QQ
9#
 楼主| 发表于 2008-6-6 20:39:27 | 只看该作者
五常论坛是您快乐的网上家园,是您温馨的休闲港湾!
回复 支持 反对

使用道具 举报

1763

主题

1万

帖子

46万

积分

系统管理员

Rank: 10Rank: 10Rank: 10

积分
462646
金钱
157396
威望
182736
经验值
99357
魅力
2079
精华
13
QQ
10#
 楼主| 发表于 2008-6-6 20:50:26 | 只看该作者

ASP.net

教材

好像很难的样子。

由于asp.net使用高级编译语言做为后台代码语言,所以.net语言是必备的,虽有多种选择,不过,c#最佳。

学完c#语言基础后就可以看一些asp.net的书了,如下面这本:

ASP.NET 2.0 技术内幕 微软技术丛书 清华大学出版
http://bbs.topsage.com/dispbbs_123_171293_1.html

还有一些其他的:


ASP.NET 3.5 傻瓜书 (Wiley for Dummies系列)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=181477
Pro ASP.NET 3.5 in C# 2008
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=166640
Beginning ASP.NET 3.5 in VB 2008 从入门到精通
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=166774
Pro ASP.NET 3.5 Server Controls and AJAX Components
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=184733
Building A Web 2.0 Portal with ASP.NET 3.5
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=184156
ASP.NET 3.5 Unleashed(1900多页PDF文字版)
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=177711
Professional IIS 7 and ASP.NET Integrated Programming
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176524
零基础学ASP.NET 2.0 动画教程(附随书光盘)下载
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=181034
完全手册:ASP.NET 2.0 网络开发详解 教程+光盘下载
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=181039
Wrox ASP.NET 2.0 MVP Hacks and Tips
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=163467
Professional ASP.NET.2.0 Design
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=160236
Professional Web Parts and Custom Controls with ASP.NET 2.0
http://bbs.topsage.com/dispbbs.asp?BoardID=123&ID=162787
ASP.NET 2.0入门经典
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=146151
Beginning ASP.NET 2.0 E-Commerce in C# 2005从入门到精通
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=184144
ASP.NET in 60 Minutes A Day
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=184139
Beginning Obejct Oriented ASP.NET 2.0 with VB.NET 从入门到精通
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=184151
Wrox ASP.NET 2.0 Visual Web Developer 2005 Express Edition Starter
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=145208
Beginning ASP.NET 2.0 in C# 2005 From Novice to Professional
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=145396
Wrox Professional ASP.NET 2.0
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=145202
Wrox Professional ASP.NET 2.0 XML
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=145197
Wrox Professional ASP.NET 2.0 Security Membership and Role Management
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=145198
Wrox Beginning ASP.NET 2.0 and Databases
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=147078
Pro ASP.NET 2.0 in VB 2005
http://bbs.topsage.com/dispbbs.asp?boardID=121&ID=173790
ASP.NET开发人员手册
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=145391
ASP.NET 2.0网络编程入门到精通
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=145342
ASP.NET Web应用程序开发新思维
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=145302
ASP.NET 2.0高级应用程序设计专家教程
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=146379
ASP.NET XML高级编程 C#编程篇
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=148800
ASP.NET程序开发 C#篇
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=159285
ASP.NET XML深入编程技术
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=148795
ASP.NET 2.0 Cookbook
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=151984
ASP.NET 2.0 Everyday Apps for Dummies
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=158103
Pro ASP.NET for SQL Server
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=167279
ASP.NET 从入门到精通
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=159331
Wrox Beginning ASP.NET 1.1 with Visual C#.NET 2003
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=160240
ASP.NET 2.0 揭秘
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=160249
Build Your Own ASP.NET 2.0 Web Site Using C# and VB
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=163143
Microsoft ASP.NET Fast & Easy Web Development
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=176635
开发Microsoft ASP.NET 2.0网络应用程序
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=160473
Pro ASP.NET 2.0 Website Programming
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=174179
开发ASP.NET 2.0 核心参考
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=160474
Building Websites with VB.NET and DotNetNuke 4
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=160639
Wrox出版 Professional DotNetNuke 4.0
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=166008
Professional DotNetNuke ASP.NET Portals
http://bbs.topsage.com/dispbbs.asp?boardID=123&ID=163399

[em13][em13]
五常论坛是您快乐的网上家园,是您温馨的休闲港湾!
回复 支持 反对

使用道具 举报

11#
客人  发表于 2008-6-7 10:17:34
以下是引用晨曦在2008-6-6 20:10:59的发言:

我是从HTML开始的,上面的资料是在百度搜集的,好象大多数人是按这个顺序学习的,我也不是太清楚,想想自己是怎么开始的,也没个顺序,好象都是同时进行的吧,因为要做HTML帖子,就得先学代码,同时还要学用PS处理图片,再加点简单的动画,这些稍微会了一点,就会做音画了,最后学的DW,和ASP。

至于FP没接触过,想现在学学,看相关资料里说,好象这个软件做网页设计更简捷实用一些。

[em23][em23]

恩,可能每个人的习惯都不同,我是先ps设计好后切片进入dw阶段

fp我也没接触过,不过fp在应用中比较容易出问题,有的地方应用的时候会裂开,所以会要求dw做的文件

回复 支持 反对

使用道具

29

主题

180

帖子

16万

积分

版主

Rank: 8Rank: 8

积分
163638
金钱
151199
威望
8024
经验值
4049
魅力
0
精华
1
12#
发表于 2008-7-2 14:17:35 | 只看该作者
[em17][em17][em17]
平淡无华
回复 支持 反对

使用道具 举报

13#
客人  发表于 2009-3-27 14:52:31
[em17][em17][em17]太好了.
回复 支持 反对

使用道具

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

QQ|手机版|小黑屋|Archiver|五常信息网(五常论坛) ( 黑ICP备06006344号

GMT+8, 2024-5-5 02:11 , Processed in 0.077784 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表