第一套静态网页设计方案初步

第一套静态网页设计方案初步
第一套静态网页设计方案初步

第一套静态网页设计初步

一、单选题

1.在下列软件中,< )软件不能设计网页。

A>Dreamweaver B>FrontPage

C>记事本 D>Windows Movie Maker

2.在以Dreamweaver设计网页过程中,为了避免网页的链接对象使用包含盘符的本地绝对路径,最有效的方法是< )。

A> 建立用户文件夹,把网页所需的全部文件存储在该文件夹中

B> 建立本地站点,把网页所需的全部文件存储在本地站点的文件夹中

C> 建立与服务器的映射关系,要求服务器实时检测网页状态

D> 没有什么专门的方法

3.在以Dreamweaver设计网页过程中,要实现鼠标经过某个图片时自动切换显示另一幅图片,可以通过命令< )实现。

A> 查看-交替图像

B> 修改-图像-交替图像

C> 插入-图像对象-鼠标经过图像

D>. 插入-媒体-交替图像

4.在Dreamweaver中,< )工具不能建立图像热区链接。

A)矩形工具B)椭圆形工具

C)多边形工具D)线条工具

5.Dreamweaver无法显示的图像文件格式有< )。

A)GIF格式B)JPG格式

C)BMP格式D)PNG格式

6.在Dreamweaver中,下列哪个说法是错误的< )。

A)没有布局表格也可以添加布局单元格

B)一个布局表格中可以有多个布局单元格

C)布局表格中可以有布局表格

D)布局单元格中可以有布局表格

7、在以下HTML语言标记中,正确表示一个1行1列表格的是< )。

A)

B)

C)

D)

8、在本地电脑里,网页index.htm的存放路径是c:\webpages\index.htm,图像logo.gif的存放路径是c:\webpages\images,现在将该图像插入到网页index.htm中,则使用相对路径方式显示logo.gif,正确选项是< )。

A) C:\webpages\images\logo.gif

B) C:\webpages\logo.gif

C) images\logo.gif

D) ..\images\logo.gif

9.下列关于超链接的说法,不正确的是。

A)超链接的指向可以是网页或是网页中的书签<锚点)

B)超链接可以建立在文本、图像或是图像的热区上

C)超链接的目标页面可以在当前窗口打开,也可以在新窗口打开

D)访问过的超链接颜色一定发生改变。

10.如果网页是一个包含3个区域的框架结构,那么就要保存( >个文件。

A)1 B)2 C)3 D)4

11.Dreamweaver默认字体大小是( >。

A)2 B)3 C)4 D)5

12.在Dreawearer中,下面对象中可以添加热点的是< )。

A)表格 B)文字 C)图象 D)任何对象

13.如果锚点名称<书签)是a,则建立该锚点的链接,应在链接对话框中输入< )。

A)$a B)!a C)@a D)#a

14.要在Dreamweaver中实现滚动字幕效果,常用的实现方法是< )。

A> 在代码状态下,插入成对的标志

B> 在设计状态下,插入成对的标志

C> 插入-滚动字幕

D> 插入-媒体-滚动字幕

15.下列HTM标记中,负责设置超链接的标记是< )。

A) B>

B)

D>

二、判断正误

1. 在Dreamweaver进行网页设计时,不允许对图像的局部区域添加超级链接。

2. 超级链接可以针对文本、图片、Flash动画、视频等添加。

3. 常见的静态网页文档可以使用扩展名htm,也可以使用HTML,二者没有什么不同。

4. 当前实施网页布局的方式很多,但最主流的布局方式是DIV+CSS布局。

5.

在网页设计中,一定要使用带有盘符的绝对路径链接图片等对象,这样才不会出现死链、

错链等错误。

三、简答题

1. 网页中的对象<图像、图片、音乐)通过什么方式与HTML文档发生联系,如何才能

保证在复制网页时不遗漏相关文档?

2. 在网页设计中,主要有哪些布局方式,各有何特点?

3. 如何向网页中插入滚动字幕?如何实现垂直滚动字幕效果?

4. 如何向网页中插入“当鼠标经过时自动切换图片”的效果?

第二套静态网页设计高级

一、单选题

1.HTML文档正文的标记是< )。

A>和 B>和

C>和 D>

2.在Dreamweaver网页制作中,给网页添加信息框<弹出信息),应利用< )面

板。

A>代码B>文件C>行为D>应用程序

3.在Dreamweaver中,要对一幅大图的局部区域设置超级链接,可以使用< )技

术。

A> 直接设置 B> 表格技术

C> MAP技术 D> JavaScript

4.在Dreamweaver设计网页时,下列关于表格的说法,不正确的是< )。

A)表格可以嵌套

B)可以对表格添加超链接

C)表格可以通过样式表来进行修饰

D)表格可以用来辅助网页布局

5.如果需要在打开当前窗口时自动弹出一个新的浏览器窗口,应该针对Body的

< )事件添加“打开浏览器窗口”的命令。

A)Check B>Text

C)onLoad D>行为

6.在Dreamweaver中,要实现小图片的时间轴动画效果,对小图片的要求是< )。

A> 小图片必须具有动画功能,比如是具备动画效果的gif文件;

B> 小图片必须存放到层中

C> 小图片必须被放到时间轴上

D> 对小图片没有什么要求,直接插到页面中就行了

7.在Dreamweaver中,我们可以为链接设立目标,表示在新窗口中打开网页的是< )。

A)_blankB)_parentC)_selfD)_top

8.在Dreamweaver网页制作中,网页特效通常通过( >语言实现。

A>C B> JavaScriptC>VBC>HTML

9. HTML文档的层标记是< )。

A>

B>和

C>

D>

10.在以Dreamwaver制作网页过程中,可以利用模板快速建立新网页。关于模板的叙

述正确的是< )。

A> 模板被修改后,根据此模板建立的页面必须随之修改;

B>

模板上一般设置“可编辑区域”,其目的是使以该模板建立的页面在该区域是可以编辑的;

C> 模板不能被删除,模板一旦被删除,与之相关的网页也同时被删除

D> 不能让当前页面使用一个已经存在的模板

11.在网页设计中,如果希望单击某一图片就会自动登陆到https://www.360docs.net/doc/8575939.html,网站,常

用的方法是< )。

A> 为该图片建立超级连接,在链接中输入:https://www.360docs.net/doc/8575939.html,。

B> 为该图片建立超级连接,在链接中输入:https://www.360docs.net/doc/8575939.html,。

C> 为该图片建立超级连接,在链接中输入:ftp://https://www.360docs.net/doc/8575939.html,。

D> 上述功能在网页设计中不可能实现

12.Dreamweaver中需要通过行为来实现的功能有( >。

A)显示—隐藏图层 B)插入视频

C)插入flash动画 D)将图层转换为表格

13.网页设计中,要设计具有与服务器交互功能的页面<比如文本框、列表框)。在网页中使用的主要技术是< )。

A> 表格技术 B> 表单技术 C> 框架技术 D> CSS技术

14.在以Dreamweaver8以上版本的工具制作网页的过程中,要设置文本的字体、字形和字号,通常借助于< )技术。

A> 格式刷技术 B> 工具栏按钮

C> CSS文档 D> 使用菜单“格式”-“字体”

15.在网页制作中,实现网页布局的方法很多,但其核心内容都是利用表格或层实现布局。现在,如果借助Photoshop制作网站主页的布局,用到的核心工具为< )。

A> 选区工具 B> 切片工具

C> 格式刷工具 D> 裁剪工具

二、判断正误

1. 如果需要在网页上实时显示出当前时间,可以借助于JavaScript语言。

2.嵌入式框架技术可以在页面上开辟一个视窗,用于显示其他网页的内容。

3.

所谓DIV+CSS布局,就是在网页中插入多个层对象,然后利用CSS技术设置各个层对象的大小、所处位置,从而实现网页对象的定位。

4.

语句“onMouseOver=this.stop(>。”的含义是当鼠标在对象上悬停时,该对象停止正在进行的动作。

5.

利用Photoshop绘制页面并实施布局,既可以制作表格布局页面,也可以制作层布局页面。

三、简答题

1.

什么是CSS文档?如何设置“当鼠标经过超级链接时,超级链接的外观会发生变化”的效果?

2.

为什么要使用Photoshop实施网页布局?如何才能利用Photoshop实现DIV+CSS布局方式?

3. 什么是JavaScript?在网页设计中,JavaScript有什么作用?

4. 如何实现在网页调入时,自动打开一个窗口并自动呈现指定的内容?

第三套动态网页设计初步

一、单选题

1. 要获取文本框对象的输入结果,应该使用其< )属性。

A> Text B> Value C> Data D> Caption

2.单击Button控件后,能够执行客户端脚本的属性是< )。

A> Click B> OnClick

C> onClientClick D> OnCommand

3. 要获取用户对DropDownList对象的选中项的内容,应该使用其< )属性。

A> SelectedIndex B> SelectedItem

C> SelectedValue D> SelectedName

4. 当需要利用控件输入学生性别时,通常使用< )控件。

A> RadioButtonList B> RadioList

C> CheckBox D> TextBox

5. 当需要把TextBox控件作为密码输入框时,应该设置其TextMode属性的值为< )。

A> Password B> 密码

C> * D> not PostBack

6.

对于DropDownList控件,如果期望当用户选择其任一选项时,都会自动运行一些处理代码。那么应该针对其< )事件编写程序。

A> Seleted B> SelectedIndexChanged

C> Changed D> SelectingIndexChanged

7. 对于一组RadioButton对象,如果希望这组对象是互斥的,那么应该< )。

A> 使他们使用相同的对象名称 B> 使他们的Text属性取值相同

C> 使他们使用相同的Groupname D> 把他们放到同一个RadioButtonList中

8. 如果希望系统显示“I love you!”10000次,那么应该在语句的【】处填入< )内容。

for(int i=0。【】。 i++> Response.Write(“I love you!”>。

A> i<=10000 B> i<10000

C> i>100000 D> i>=10000

9.在C#中,如果需要把字符串型的量xx转化为整型的量yy,可以使用的语句是< )。

A> int yy=(int>xx。 B> int yy=xx.ToString(>。

C> int yy=Convert.ToInt32(xx>。 D> int yy=xx.ToInt32(xx>。

10.按钮控件Button的Text属性的作用是< )。

A> 返回按钮的数据 B> 设置按钮的名称

C> 设置按钮的颜色 D> 设置显示在按钮上的文字

11.对于RadioButton控件,要想知道哪个选项被选中了,常用的方法是< )。

A> 直接使用:对象名.SelectedValue B> 逐个对象使用:对象名.Checked

C> 直接使用:对象名.Text D> Check<对象名)

12.如果要确保用户输入的数据在10~100之间,那么应该使用< )验证控件。

A> RequiredFieldValidator B> RangeValidator

C> SummaryValidator D> 无法实现此功能

13.如果要对控件学号

A> Validator B>ControlToValidator

C>ErrorMessage D> Text

14.要设置Calender对象显示指定日期,应该设置的属性是< )。

A> SeletedDate B> VisibleDate

C> NewDate D> Text

15.关于面向对象程序设计的说法,错误的是< )。

A> 对象名是开发者定义的,对象的属性名和方法名是由对象所属的Class规定的;

B> 面向对象的程序设计把对象的静态属性和动态属性封装在一起,作为一个整体;

C>

可以依据超类创建子类,子类自动复制超类的所有属性,开发者还可以根据需求进一步为子类建立新的属性和新的方法,这一观点叫继承;

D>

面向过程的程序设计是在面向对象程序设计的基础上发展起来的,它注重模块化、过程性,是程序设计发展的未来方向。

二、判断正误

1.单击Button类型控件会形成页面往返处理。

2.利用SelectedV alue属性只能获取ListBox对象中第一个选择项的值。

3.在使用验证控件进行数据验证时,书写在ErrorMessage属性中的警示信息将在被验证者不满足条件时直接显示在验证控件处。

4. RadioButton和CheckBox的作用相同,都是选择项控件,都只能选中其中的一项。

5.在数据验证时,采用服务器端验证是为了给予用户比较快的响应速度。

三、简答题

1.什么是DropDownList控件,如何利用可视化方式为DropDownList控件赋予选项?如何获取DropDownList的选定项之值?

2.如何修改Button控件的显示信息?Button控件的Click事件的对应方法存储在什么位置? Button的Click方法和onClientClick属性有什么不同?

3.什么是服务器验证控件?在服务器验证控件中,ErrorMessage和T ext属性的值有什么不同?

4.V alidationSummary控件有什么用途?与其他的验证控件有什么不同?

第四套动态网页设计高级

一、单选题

1.连接字符串是数据库访问技术中的关键信息。在连接字符串中,通常使用< )符号表示本地计算机。

A> 英文小数点“.” B> Localhost

C> # D> 没有专用符号

2.https://www.360docs.net/doc/8575939.html,连接数据库的验证方式不包括< )。

A> Windows身份验证 B> FORM验证

C> SQL Server验证 D> Windows 和SQL Server验证

3.关于SqlDataSource控件的论断,错误的是< )。

A> 可以连接SQL Server数据库和Access数据库

B> 可以执行SQL Server中的存储过程

C> 可以插入、删除、修改和查询数据

D> 控件中不允许使用参数

4.在GridView对象中,有一个选择列。在“选择”事件对应的方法中,获取选定记录的主键值的命令是< )。

A> SelectedValue B> SelectedIndex

C> Rows[Now].ToString(> D> Rows[Seleted]

5.在GridView对象中,有一个编辑列,在“编辑”项被选中事件对应的方法中,获取当前行的命令是< )。

A> 对象名.SelectedValue B> SelectedIndex

C> 对象名.Rows[e.RowIndex]。 D> 对象名.Rows[Current]

6.需要使用SqlDataSource和普通的文本框控件实现插入记录的功能,下列做法正确的是< )。

A>

针对SqlDataSource对象,打开其UpdateQuery属性,为对应的SQL语句添加参数并绑定对应的文本框控件。

B>

针对SqlDataSource对象,打开其InsertQuery属性,为对应的SQL语句添加参数并绑定对应的文本框控件。

C>

针对SqlDataSource对象,打开其InsertQuery属性,把文本框控件拖动到InsertQuery属性对话框中

D> SqlDataSource对象不支持记录插入功能

7.为了控制GridView的自动分页,应该设置两个属性,分别是< )。

A> AutoPaging PageSize B> Paging PageCount

C> Paging PageSize D> PageNumber PageIndex

8.在GridView换页事件对应的方法中,如果需要获得GridView的当前页的页号,使用的技术为< )。

A> e.PageIndex B>e.IndexPage

C> e,PageNowIndex D>e.CurrentPage

9.如果希望FormView对象的默认打开方式为编辑状态,应该设置其属性< )。

A>把Mode的值设置为Edit B>把DefaultMode的值设置为Edit

C>把DefaultMode的值设置为Change D> FormView不支持编辑模式

10.如果自行开发Web系统的登录模块,通常把通过验证的账号信息和权限信息存储在< )中,以便这些变量能够跨页面使用。

A> Application变量 B> Session.变量

C> QueryString[]变量 D> Redirect方式

11.如果自行开发Web系统的登录模块,为防止非法用户绕过登录界面而直接访问页面,应该< )。

A>在每个窗体的Page_Load方法中添加判定语句,判断Session变量的值,如果权限不足,则跳转到登录界面。

B>在每个窗体的Page_Click方法中添加判定语句,判断Application变量的值,如果权限不足,则跳转到登录界面。

C>在每个窗体中增加一个按钮,针对按钮的Click事件,判断Session变量的值,如果权限不足,则跳转到登录界面。

D>在每个窗体中增加一个按钮,针对按钮的Load事件,判断Application变量的值,如果权限不足,则跳转到登录界面。

12. https://www.360docs.net/doc/8575939.html,内置的成员资格管理体系中,其使用的默认数据库为< )。

A> ASPNETDB C> USERDB

B> ASPUSERDB D> USERROLE

13. 在https://www.360docs.net/doc/8575939.html,内置的成员资格管理体系中,使用< )控件实现个性化菜单。

A> Login B> LoginView

C> LoginState D> ChangePassword

14. VS2008编写的https://www.360docs.net/doc/8575939.html,应用系统需要< )的支持。

A> IIS+.NET Framework 3.5 B> IIS+.NET Framework 1.1

C> Apache+IIS 6.0 D> Apache+Tomcat

15. 如果需要保障https://www.360docs.net/doc/8575939.html,应用系统的运行,下列< )不是必要的。

A> 在服务器上安装IIS系统

B>在服务器上安装.NET Framework3.5以上版本

C> 在服务器上创建名称适当的虚拟目录或者新站点

D> 在服务器上安装防火墙软件

二、判断正误

1.SqlDataSource控件可以直接绑定参数,其参数可以对应于文本框控件、列表框控件、Session变量和普通的内存变量。

2.对于GridView对象来讲,SeletedV alue是其重要属性,可以表示当前行。此属性在其选择、编辑、删除等事件对应的方法中都有效。.

3.如果把GridView控件绑定到SqlDataSource上,则可以利用GridView控件插入新记录。

4.不论数据表是否定义了主键,利用FormView都可以直接修改数据表的记录。

5.https://www.360docs.net/doc/8575939.html,依托的Web服务器是Tomcat,需要.Net Framework的支持。

三、简答题

1.SqlDataSource控件的配置涉及到哪些要素?SqlDataSource的输出有哪些类型?

2.GridV iew中的“选择”列有什么作用?在启用了“选定内容”后,如何获取当前选定记录的主键之值?

3.什么是虚拟目录?设置虚拟目录对于动态网站有什么意义?

4.如何才能把一个Web应用系统发布到专用Web服务器上?

网站设计说明书

《网站开发与网页设计》设计说明书网站名:《周杰伦资料库》 班级:BX00XX 学号:BX00XX05 姓名:某某某 201X年12月08日

目录 一、网站与网页的概述 (1) 1. 什么是网站 (1) 2. 什么是网页 (1) 3 静态网页 (2) 4 动态网页 (3) 5 动态网页与静态网页的区别 (4) 二、Dreamweaver 8 (5) 1 Dreamweaver 8的概述 (5) 2 Dreamweaver 8的功能 (5) 3 Dreamweaver 8的特点 (6) 三、网页设计标记语言—HTML (8) 1 HTML语言简介 (8) 2 HTML语言特点 (8) 四、我的网站介绍 (9) 1 网站的主题、结构介绍 (9) 2 网站的内容、形式和特点的介绍 (10) 3 网站重点页面的贴图 (10) 五、网站设计感悟 (18)

一、网站与网页的概述 1. 什么是网站 因特网上一块固定的面向全世界发布消息的地方,由域名(网站地址)和网站空间构成,通常包括主页和其他具有超链接文件的页面。 网站是由多个网页组成的,但不是网页的简单罗列组合,而是用超链接方式组成的既有鲜明风格又有完善内容的有机整体。 2. 什么是网页 网页是网站中的一「页」,通常是HTML格式(文件扩展名为:html、htm、asp、aspx、php、jsp等)。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。 网页(Web page)是一个文件,他存放在世界某个角落的某一部计算机中,而这部计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序。网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。 网页是构成网站的基本元素,是承载各种网站应用的平台。

【网页设计毕业论文】静态网站设计

【网页设计毕业论文】静态网站设计摘要 随着二十一世纪新兴科技的飞速发展,如今的电子信息产业正在经受着一个巨大的挑战,同时也面临着一个重大的机遇。就目前的科技发展水平而言,电子信息产业的发展已经不能够满足社会化大生产的要求,因此,各个国家集中人力、财力加大对信息技术产业的投入,以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界,缩紧了人与人之间的距离,这就更容易的使我们走上信息化的道路。 伴随通信技术和计算机网络应用技术的发展,人类已经进入了名副其实的网络时代。体育信息是网络信息的重要内容,体育信息网络化也有助于体育文化的传播。信息网络化促使体育信息传播方式发生变革,其资源共享功能促进了体育社会化;快速传输功能突破了时空限制,使得人们可以更快、更多地了解体育信息。我国目前的体育信息网络化传播无论从规模还是传播速度上都与国外体育信息的网络化发展存在一定的差距 第二章开发工具及开发语言介绍 2.1 Dreamweaver简介 Dreamweaver 是美国MACROMEDIA 公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举的制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver 8的发布,更坚定Dreamweaver在该领域的地位。突出的特点主要有灵活的编写方式;可视化编辑界面;功能更多的CSS支持――CSS可视化

设计、CSS检查工具;动态跨浏览器验证;强大的WEB站点管理功能;内建的图形编辑引擎;丰富的媒体支持能力等。 它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序,从而使用户能连接到数据库、Web 服务和旧式系统。开发环境支持6>HTML、ASP、https://www.360docs.net/doc/8575939.html,、JSP等,提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排版以及后台程序的交互。 2.2 Fireworks 矢量图处理 Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件,它大大简化了网络图形设计的工作难度,无论是专业设计家还是业余爱好者,使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画,还可以轻易地完成大图切割、动态按钮、动态翻转图等,因此,对于辅助网页编辑来说,Fireworks将是最大的功臣。借助于 Macromedia Fireworks 8,您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia?Dreamweaver?和 Macromedia?Flash?共同构成的集成工作流程可以让您创建并优化图像,同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具,无需学习代码即可创建具有专业品质的网页图形和动画,如变换图像和弹出菜单等。 meta http-equiv "Content-Type" content "text/html; charset gb2312" / 无标题文档

教你制作静态网页的方法之欧阳家百创编

教你制作静态网页的办法 欧阳家百(2021.03.07) 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点管理站点新建站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)跟随向导设置直至完成 3、网页文件的基本操纵 a、创建、掀开和保管网页文件 创建:文件新建创建 掀开:文件掀开选择欲掀开的文件 或者在右边的文件浮动面版中选择掀开 保管:文件保管或另存为 b. 设置网页的页面属性 修改页面属性然后设置(题目、布景、布景图像、文本等)c. 设置网页对象的颜色 网页对象,如页面布景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d. 网页文本的输入和属性设置 文本可键入、导入、粘帖 文字可设置字体、年夜小、颜色、格式等。

键入空格的办法:1、汉字输入法设置为全角方法,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保管、预览。 3、第二次设置格式为“题目一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方法为“居中”。然后保管、预览。 比较两次设置的效果。 e. 网页图片的拔出和属性设置 拔出图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 拔出图像占位符,在图片准备好后再加入图片。加入办法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要拔出的文件处。 在图像属性面版中设置 f. 拔出层

静态网页设计-教学大纲

《静态网页设计》教学大纲 课程类别:专业基础课 课程属性:必修课 学分/学时: 4学分/64学时 制订人:课题组 适用专业:信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 二、与其它课程的关系

三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念; (2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识; (3)理解和掌握基本的DIV+CSS技术知识; (4)理解和掌握表格的基本知识; (5)理解和掌握数据表单的基本知识; (6)理解和掌握基本的框架网页知识; (7)理解和掌握网页图像、动画等多媒体应用知识; (8)理解和掌握网页超级链接知识; (9)掌握基本的动画制作知识; (10)了解网页美工相关知识; (11)了解网站的测试、发布与维护的基本知识; (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素; (2)会使用Dreamweaver等网页设计工具制作网页; (3)能使运用基本的CSS技术设置网页风格; (4)能在网页中嵌入图像、动画、视频等多媒体元素; (5)能运用表格布局并设计网页; (6)能正确运用文字超链接、图像超链接技术设计网页; (7)掌握框架制作网页的方法,会使用框架设计网页; (8)掌握制作表单的方法,会利用表单建立交互式页面; (9)能看懂基本的HTML网页源代码。

(10)会设计网页线框图,并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法,综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程,能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力; (2)具备简单的需求市场分析能力; (3)具有一定的语言表达、沟通和协调能力; (4)具有良好的心理素质和责任意识,能及时完成任务的能力; (5)具有踏实肯干的工作作风; (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务

简单生活网上买菜系统静态网页设计与制作毕业设计论文

四川交通职业技术学院毕业设计论文 设计(论文)题目: 简单生活网上买菜系统静态网页设计与制作 入学年月 姓名 学号 专业计算机应用技术 指导教师 完成日期 2015 年 5 月 15 日

【摘要】计算机和计算机网络的飞速发展,人们对计算机网络的依赖是越来越大。人们在网上聊天交友,在网上请教问题,查阅资料,还在网上听音乐。除此之外,人们还会在网上进行商务交易、下载信息,有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖,无论是哪里的网友,都可以浏览到世界各地的各类信息,非常的方便,由于以上的优势,各类网站如雨后春笋般的出现,这也就是我的毕业设计的实际意义。本文就个人网站的规划与建设,以软件工程的方法对过程经行了分析与研究。本文的主要工作集中在:对web页进行概述,主要是对Internet的历史和发展作了回顾,在web页的定义而后特性上进行阐述。而Web设计的健康发展依靠web标准的采用,没有web标准就不会有真正的可访问性和连贯的设计。不用web标准,就跟不上时代。在这样的标准时代,我们需要网页更加容易扩展,适合自动数据交换,并且更加规整。而css,则实现了页面内容与样式分离。鉴于web标准,本论文着重对div+css 布局静态网页进行了讨论。并对网站开发过程中使用的开发工具和技术作了简要的介绍。 对网站建设中提及到术语进行了解释,并对个人网站的由来和发展经行了讨论;对自己的个人网站从规划建设经行了详细的分析;使用Html、Css、Photoshop 等技术实现了个人网站的各种功能并且就网站建设提出了自己的观点与建议。 【关键词】网页设计div+css Photoshop 简单生活网上买菜

静态网页设计总结报告

网页设计总结报告 目录 一、设计介绍 (2) 二、制作过程 (3) 1、布局............................................................................................................................................... (3) 2、相关插入 (4) 3、相关链接 (4) 三、制作代码 (5) 四、心得体会 (7) 五、参考资料 (8)

一、网页设计介绍 从文件的角度来说,一个网页就是一个HTML文件。当浏览者输入一个网址或单击某个链接后,在浏览器中显示出来的就是一个网页。一般网页上都会有文本、图片等信息,而复杂一些的网页上还会有声音、视频、动画等多媒体内容,为网页增添了丰富的色彩和动感。静态网页是指网页文件中没有程序,只有HTML代码,一般以.html或.htm为后缀名的网页,静态网站内容不会在制作完成后发生变化,任何人访问都显示一样的内容。网站是一系列逻辑上可以视为一个整体的网页集合,是许多相关网页有机结合而组成的一个信息服务中心。对于小型网站,是指带有一定主题的多个网页集合;对于大型网站还包含数据库和服务器端应用程序等如新浪、网易、搜狐等门户网站。在构成网站的众多网页中,有一个页面比较特殊,称为首页,即网站的第一个页面。动态网页是指网页文件不仅具有HTML标记,而且还含有程序代码,并使用数据库连接。动态网页能根据不同的时间,不同的来访者显示不同的内容,动态网站更新方便,一般在后台直接更新。 我的网站是介绍自己的个人网站,这是一个关于家乡美食的介绍,总共6 个页面,其中上有首页5个链接,包括剁椒鱼头,蚂蚁上树,浏阳蒸菜,家常酸菜鱼,长沙臭豆腐,而然后每个子页可以和上一页和下一页相连。 首页部分:介绍了湖南一些好吃的资料菜名,其中附有一张凤凰的图片,很想与老师和同学们分。 然后就是每个子页中,前四张介绍了五道菜和它们的做法,则是一道比较有名的小吃,为长沙臭豆腐,但由于其做法是秘方,只附有对其的介绍。 二、制作过程 网页布局 它们不仅能点缀网页,使网页更活泼有趣,而且在网上娱乐、电子商务等方面也有着不可忽视的作用。

关于静态网页论文

郑州电力职业技术学院 毕业设计 题目:美食网站论文 系别:信息工程系 专业:计算机应用 班级:计算机应用一班 学号: 1240303030303 姓名:韩x x

摘要 在信息技术飞速发展的今天,人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页,所以网页设计尤为重要。本文从网页设计的角度出发,介绍一些设计中要素和技巧,例如框架、CSS 样式的使用等等。 关键词:网页设计要素框架 CSS

目录 前言 (4) 一、网页的要素 ...................................................................... 错误!未定义书签。 (一)图片要素 ................................................................ 错误!未定义书签。 (二)排列方法要素......................................................... 错误!未定义书签。 (三) 色彩要素..................................................................... 错误!未定义书签。 二、网页设计技巧 (5) (一)框架的使用............................................................. 错误!未定义书签。 (二)样式的使用............................................................. 错误!未定义书签。 三、涉及软件 (6) (一)DreamWeaVer CS3介绍 (6) (二)DreamWeaVer CS3操作界面 (6) 四、制作前期工作 (7) (一)歌曲类型选取 (7) (二)歌曲选择 (7) 五、作品制作过程 (8) (一)利用Photoshop切割网页图画 (9) (二)利用Flash制作动画 ................................................ 错误!未定义书签。 六、网页设计经验................................................................... 错误!未定义书签。

教你制作静态网页的方法

教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。

静态网页论文(张明)

网页设计(论文) ( 2006届) 题目静态网页制作 学号 39 姓名张明 所属系计算机系 专业信息工程与网络技术 班级 0655 指导教师蒋健

摘要 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet 上发布信息主要是通过网站来实现的,获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。为了让更多客人了解不同信息的情况,提高信息共享度。所以,开发回族文化园网站。 关键词:Dreamweaver

目录 第一章开发工具和运行环境 (1) 1.1网站设计的基本知识 (1) 1.2D REAMWEAVER 8简介 (1) 1.3HTML简介 (2) 1.4HTML技术介绍 (2) 第二章网站需求分析 (3) 2.1系统概述 (3) 2.2系统的可行性分析 (3) 第三章网站的设计与实现 (4) 3.1网站的总体设计 (4) 3.1.1网站的风格 (4) 3.2网站的详细设计 (4) 3.2.1素材准备 (4) 3.2.2首页 (4) 第四章结论 (6) 致谢 (8) 参考文献 (9)

第一章开发工具和运行环境 1.1网站设计的基本知识 静态编程最重要的特征就是由程序自动生成网页,最终形成供浏览器解释的HTML。那么如何设计出精美的网页以及动态更新交互的站点,这就需要网页编程与网页制作相结合。本章主要介绍网站建设所必须掌握的基础知识,如网页文档的结构、超链接、表格和表单等基本的HTML标识的写法要求,网页编辑的常用工具,动态网站项目工程的设计步骤要求,以及网站的发布与维护、网站的主机方案等相关知识。 1.2 Dreamweaver 8简介 Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver 8的发布,更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。突出的特点主要有灵活的编写方式;可视化编辑界面;功能更多的CSS支持——CSS可视化设计、CSS 检查工具;动态跨浏览器验证;强大的WEB站点管理功能;内建的图形编辑引擎;丰富的媒体支持能力等。 它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序,从而使用户能连接到数据库、Web 服务和旧式系统。开发环境支持HTML、ASP、https://www.360docs.net/doc/8575939.html,、JSP等,提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排版以及后台程序的交互。

静态网页制作心得体会

静态网页制作心得体会 姓名:张继宏第三组8.18 20世纪40年代科学字发明了计算机之后,人们的工作效率大大提高,但是单个计算机能够存储和处理的信息是非常有限的,为了便于信息的传递和处理,人们就把众多的计算机连接起来。 网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上,对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品,那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的,而不是单单为了完成作业而已。这是一个完全关于自己的个人网页,既然是介绍自己,就应该让观者在浏览了之后了解自己其人,我觉得这点我已经基本上做到了。 关键字页面设计ASP和数据库 1.一般来说,个人主页的选材要小而精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。注意:网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如:您对诗歌感兴趣,可以放置自己的诗词;对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。选定了一个好的题材,是不是可以立刻动手制作了?不,经验告诉我们,必须要先规划框架。这是很重要的一步!每个网站都是一项庞大的工程。好比造高楼,没有设计图纸,规划好结构,盲目的建造,结果往往是倒塌;也好比写文章,构思好提纲,才不至于逻辑混乱,虎头蛇尾。全面仔细规划架构好自己网站,不要急于求成。 规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站(有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,十分累人,也十分费钱。 大纲列出来后,你还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。 为了提高浏览效率,方便资料的寻找,本站的框架基本采用“蒲公英”式,即所有的主要链接都在首页上,链接的层次不多,深度浅。 框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也为你的主页将来发展打下良好的基础。

静态网毕业论文图文稿

静态网毕业论文 集团文件版本号:(M928-T898-M248-WU2669-I2896-DQ586-M1988)

内蒙古化工职业学院 毕业设计(论文、专题实验)任务书

内蒙古化工职业学院

计算机和计算机网络的飞速发展,人们对计算机网络的依赖是越来越大。人们在网上聊天交友,在网上请教问题,查阅资料,还在网上听音乐。除此之外,人们还会在网上进行商务交易、下载信息,有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖,无论是哪里的网友,都可以浏览到世界各地的各类信息,非常的方便,由于以上的优势,各类网站如雨后春笋般的出现,企业网站也不例外。 本论文着重对div+css布局与美化公司网页进行了讨论;同时根据客户需求,采用div+css实现了咨询公司网页的设计,具体实现了首页、公司简介、品牌历史与技术创新、产品展示、用户注册与登录联系我们、在线留言等功能,系统符合公司网站的需求。 关键词:网页设计 Dreamweaver div+css 企业网页

第1章前言 网页和网站在如今的Internet网络中已经成为重要的基础,是作为政府和事业单位工作、公司宣传、电子商务等社会和经济内容的网络平台支持。政府、事业单位和企业对于网页的设计与制作也越来越重视。 由于Web2.0的成熟和广泛应用,网页设计和制作也和以前截然不同。尤其是Div+CSS技术的应用对于网站样式和内容的维护起到了至关重要的作用。Adobe公司对于网络整合软件Dreamweaver在这方面做了很大的改进,Dreamweaver CS5操作更加方便简捷,给予Div+CSS布局全面的支持。 当今世界已进入信息时代,Internet成为21世纪最受关注的焦点之一,它的飞速发展和在全球范围的普及应用正在给人类生活带来革命性变化。网络技术的发展也取得了巨大的成就,为网站开发提供了很好的技术支持。网站已经成为现阶段众多企业不可或缺的网络营销平台,互联网应用规模正在不断扩大。其中,特别是中小型企业,对于网络平台搭建的需求相当的迫切。各大门户网,企业网都在WEB2.0的标准上,采用div+css来布局,因此有了此次的选题。 企业网站是一个企业不可缺少的部分,它能介绍企业文化、经营理念、特色服务及企业在全国的网点分布。拓宽顾客市场,增加企业与客户之间的联系,缩短二者之间的距离。提高企业知名度,为企业今后的业务发展开辟一个良好的社会环境。它的内容对于企业来说至关重要,企业概况、企业论谈、企业特色服务、最新企业新闻动态等部分应该能够为用户提供充足的信息。企业网站做成检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低、维护方便、信息实时性强的功能完善的大型企业网站。这些优点能够极大地提高了企业网站的效率,也是企业走向科学化、信息化与世界接轨的重要条件。

关于HTML5的网页设计与实现学年论文

滨江学院 学年论文题目关于HTML5的网页设计与实现 院系滨江学院 专业软件工程 学生姓名胡飞 学号 20082344062 指导教师郑关胜 职称副教授 二O一一年十二月五日

目录 一引言 (2) 二网站建设的流程 (2) 三网页制作 (3) (一)制作步骤 (3) (二)常用参数 (3) (三)网页布局 (4) (四)网页色彩 (5) (五)细节的把握 (6) (六)常用工具介绍 (7) 四 HTML5的改进特性 (7) (二)程序接口 (8) (三)元素变化 (9) (四)异常处理 (9) 五结束语 (11)

关于HTML5的网页设计与实现 胡飞 南京信息工程大学滨江学院软件工程专业南京 210044 摘要: 关键字: 一引言 随着Internet的诞生和发展,许多人不再仅仅局限于网上冲浪,而是参与到网站建设中。企业建站相当于在网上建立一个家,你就可以在这里向客户介绍你的企业,展示你的实力,推销你的产品,网页制作作为网站制作中一个重要的环节,相对于传统的平面设计而言,网页设计具有更多的新颖性,更多可以表现的手法。结合本人的实习过程,现就网站建设与管理过程中,网页设计与制作的具体经历,包括:网页设计与制作过程中的网页布局、色彩构置,框架结构等相关事项做以下论述。 什么是HTML5? HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。 HTML5 是如何起步的? HTML5 是 W3C 与 WHATWG 合作的结果。 W3C 指 World Wide Web Consortium,万维网联盟。 WHATWG 指 Web Hypertext Application Technology Working Group。 WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。 二网站建设的流程 1.定义合适的域名。由域名构成的网址会像商标一样,有助于将来塑造网上的形象。域名除了要符合公司的性质以及信息内容的特征外,还要具有简洁、易记、具有冲击力的特点。 2.租用虚拟服务器。有了域名后,就需要一个空间存放网站,这个空间就是Internet 上的服务器。一般虚拟主机提供商都能向用户提供大容量、高速度的服务器,用户可根据网站的内容设置及其发展前景来选择。

教你制作静态网页的方法

教你制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开和保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b. 设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c. 设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d. 网页文本的输入和属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项

目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e. 网页图片的插入和属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。 在图像属性面版中设置 f. 插入层 方法: 1、点击插入面版中的“描绘层”;2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层; 3、可以随意移动层的位置; 4、可在层中插入图像、文字等。 g. *插入表格,用表格定位 方法: 1、先用鼠标点至欲插入表格的位置; 2、点插入面版中的“表格”—“插入表格”; 3、确定行数、列数后确定即将表格插入到选定位置了; 4、可在表格中任何单元格里插入图像、文字等。 h. 建立超链接 方法: 1、选中要建立超链接的文字或图像; 2、点右键“创建链接”打开的窗口或在属性的链接栏里,填入链接的目标。(如:本网站另一个网页,或外部网页如https://www.360docs.net/doc/8575939.html,,或电子邮件如:mailto:zdhwangji@https://www.360docs.net/doc/8575939.html,) 3、在页面属性里修改链接的属性:修改--页面属性(链接、活动链接、访问过链接) 二、制作实例1

动态网页设计论文

毕业设计(论文) 题目:动态网页设计 摘要 在Internet飞速发展的今天,互联网已成为人们快速获取、发布和传递信息的重要渠道,正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要,它已成为政府、企事业单位信息化建设中的重要组成部分。 现今的社会,人们已经离不开了网络,网络已经成为人与人之间交流的一种形式,它能够把事情的复杂化转为简单化,摆脱了时间和空间的限制。网站为消费者提供了一个网络生活空间,通过其网页展示了企业介绍、企业荣誉、产品介绍、招商信息、加盟程序、留言等一系列内容的介绍。浏览者不仅可以利用留言板经济而又快捷地与外界进行各种信息的沟通,也可以直接在网上申请加盟。 本论文还介绍了网页的结构分析和具体功能实现,网页的界面和运作方式,尽力模拟近代网页普遍性形式,成为一个完整的动态网站

关键字 Dreamweaver;Php;PhpMyAdmin;动态网页

目录 1 引言 (1) 2 网页制作概述 (1) 2.1 网页的类型 (1) 2.1.1 静态页面 (1) 2.1.2 动态页面 (2) 2.2 网页开发技术 (2) 2.3 网页布局 (3) 2.3.1 网页布局的基本概念 (3) 2.3.2网页布局方法 (5) 2.3.2 网页布局技术 (7) 2.4网页配色 (8) 2.5 网页设计流程 (9) 3 动态网页开发环境和技术 (9) 3.1 了解Dreamweaver开发工具 (9) 3.2 Php语言基础知识 (11) 3.3 开发环境介绍 (12) 4 设计及具体代码实现 (12) 4.1网页结构设计 (12) 4.2创建数据库 (13) 4.3主要模块的代码实现 (14) 4.3.1 注册代码的实现 (14) 4.3.2 登陆及退出登录代码的实现 (16) 4.3.3留言代码的实现 (18) 4.4运行测试 (19) 4.4.1 注册 (19) 4.4.2 登陆 (21) 4.4.3留言 (22) 4.5遇到的问题及解决方法 (23) 结束语 (24) 致谢............................................... - 25 -参考文献............................... 错误!未定义书签。

网页设计说明

网页设计说明

《我爱篮球》网站设计说明书 1、设计理念 本网站定位本身是用于展示个人爱好——篮球的一个平台页面系统。在展示之余也有结交拥有共同爱好的网友的功效。页面主要以蓝色调风格为主,站点分为有首页、篮球动态、NBA明星简介、用户注册、用户登录、留言交流、后台管理等模块。 本站页面主要展示的是NBA篮球资讯、明星等内容,整体页面使用到了CSS 层样式技术、Flash动画效果制作、以及 JavaScript的脚步技术应用。 值得一提的是首页明星照片展示采用了基于CSS+JS特殊的图片向左滚动的浏览效果。 2、设计流程 通过在网络参考相应模板,设计出接近于NBA网站的效果,并根据相应要求到网上寻找相应的图片素材以及应用到PS图片设计结束。 最后应用HTML网页设计,以及ASP + Access动态网页设计使用CSS进行页面样式的设计。 并且,附带应用一些JavaScript特效技术。 总体设计流程为:确定主题及颜色—→用Dreamweaver设计html静态网页效果—→建立数据库—→将静态网页改为asp动态网页—→测试、发布网站。 3、使用的工具与技术 网页制作工具:Dreamweaver 8 多媒体设计制作工具:Flash 8 、Photoshop cs3 应用到的设计技术:HTML、CSS、JavaScript 4、网站设计说明 网站名称:我爱篮球——篮球网站 整体形象设计包括标准字、标题、标准色彩等。 首页作为网站的形象页、网站的欢迎页面,引入的元素大致有网站名称、标题、形象图片、文字、栏目导航等要素,是彰显网站整体风格的重要页面,

并结合Flash动画来展示。 网站形象页的设计突出了所要展示的主题,通过文字、形象、图片的巧妙烘托,令页面富有层次感,达到赏心悦目的效果。 网页富有动感,通过JS实现突破轮播效果,文字采用marquee滚动展示新闻动态。 页面大小采用了960px*200px。 网站调试采用“边制作边调试”的方式。保证了页面在各个浏览器间的相互兼容性。 在风格等各方面追求保存一致。 5、页面结构布局 首页布局框架构思示意图

静态网页设计论文静态网页设计

1.前言: 因特网正在改变世界,它促成了网络经济雏形的形成,特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点,已经发展成为新的传播媒体,所以全球几乎各个企业、机构纷纷建立自己的Web 站点。 Web站点是向用户或潜在客户提供信息(包括产品和服务)的一种方式。其文档所包含的内容是由被称为超文本(HyperText)的文本、图形图象、声音,甚至电影等组成。使这些超文本能够有机地关联并可使浏览器识别,是通过HTML语言(HyperText Markup Language 超文本标记语言)实现的。同时CGI(Common Gateway Interface公共网关接口)能使Web具有交互功能。Web站点指引用户浏览该站点或其他站点上的分页信息,可以通过表格和电子邮件的连接提供双向交互方式。站点建立后,你的企业就在国内、甚至在国际上有了一席之地,有了每周7天、每天24小时的“虚拟门市部”。网站是未来企业开展电子商务的基础设施和信息平台,它是“知识经济”的制高点,企业的网址犹如企业的商标和品牌一样,是反映企业形象和文化的巨大的无形资产。 因此企业网站规划必须注意以下几个方面: 目标明确、定位正确 Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网--这个新媒体上展示企业形象、企业文化的信息空间,领导一定要给予足够的重视,明确设计站点的目的和用户需求,从而作出切实可行的计划。 挑选与锤炼企业的关键信息,利用一个逻辑结构有序地组织起来,开发一个页面设计原型,选择用户代表来进行测试,并逐步精炼这个原型,形成创意。 分析有些网站的效果不如预想的好,主要原因是对用户的需求理解有偏差,缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位,而对用户和潜在的用户的真正需求了解不多。所以,企业或机构应清楚地了解本网站的受众群体的基本情况,如受教育程

静态网页制作

静态网页制作 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开和保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b. 设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c. 设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d. 网页文本的输入和属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。

3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e. 网页图片的插入和属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。 在图像属性面版中设置 f. 插入层 方法: 1、点击插入面版中的“描绘层”;2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层; 3、可以随意移动层的位置; 4、可在层中插入图像、文字等。 g. *插入表格,用表格定位 方法: 1、先用鼠标点至欲插入表格的位置; 2、点插入面版中的“表格”—“插入表格”; 3、确定行数、列数后确定即将表格插入到选定位置了; 4、可在表格中任何单元格里插入图像、文字等。 h. 建立超链接 方法: 1、选中要建立超链接的文字或图像; 2、点右键“创建链接”打开的窗口或在属性的链接栏里,填入链接的目标。(如:本网站另一个网页,或外部网页如https://www.360docs.net/doc/8575939.html,,或电子邮件如:mailto:zdhwangji@https://www.360docs.net/doc/8575939.html,) 3、在页面属性里修改链接的属性:修改--页面属性(链接、活动链接、访问过链接)

静态网页设计3:设计网页布局

设计网页布局 本章要求: 1.掌握插入表格的方法及表格属性的设置 2.掌握单元格格式的设置、添加和删除行或列以及单元格的合并及拆分 3.掌握布局表格和布局单元格的绘制、属性设置和内容编辑 4.悉在网页中插入框架和嵌套框架,制作框架页面 重点:表格的插入和单元格的编辑,布局表格和布局单元格的绘制及编辑。 难点:表格数据的导入和导出,布局单元格的排版及嵌套布局表格的使用。 一.表格布局 设计网页的第一步是设计版面布局。所谓布局,就是以最适合浏览的方式将图片、文字以及表单等元素排放在页面的不同位置。网页设计常用布局方法是表格布局。另外一种方便的工具,就是使用框架。框架的作用就是把浏览器窗口划分为若干个区域,每个区域可以分别显示不同的网页。 案例:①在网页中插入表格,不显示边框只用来布局;②在单元格内插入文字、·图片,设置丰富的效果;③通过拆分单元格或者插入嵌套表格来细化某些单元格内部的布局。 1.插入表格 插入表格的具体操作步骤如下: 1)将光标定位。选择【插入】→【表格】命令或在“常用”插入栏中单击“表格”按钮,打开“表格”对话框。 2)在该对话框中可进行表格行数、列数、表格宽度、边框粗细、单元格边距等属性设置。 3)单击”确定“按钮即可按设置创建表格。

2.设置表格属性 选中表格后其“属性”面板,在其中可进行表格的属性设置,各项参数的含义如下: “表格Id”下拉列表框:为表格进行命名。 “行”和“列”文本框:设置表格的行数和列数 “宽”和“高”文本框:设置表格的宽度和高度,在其后的列表框中可选择单位像素和百分比 “填充”文本框:设置单元格边界和单元格内容之间的距离。 “间距”文本框:设置相邻单元格之间的距离。 2.设置表格属性 “对齐”下拉列表框:设置表格与文本或图像等网页元素之间的对齐方式,只限与表格同段落的元素。 “边框”文本框:设置表格边框的粗细。 “边框颜色”文本框:设置表格边框的颜色。 “背景颜色”文本框:设置表格的背景颜色。 “背景图像”文本框:设置表格背景图像,单击文本框右侧的“浏览文件”按钮,可在打开的“选择图像源文件”对话框中选择背景图像。 “清除列宽”按钮、“清除行高”按钮:分别为清除已经指定过的列宽和行高。“将表格宽度转换成像素”按钮:将表格宽度由百分比转为像素 “将表格宽度转换成百分比”按钮:将表格宽度由像素转换为百分比。 3.设置单元格、行或列的属性 先选中单元格、行或列,在“属性”面板中进行设置,属性面板如图: